{"title":"Les meilleures ventes de Naturellement Bio","description":"","products":[{"product_id":"hericium-500-mg-bio-60-gelules-qualidiet","title":"Héricium bio 500 Mg - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Héricium bio 500 mg - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AAF (bleu profond du titre \"HERICIUM\")\n - Secondaire: #4A9B4A (vert bio de \"Issu de l'Agriculture biologique\")\n - Accent: #C8352D (rouge du logo \"QUALIDIET\")\nAmbiance: Pharmaceutique\/médical, naturel\/bio, confiance, simplicité, pureté (fond blanc du packaging)\nPréfixe CSS: hrc\n--\u003e\n\n\u003cdiv class=\"hrc-premium\"\u003e\n \n \u003cdiv class=\"hrc-hero\"\u003e\n \u003cdiv class=\"hrc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hrc-hero-content\"\u003e\n \u003cdiv class=\"hrc-badges-top\"\u003e\n \u003cspan class=\"hrc-badge\"\u003e🍄 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🧠 Lion's Mane\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hrc-hero-title\"\u003eLion's mane Héricium bio 500 mg\u003c\/span\u003e\n \u003cp class=\"hrc-subtitle\"\u003eLe champignon de la mémoire et de la concentration\u003c\/p\u003e\n \u003cp class=\"hrc-description\"\u003eExtrait haute concentration avec \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e pour soutenir vos fonctions cognitives naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir ce lion's mane en gélule ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e⚡ Concentration exceptionnelle\u003c\/h3\u003e\n \u003cp\u003e60% de polysaccharides et 20% de bêta-glucanes, bien au-delà des standards du marché\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n \u003cp\u003e500 mg par gélule, plus généreux que les formules concurrentes à 400 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eCultivé selon les normes bio, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🥬 100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales en hypromellose, adaptées aux régimes végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française avec traçabilité et contrôle qualité rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs artificiels ni additifs controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🍄 Qu'est-ce que le lion's mane (Hericium erinaceus) ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-info-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eHericium erinaceus\u003c\/strong\u003e, surnommé \u003cstrong\u003eLion's Mane\u003c\/strong\u003e (crinière de lion) en raison de son apparence unique, est un champignon médicinal utilisé depuis des siècles en médecine traditionnelle asiatique.\u003c\/p\u003e\n \u003cp\u003eReconnaissable à ses longs filaments blancs, ce champignon fascine la communauté scientifique pour sa richesse en composés bioactifs spécifiques : les \u003cstrong\u003ehéricénones\u003c\/strong\u003e et les \u003cstrong\u003eérinacines\u003c\/strong\u003e. Ces molécules uniques peuvent traverser la barrière hémato-encéphalique et stimuler la production du facteur de croissance nerveux (NGF).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du lion's mane sur votre organisme\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFavorise la clarté mentale\u003c\/li\u003e\n \u003cli\u003eSoutient la mémoire au quotidien\u003c\/li\u003e\n \u003cli\u003eAccompagne la concentration intense\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eAccompagne face au stress\u003c\/li\u003e\n \u003cli\u003eFavorise le bien-être mental\u003c\/li\u003e\n \u003cli\u003eSoutient l'équilibre émotionnel\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003ePropriétés prébiotiques\u003c\/li\u003e\n \u003cli\u003eMuqueuse gastrique saine\u003c\/li\u003e\n \u003cli\u003eÉquilibre du microbiote\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Composition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"hrc-composition-box\"\u003e\n \u003cdiv class=\"hrc-composition-header\"\u003ePour 2 gélules (dose journalière)\u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-grid\"\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eExtrait d'Hericium erinaceus bio\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e1000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont polysaccharides\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e600 mg (60%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont bêta-glucanes\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e200 mg (20%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eEnveloppe gélule végétale\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003eHypromellose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hrc-steps\"\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eLe matin au petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eAdministration\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e2 à 3 mois, renouvelable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-tip\"\u003e\n \u003cstrong\u003e💡 Astuce synergie :\u003c\/strong\u003e Associez ce complément au Reishi ou Cordyceps en alternance pour une action renforcée sur les fonctions cognitives.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément à l'Héricium ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eEn période d'examens ou de révisions intensives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eSoumis à une charge mentale importante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eSouhaitant préserver leurs capacités cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eEn recherche d'un soutien naturel pour le système nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n \u003cp\u003ePour renforcer le confort intestinal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🏆 Qualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid-compact\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🔬 Extraction pure\u003c\/h3\u003e\n \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eBonnes pratiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n \u003cp\u003eAnalyses qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hrc-accordion\"\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e📦 Contenu du flacon\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003e60 gélules végétales de 500 mg, soit \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e à raison de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière indiquée.\u003c\/p\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable. En cas de traitement médical ou de pathologie, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical et n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hrc-cta-box\"\u003e\n \u003cp\u003e🍄 Offrez à votre cerveau le pouvoir ancestral du \u003cstrong\u003eLion's Mane\u003c\/strong\u003e avec une formule bio hautement concentrée. Mémoire, concentration et bien-être digestif réunis dans un seul complément d'excellence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hrc-cream: #f8f9fa;\n --hrc-white: #ffffff;\n --hrc-primary: #1E5AAF;\n --hrc-primary-dark: #14407a;\n --hrc-primary-light: #e8f0fa;\n --hrc-secondary: #4A9B4A;\n --hrc-secondary-light: #e8f5e8;\n --hrc-accent: #C8352D;\n --hrc-text: #1a1a1a;\n --hrc-text-light: #5a5a5a;\n --hrc-border: #e0e0e0;\n --hrc-shadow: 0 4px 24px rgba(30,90,175,.08);\n --hrc-shadow-lg: 0 12px 48px rgba(30,90,175,.15);\n --hrc-radius: 20px;\n --hrc-radius-sm: 12px;\n}\n\n.hrc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hrc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hrc-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AAF 0%, #2d6fc4 40%, #4A9B4A 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.hrc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hrc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.hrc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hrc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hrc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hrc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.hrc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.hrc-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.hrc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hrc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hrc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hrc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hrc-primary), var(--hrc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hrc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hrc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hrc-card {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hrc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hrc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hrc-shadow-lg);\n border-color: var(--hrc-primary);\n}\n\n.hrc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hrc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hrc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hrc-card-benefit {\n text-align: left;\n}\n\n.hrc-card-benefit ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n}\n\n.hrc-card-benefit li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text-light);\n padding: .35rem 0;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.hrc-card-benefit li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--hrc-secondary);\n font-weight: 700;\n}\n\n.hrc-grid-compact .hrc-card {\n padding: 1rem;\n}\n\n.hrc-grid-compact .hrc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hrc-grid-compact .hrc-card p {\n font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.hrc-info-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hrc-shadow);\n border-left: 5px solid var(--hrc-primary);\n}\n\n.hrc-info-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hrc-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.hrc-info-box p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-info-box strong {\n color: var(--hrc-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.hrc-composition-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n overflow: hidden;\n box-shadow: var(--hrc-shadow);\n}\n\n.hrc-composition-header {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-primary-dark) 100%);\n color: white;\n padding: 1rem 1.5rem;\n font-weight: 700;\n font-size: clamp(14px, 2.5vw, 16px);\n text-align: center;\n}\n\n.hrc-composition-grid {\n padding: 1rem;\n}\n\n.hrc-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1rem;\n border-bottom: 1px solid var(--hrc-border);\n}\n\n.hrc-composition-item:last-child {\n border-bottom: none;\n}\n\n.hrc-composition-sub {\n background: var(--hrc-primary-light);\n margin: 0 -1rem;\n padding-left: 2rem;\n}\n\n.hrc-composition-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text);\n}\n\n.hrc-composition-value {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 700;\n color: var(--hrc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.hrc-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.hrc-step {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: 1.5rem;\n box-shadow: var(--hrc-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n transition: all .3s ease;\n}\n\n.hrc-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.hrc-step-content h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hrc-step-content p {\n font-size: 14px;\n color: var(--hrc-text-light);\n margin: 0;\n}\n\n.hrc-tip {\n background: var(--hrc-secondary-light);\n border-radius: var(--hrc-radius-sm);\n padding: 1rem 1.25rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text);\n border-left: 4px solid var(--hrc-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.hrc-accordion {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n box-shadow: var(--hrc-shadow);\n overflow: hidden;\n}\n\n.hrc-accordion-item {\n border-bottom: 1px solid var(--hrc-border);\n margin: 0;\n padding: 0;\n}\n\n.hrc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hrc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hrc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hrc-accordion-header:hover {\n background: var(--hrc-primary-light);\n}\n\n.hrc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hrc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hrc-primary);\n transition: transform .2s ease;\n}\n\n.hrc-accordion-item[open] .hrc-accordion-header::after {\n content: '−';\n}\n\n.hrc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hrc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hrc-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.hrc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-accordion-content em {\n font-size: 13px;\n color: var(--hrc-text-light);\n}\n\n\/* === CTA === *\/\n.hrc-cta-box {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hrc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.hrc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.hrc-cta-box strong {\n color: white;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hrc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hrc-card {\n padding: 1.125rem;\n }\n \n .hrc-section {\n margin-bottom: 1.75rem;\n }\n \n .hrc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hrc-radius-sm);\n }\n \n .hrc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hrc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hrc-badges-top {\n gap: 8px;\n }\n \n .hrc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .hrc-grid-compact {\n gap: .625rem;\n }\n \n .hrc-grid-compact .hrc-card {\n padding: .75rem;\n }\n \n .hrc-steps {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .hrc-step {\n padding: 1rem;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .5rem;\n }\n \n .hrc-step-number {\n width: 36px;\n height: 36px;\n min-width: 36px;\n font-size: 16px;\n }\n \n .hrc-info-box {\n padding: 1.25rem;\n }\n \n .hrc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hrc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hrc-composition-item {\n padding: .75rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n \n .hrc-composition-sub {\n padding-left: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hrc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hrc-card:nth-child(1) { animation-delay: .05s; }\n .hrc-card:nth-child(2) { animation-delay: .1s; }\n .hrc-card:nth-child(3) { animation-delay: .15s; }\n .hrc-card:nth-child(4) { animation-delay: .2s; }\n .hrc-card:nth-child(5) { animation-delay: .25s; }\n .hrc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hrc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732183709,"sku":"VO4612","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hericium-bio-500-mg-60-gelules-vitalosmose-ingredients.jpg?v=1768225119"},{"product_id":"laque-fixation-forte-bio-150-ml-k-pour-karite","title":"Laque Fixation Forte Bio - 150 Ml - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n \u003cdiv class=\"kpk-hero\"\u003e\n \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kpk-hero-content\"\u003e\n \u003cdiv class=\"kpk-badges-top\"\u003e\n \u003cspan class=\"kpk-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🍃 Sans gaz propulseur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eLaque Fixation Forte Bio\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eK pour Karité — 150 ml\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eUn maintien longue durée puissant et naturel, sans effet cartonné, enrichi au karité bio et à l'orange douce. Vos cheveux restent souples, brillants et parfaitement en place.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eLaque bio fixation forte K pour Karité : tenez vos coiffures sans compromettre vos cheveux\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eVous cherchez une \u003cstrong\u003elaque fixation forte\u003c\/strong\u003e qui maintient durablement votre coiffure sans assécher ni alourdir vos cheveux ? La \u003cstrong\u003elaque bio K pour Karité 150 ml\u003c\/strong\u003e répond exactement à ce besoin. Certifiée bio, sans gaz propulseur et fabriquée en France, elle offre un maintien longue durée comparable aux grandes références du marché — mais avec une composition naturelle et respectueuse de votre fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir une laque bio pour cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-testimonial\"\u003e\n \u003cp class=\"kpk-testimonial-text\"\u003eLes laques conventionnelles, qu'il s'agisse d'une laque L'Oréal fixation forte ou d'une laque Schwarzkopf fixation forte, contiennent souvent des silicones, des parabens et des gaz propulseurs qui peuvent irriter le cuir chevelu et fragiliser les cheveux à long terme. Avec la \u003cstrong\u003elaque bio cheveux\u003c\/strong\u003e K pour Karité, vous profitez d'une tenue solide tout au long de la journée, \u003cstrong\u003esans effet collant, sans résidus visibles et sans ingrédients controversés\u003c\/strong\u003e. Vos cheveux restent souples, brillants et naturels au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eLes atouts clés de cette laque pour cheveux bio\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💪 Fixation forte et durable\u003c\/h3\u003e\n \u003cp\u003eMaintien fiable de toutes vos coiffures, des chignons sophistiqués aux brushings volumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌍 Sans gaz propulseur\u003c\/h3\u003e\n \u003cp\u003eLe format spray permet une vaporisation fine et précise, plus écologique et plus économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✨ Pas d'effet cartonné\u003c\/h3\u003e\n \u003cp\u003eVos cheveux gardent leur mouvement naturel tout en restant parfaitement en place.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💇 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eConvient aux cheveux fins, épais, lisses, bouclés ou colorés sans distinction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🍊 Parfum d'orange douce\u003c\/h3\u003e\n \u003cp\u003eUne touche de fraîcheur subtile et naturelle, loin des odeurs chimiques des laques classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eDes ingrédients naturels soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eLa formule de cette \u003cstrong\u003elaque bio pour cheveux\u003c\/strong\u003e repose sur des actifs d'origine végétale aux propriétés complémentaires :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌳 Gomme arabique\u003c\/h3\u003e\n \u003cp\u003eAgent fixant naturel qui assure un maintien puissant sans rigidifier le cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Huile de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, protège et préserve l'hydratation de la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🍊 Extrait d'orange douce bio\u003c\/h3\u003e\n \u003cp\u003eApporte brillance et un parfum frais, délicat et 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans paraben, sans silicone, sans colorant artificiel.\u003c\/strong\u003e Tous les ingrédients sont sélectionnés pour leur qualité et leur innocuité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre laque fixation forte bio ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez bien avant chaque utilisation pour homogénéiser le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eVaporisez à bonne distance\u003c\/h3\u003e\n \u003cp\u003ePulvérisez à \u003cstrong\u003eenviron 20 cm des cheveux secs\u003c\/strong\u003e, sur l'ensemble de la coiffure ou sur les zones à fixer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eGagnez en volume\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement à la racine puis coiffez selon vos envies pour un effet volumateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eSuperposez les couches\u003c\/h3\u003e\n \u003cp\u003ePréférez plusieurs couches légères plutôt qu'une seule application excessive pour un résultat plus naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eCertifications et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée par le Laboratoire Ariland, spécialiste reconnu des soins capillaires bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 ECOCERT\u003c\/h3\u003e\n \u003cp\u003eComposition contrôlée et pratiques de fabrication responsables certifiées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💚 Cosmébio\u003c\/h3\u003e\n \u003cp\u003eApprovisionnement éthique en matières premières garanti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFormat spray sans gaz, flacon recyclable et formule biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est faite cette laque ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003eSi vous souhaitez une \u003cstrong\u003elaque cheveux fixation forte\u003c\/strong\u003e efficace tout en privilégiant des produits sains, cette référence est faite pour vous. Elle convient particulièrement aux personnes ayant le \u003cstrong\u003ecuir chevelu sensible\u003c\/strong\u003e, aux adeptes de la cosmétique naturelle et à toutes celles et ceux qui veulent un \u003cstrong\u003ecoiffage impeccable\u003c\/strong\u003e sans compromis sur la qualité des ingrédients.\u003cbr\u003e\u003cbr\u003e📐 Format \u003cstrong\u003e150 ml\u003c\/strong\u003e — pratique à glisser dans votre sac pour des retouches en journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #f7f6f2;\n --kpk-white: #ffffff;\n --kpk-primary: #5a7a52;\n --kpk-primary-dark: #3a5434;\n --kpk-primary-light: #eef4ec;\n --kpk-secondary: #8aab62;\n --kpk-accent: #d4a843;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e0e0e0;\n --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kpk-radius: 20px;\n --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, #3a5434 0%, #5a7a52 40%, #8aab62 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(212,168,67,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kpk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kpk-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.kpk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kpk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kpk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.kpk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kpk-primary), var(--kpk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.kpk-section-intro strong {\n color: var(--kpk-text);\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kpk-shadow-lg);\n border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kpk-timeline-content {\n flex: 1;\n background: var(--kpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kpk-radius-sm);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n font-size: 14px;\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kpk-timeline-content strong {\n color: var(--kpk-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.kpk-testimonial {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kpk-shadow);\n border-left: 4px solid var(--kpk-primary);\n}\n\n.kpk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.kpk-testimonial-text strong {\n color: var(--kpk-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kpk-primary-light);\n border-radius: var(--kpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kpk-tip p {\n font-size: 14px;\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kpk-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(138,171,98,.3) 0%, transparent 60%);\n}\n\n.kpk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.kpk-cta-box strong {\n color: rgba(255,255,255,1);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kpk-card {\n padding: 1.125rem;\n }\n\n .kpk-section {\n margin-bottom: 1.75rem;\n }\n\n .kpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kpk-radius-sm);\n }\n\n .kpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kpk-grid-compact {\n gap: .625rem;\n }\n\n .kpk-grid-compact .kpk-card {\n padding: .75rem;\n }\n\n .kpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kpk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kpk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kpk-timeline-content p {\n font-size: 13px;\n }\n\n .kpk-testimonial {\n padding: 1.25rem;\n }\n\n .kpk-testimonial-text {\n font-size: 14px;\n }\n\n .kpk-tip {\n padding: .875rem 1rem;\n }\n\n .kpk-tip-icon {\n font-size: 20px;\n }\n\n .kpk-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: kpkFadeInUp .5s ease backwards;\n }\n .kpk-card:nth-child(1) { animation-delay: .05s; }\n .kpk-card:nth-child(2) { animation-delay: .1s; }\n .kpk-card:nth-child(3) { animation-delay: .15s; }\n .kpk-card:nth-child(4) { animation-delay: .2s; }\n .kpk-card:nth-child(5) { animation-delay: .25s; }\n .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kpkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kpk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755009761437,"sku":"REF990","price":11.45,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/LAQUE-FIXATION-FORTE-BIO-150-ML-626770.jpg?v=1732721181"},{"product_id":"men-booster-gel-derection-60-ml-labophyto","title":"Men Booster Gel d'Érection - 60 ml - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Men Booster Gel d'Érection - 60 ml - Labophyto\nPalette détectée:\n - Primaire: #C25A4A (rouge terracotta\/brique du packaging)\n - Secondaire: #8B3D32 (version foncée du rouge)\n - Accent: #E8D5C4 (beige crème du fond)\nAmbiance: Masculine, sobre, premium, orienté performance\/santé intime, formule naturelle\nPréfixe CSS: mb\n--\u003e\n\n\u003cdiv class=\"mb-premium\"\u003e\n \n \u003cdiv class=\"mb-hero\"\u003e\n \u003cdiv class=\"mb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mb-hero-content\"\u003e\n \u003cdiv class=\"mb-badges-top\"\u003e\n \u003cspan class=\"mb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e⚡ Action en 5-10 min\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mb-hero-title\"\u003eMen Booster Gel d'Érection\u003c\/span\u003e\n \u003cp class=\"mb-subtitle\"\u003eLa solution naturelle pour des performances optimales\u003c\/p\u003e\n \u003cp class=\"mb-description\"\u003eGel intime stimulant enrichi en extraits de plantes et huiles essentielles pour une érection forte et durable. Développé par Labophyto, expert en santé sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e✨ Les 4 bénéfices clés\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e💪 Érection puissante\u003c\/h3\u003e\n \u003cp\u003eStimule et tonifie les parties intimes pour favoriser une érection forte et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🩸 Circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eAméliore le flux sanguin vers les corps caverneux pour une meilleure vascularisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n \u003cp\u003eRésultats en seulement 5 à 10 minutes avant le rapport pour plus de spontanéité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e😌 Bien-être masculin\u003c\/h3\u003e\n \u003cp\u003eRetrouvez confiance et sérénité pour des moments intimes épanouis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Ginkgo Biloba\u003c\/h3\u003e\n \u003cp\u003eFavorise la circulation sanguine pour une meilleure vascularisation des tissus érectiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌰 Huile d'Argan\u003c\/h3\u003e\n \u003cp\u003eHydrate et assouplit la peau pour une meilleure pénétration des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e❄️ Menthol\u003c\/h3\u003e\n \u003cp\u003eApporte une sensation de fraîcheur stimulante et active les récepteurs sensoriels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌱 Extrait de Tribulus\u003c\/h3\u003e\n \u003cp\u003eRenforce l'effet tonifiant et stimulant pour des performances accrues\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mb-steps\"\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité de gel directement sur les parties intimes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement jusqu'à absorption complète du produit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003ePatienter\u003c\/h3\u003e\n \u003cp\u003eAttendez 5 à 10 minutes avant le rapport sexuel pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003eProfiter\u003c\/h3\u003e\n \u003cp\u003eSavourez des moments intimes intenses et une confiance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🎯 Hommes en quête de performance\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez optimiser vos capacités et vivre des moments plus intenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🔄 Retrouver sa confiance\u003c\/h3\u003e\n \u003cp\u003eVous avez besoin d'un coup de pouce pour vous sentir pleinement en forme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e💚 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les solutions à base de plantes, sans produits chimiques agressifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003eℹ️ Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid-compact\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e60 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e⏱️ Délai d'action\u003c\/h3\u003e\n \u003cp\u003e5-10 minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eFormule clean\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mb-accordion\"\u003e\n \u003cdetails class=\"mb-accordion-item\"\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e🧴 Texture et application\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content\"\u003e\n \u003cp\u003eGel non gras et non collant pour une application discrète et confortable. S'absorbe rapidement sans laisser de résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mb-accordion-item\"\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content\"\u003e\n \u003cp\u003eCe produit peut être utilisé en complément d'autres traitements ou dispositifs de performance sexuelle. Usage externe uniquement. Éviter le contact avec les yeux. En cas d'irritation, cesser l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mb-accordion-item\"\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de l'humidité. Refermer après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mb-cta-box\"\u003e\n \u003cp\u003e🔥 Rejoignez les milliers d'hommes qui ont déjà transformé leur vie intime avec Men Booster. Une formule française d'excellence pour retrouver confiance et performance au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mb-cream: #FAF7F4;\n --mb-white: #ffffff;\n --mb-primary: #C25A4A;\n --mb-primary-dark: #8B3D32;\n --mb-primary-light: #F5E6E3;\n --mb-secondary: #D4756A;\n --mb-accent: #E8D5C4;\n --mb-text: #1a1a1a;\n --mb-text-light: #5a5a5a;\n --mb-border: #e0e0e0;\n --mb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mb-radius: 20px;\n --mb-radius-sm: 12px;\n}\n\n.mb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 50%, #6B2A22 100%);\n border-radius: var(--mb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.mb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mb-primary), var(--mb-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mb-card {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mb-shadow-lg);\n border-color: var(--mb-primary);\n}\n\n.mb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mb-grid-compact .mb-card {\n padding: 1rem;\n}\n\n.mb-grid-compact .mb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mb-grid-compact .mb-card p {\n font-size: 12px;\n}\n\n\/* === ÉTAPES === *\/\n.mb-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mb-step {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mb-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mb-step:hover {\n transform: translateY(-5px);\n border-color: var(--mb-primary);\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-step-number {\n width: 45px;\n height: 45px;\n background: linear-gradient(135deg, var(--mb-primary), var(--mb-primary-dark));\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1rem;\n box-shadow: 0 4px 15px rgba(194,90,74,.35);\n}\n\n.mb-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mb-step-content p {\n font-size: 13px;\n color: var(--mb-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mb-accordion {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n box-shadow: var(--mb-shadow);\n overflow: hidden;\n}\n\n.mb-accordion-item {\n border-bottom: 1px solid var(--mb-border);\n margin: 0;\n padding: 0;\n}\n\n.mb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mb-accordion-header:hover {\n background: var(--mb-primary-light);\n}\n\n.mb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mb-primary);\n transition: transform .2s ease;\n}\n\n.mb-accordion-item[open] .mb-accordion-header::after {\n content: '−';\n}\n\n.mb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.mb-cta-box {\n background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 100%);\n border-radius: var(--mb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mb-steps {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mb-card {\n padding: 1.125rem;\n }\n \n .mb-step {\n padding: 1.125rem;\n }\n \n .mb-section {\n margin-bottom: 1.75rem;\n }\n \n .mb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mb-radius-sm);\n }\n \n .mb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mb-grid-compact {\n gap: .625rem;\n }\n \n .mb-grid-compact .mb-card {\n padding: .75rem;\n }\n \n .mb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mb-card,\n .mb-step {\n animation: mbFadeInUp .5s ease backwards;\n }\n .mb-card:nth-child(1), .mb-step:nth-child(1) { animation-delay: .05s; }\n .mb-card:nth-child(2), .mb-step:nth-child(2) { animation-delay: .1s; }\n .mb-card:nth-child(3), .mb-step:nth-child(3) { animation-delay: .15s; }\n .mb-card:nth-child(4), .mb-step:nth-child(4) { animation-delay: .2s; }\n .mb-card:nth-child(5) { animation-delay: .25s; }\n .mb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755023491229,"sku":"REF1045","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/men-booster-gel-derection-60-ml-labophyto-lifestyle.webp?v=1772642582"},{"product_id":"maxi-control-gel-retardant-60-ml-labophyto","title":"Maxi Control Labophyto - Gel Retardant 60 ml","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e⏱️ Action en 5-10 min\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🧴 Flacon airless 60 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eMaxi Control Labophyto\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eGel retardant 60 ml\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLe gel retardant naturel pour homme qui prolonge vos moments intimes avec confiance et sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMaxi Control Labophyto : le gel retardant naturel pour retrouver confiance et contrôle\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eL'éjaculation précoce touche de nombreux hommes. Si vous cherchez une solution \u003cstrong\u003esimple, discrète et naturelle\u003c\/strong\u003e, le \u003cstrong\u003eMaxi Control Gel Retardant de Labophyto\u003c\/strong\u003e est fait pour vous.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🎯 Action locale\u003c\/h3\u003e\n \u003cp\u003eRéduit l'hypersensibilité du gland de manière ciblée et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⏳ Rapports prolongés\u003c\/h3\u003e\n \u003cp\u003eGagnez en durée et en maîtrise pour des moments plus intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e😌 Plaisir préservé\u003c\/h3\u003e\n \u003cp\u003eAtténue la sensibilité sans supprimer les sensations agréables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🤫 Discret et pratique\u003c\/h3\u003e\n \u003cp\u003eFlacon airless compact, application rapide et sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment fonctionne ce gel retardant éjaculation ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eAppliqué sur le pénis quelques minutes avant le rapport, le \u003cstrong\u003egel retardant Maxi Control\u003c\/strong\u003e diminue légèrement la sensibilité cutanée grâce à ses actifs naturels. Vous conservez les sensations agréables tout en gagnant un \u003cstrong\u003emeilleur contrôle sur le moment de l'éjaculation\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧬 Désensibilisation douce\u003c\/h3\u003e\n \u003cp\u003eLes actifs végétaux atténuent l'hypersensibilité nerveuse de manière progressive et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Texture gel optimale\u003c\/h3\u003e\n \u003cp\u003eApplication précise et confort optimal, sans effet collant ni résidu gênant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✅ Sensations conservées\u003c\/h3\u003e\n \u003cp\u003eVous gardez le plaisir intact tout en maîtrisant le rythme de vos rapports.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eDes ingrédients naturels aux propriétés ciblées\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLabophyto a sélectionné des extraits végétaux reconnus pour leur action apaisante et désensibilisante.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌼 Millepertuis\u003c\/h3\u003e\n \u003cp\u003eAide à relâcher les tensions musculaires locales pour un meilleur confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌾 Avoine\u003c\/h3\u003e\n \u003cp\u003eAtténue la sensibilité nerveuse au niveau de la zone d'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Menthe poivrée\u003c\/h3\u003e\n \u003cp\u003eProcure une fraîcheur légèrement anesthésiante, agréable et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🍃 Houblon\u003c\/h3\u003e\n \u003cp\u003ePropriétés calmantes et relaxantes qui favorisent la détente locale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Glycérine et eau\u003c\/h3\u003e\n \u003cp\u003eTexture fluide et bonne hydratation de la peau pour un confort d'utilisation optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚖️ pH respecté\u003c\/h3\u003e\n \u003cp\u003eFormule qui respecte le pH naturel de la peau, sans substances agressives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette de gel\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité sur le bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur la zone\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur le gland et le frein du pénis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eMassez jusqu'à pénétration complète du produit dans la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003ePatientez 5 à 10 minutes\u003c\/h3\u003e\n \u003cp\u003eLaissez agir avant le rapport pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe gel est \u003cstrong\u003ecompatible avec les préservatifs\u003c\/strong\u003e et ne présente pas de contre-indication pour le sexe oral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Maxi Control ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Formule végétale\u003c\/h3\u003e\n \u003cp\u003eÀ base de plantes, sans anesthésiant chimique lourd.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧴 Flacon airless 60 ml\u003c\/h3\u003e\n \u003cp\u003eHygiénique, pratique et suffisant pour de nombreuses utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué par Labophyto, expert en santé sexuelle masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Absorption rapide\u003c\/h3\u003e\n \u003cp\u003eTexture légère qui s'absorbe vite, sans effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧪 Test cutané préalable\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e sur l'avant-bras avant la première utilisation. En cas de rougeur, n'utilisez pas le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon au frais, à l'abri de la lumière et hors de portée des enfants. \u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe gel est un soin de confort intime et ne remplace pas un avis médical. Consultez un professionnel si les troubles persistent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 - FAQ --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eFoire aux questions sur le gel retardant Maxi Control Labophyto\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e💡 Le gel réduit-il le plaisir ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. Le \u003cstrong\u003eMaxi Control\u003c\/strong\u003e atténue l'hypersensibilité sans supprimer les sensations. Vous ressentez le plaisir avec davantage de maîtrise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🕒 Combien de temps dure l'effet ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'effet se manifeste \u003cstrong\u003e5 à 10 minutes après l'application\u003c\/strong\u003e et se maintient pendant le rapport. Les résultats varient selon les individus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🔄 Compatible avec un préservatif ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, le gel est \u003cstrong\u003ecompatible avec les préservatifs en latex\u003c\/strong\u003e et utilisable avant un rapport oral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e📦 Combien d'applications avec 60 ml ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eAvec une noisette par utilisation, le flacon offre \u003cstrong\u003eplusieurs dizaines d'applications\u003c\/strong\u003e, un choix économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Y a-t-il des effets secondaires ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eFormulé à base d'ingrédients naturels, le gel est généralement bien toléré. En cas de peau réactive, un léger picotement peut survenir. Effectuez un test cutané au préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003e🚀 Reprenez le contrôle de vos moments intimes avec le \u003cstrong\u003eMaxi Control Gel Retardant\u003c\/strong\u003e — formule naturelle, résultat concret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eCe produit est un soin de confort intime. Il ne remplace pas un avis médical. Consultez un professionnel de santé si les troubles persistent.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #f4f7f5;\n --mc-white: #ffffff;\n --mc-primary: #2e8b57;\n --mc-primary-dark: #1a5e38;\n --mc-primary-light: #e8f5ee;\n --mc-secondary: #4db882;\n --mc-accent: #34c77b;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #dce8e1;\n --mc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5e38 0%, #2e8b57 45%, #4db882 100%);\n border-radius: var(--mc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 45%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.mc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.mc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mc-section-intro strong {\n color: var(--mc-text);\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mc-tip p strong {\n color: var(--mc-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n.mc-accordion-content p strong {\n color: var(--mc-text);\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n\n .mc-badges-top {\n gap: 6px;\n }\n\n .mc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755023687837,"sku":"REF1046","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maxi_control_gel_60ml_labophyto.webp?v=1772627197"},{"product_id":"hot-drink-homme-bois-bande-solution-buvable-250-ml-labophyto","title":"Hot Drink - Bois Bandé Homme pour la Libido 250ml - Labophyto","description":"\u003cdiv class=\"hd-premium\"\u003e\n\n \u003cdiv class=\"hd-hero\"\u003e\n \u003cdiv class=\"hd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hd-hero-content\"\u003e\n \u003cdiv class=\"hd-badges-top\"\u003e\n \u003cspan class=\"hd-badge\"\u003e🍑 Goût pêche\u003c\/span\u003e\n \u003cspan class=\"hd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hd-badge\"\u003e🌿 Bois bandé \u0026amp; Ginseng\u003c\/span\u003e\n \u003cspan class=\"hd-badge\"\u003e⚡ 250 ml – Cure complète\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hd-hero-title\"\u003eHot Drink Bois Bandé Homme\u003c\/span\u003e\n \u003cp class=\"hd-subtitle\"\u003eLa boisson naturelle au Muira Puama pour stimuler votre vitalité masculine\u003c\/p\u003e\n \u003cp class=\"hd-description\"\u003eSolution buvable saveur pêche par Labophyto – Expert en bien-être intime. Formule synergique à base de bois bandé, ginseng, guarana et vitamine C.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hd-section\"\u003e\n \u003ch2\u003eHot Drink Bois Bandé Homme : la boisson naturelle pour stimuler votre libido\u003c\/h2\u003e\n \u003cp class=\"hd-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire libido homme\u003c\/strong\u003e efficace et facile à prendre ?\u003c\/p\u003e\n \u003cdiv class=\"hd-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eHot Drink Bois Bandé Homme de Labophyto\u003c\/strong\u003e est une solution buvable au goût pêche associant des plantes reconnues pour leurs propriétés tonifiantes et aphrodisiaques. Formulée à base de \u003cstrong\u003ebois bandé\u003c\/strong\u003e (Muira Puama), de ginseng, de guarana et de vitamine C, cette boisson de 250 ml vous accompagne pendant une cure complète pour retrouver vitalité et désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hd-section\"\u003e\n \u003ch2\u003ePourquoi choisir le bois bandé pour homme ?\u003c\/h2\u003e\n \u003cp class=\"hd-section-intro\"\u003eLe \u003cstrong\u003ebois bandé\u003c\/strong\u003e, ou Muira Puama, est un arbre originaire d'Amazonie utilisé depuis des siècles comme tonique naturel. Traditionnellement reconnu pour ses vertus stimulantes, il agit à plusieurs niveaux :\u003c\/p\u003e\n \u003cdiv class=\"hd-grid\"\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e🔥 Soutien de la libido\u003c\/h3\u003e\n \u003cp\u003eIl favorise le désir sexuel en stimulant le système nerveux central pour raviver la flamme naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e💉 Amélioration de la circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eIl contribue à un meilleur afflux sanguin, essentiel pour la performance masculine et une réponse physiologique optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e💪 Effet tonique global\u003c\/h3\u003e\n \u003cp\u003eIl aide à lutter contre la fatigue physique et mentale, souvent responsable d'une baisse de désir et de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-tip\"\u003e\n \u003cspan class=\"hd-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eC'est cette richesse naturelle que Labophyto a concentrée dans \u003cstrong\u003eHot Drink Bois Bandé Homme\u003c\/strong\u003e, en l'associant à d'autres actifs complémentaires pour une action renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hd-section\"\u003e\n \u003ch2\u003eUne formule complète aux actifs synergiques\u003c\/h2\u003e\n \u003cp class=\"hd-section-intro\"\u003eCe \u003cstrong\u003ecomplément libido homme\u003c\/strong\u003e ne se limite pas au bois bandé. Voici la composition pour une dose de 15 ml :\u003c\/p\u003e\n \u003cdiv class=\"hd-grid\"\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e🌳 Extrait de bois bandé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e – Roupala montana (écorce). Tonifiant naturel, soutient le désir et la performance sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e🔴 Extrait de ginseng\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e – Panax ginseng (racine). Plante adaptogène qui améliore l'endurance et la vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e🌳 Extrait de Maca\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e. Tonifiant naturel, utilisée traditionnellement pour stimuler le désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e⚡ Extrait de guarana\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e45 mg\u003c\/strong\u003e – Paullinia cupana (graine). Stimulant naturel qui aide à réduire la fatigue et booste l'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e☕ Caféine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e par dose. Contribue à maintenir la vigilance et la concentration tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e25 mg\u003c\/strong\u003e (31 % des AR). Antioxydant puissant qui réduit la fatigue et soutient le métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-tip\"\u003e\n \u003cspan class=\"hd-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003eCette synergie entre bois bandé, ginseng et guarana fait de ce produit l'un des \u003cstrong\u003emeilleurs compléments alimentaires libido homme\u003c\/strong\u003e disponibles sous forme liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \n\n \u003csection class=\"hd-section\"\u003e\n \u003ch2\u003eComment prendre Hot Drink Bois Bandé ?\u003c\/h2\u003e\n \u003cdiv class=\"hd-timeline\"\u003e\n \u003cdiv class=\"hd-timeline-item\"\u003e\n \u003cdiv class=\"hd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e15 à 20 ml par jour\u003c\/strong\u003e, pure ou diluée dans un verre d'eau selon votre préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-item\"\u003e\n \u003cdiv class=\"hd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eConsommez-la de préférence \u003cstrong\u003eavant un repas\u003c\/strong\u003e pour une meilleure absorption des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-item\"\u003e\n \u003cdiv class=\"hd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUne \u003cstrong\u003ecure de 2 à 3 semaines\u003c\/strong\u003e est recommandée pour des résultats durables et optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-item\"\u003e\n \u003cdiv class=\"hd-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hd-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eAgitez bien le flacon avant chaque utilisation et conservez au frais après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hd-tip\"\u003e\n \u003cspan class=\"hd-tip-icon\"\u003e🍑\u003c\/span\u003e\n \u003cp\u003eSon agréable \u003cstrong\u003esaveur pêche\u003c\/strong\u003e rend la prise quotidienne plaisante, contrairement à certaines solutions au goût amer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hd-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hd-accordion\"\u003e\n \u003cdetails class=\"hd-accordion-item\"\u003e\n \u003csummary class=\"hd-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"hd-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Contient de la caféine (10 mg par dose) : déconseillé aux femmes enceintes ou allaitantes et aux personnes sous traitement antidiabétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hd-accordion-item\"\u003e\n \u003csummary class=\"hd-accordion-header\"\u003e📏 Dosage et effets\u003c\/summary\u003e\n \u003cdiv class=\"hd-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Une consommation excessive peut avoir des effets laxatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hd-accordion-item\"\u003e\n \u003csummary class=\"hd-accordion-header\"\u003e🧊 Conservation et stockage\u003c\/summary\u003e\n \u003cdiv class=\"hd-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hd-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"hd-cta-box\"\u003e\n \u003cp\u003e🇫🇷 \u003cstrong\u003eHot Drink Bois Bandé Homme\u003c\/strong\u003e est fabriqué en France par \u003cstrong\u003eLabophyto\u003c\/strong\u003e, expert en compléments alimentaires dédiés au bien-être intime. Chaque flacon est produit dans le respect des normes européennes de qualité et de sécurité.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eSi vous recherchez un \u003cstrong\u003eaphrodisiaque bois bandé pour homme\u003c\/strong\u003e naturel, pratique et agréable, cette solution buvable est le choix idéal pour retrouver confiance et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hd-cream: #faf6f4;\n --hd-white: #ffffff;\n --hd-primary: #d63031;\n --hd-primary-dark: #a02020;\n --hd-primary-light: #fdeaea;\n --hd-secondary: #e17055;\n --hd-accent: #ff7675;\n --hd-text: #1a1a1a;\n --hd-text-light: #5a5a5a;\n --hd-border: #e8e0dc;\n --hd-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hd-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hd-radius: 20px;\n --hd-radius-sm: 12px;\n}\n\n.hd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.hd-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.hd-hero {\n position: relative;\n background: linear-gradient(135deg, #a02020 0%, #d63031 40%, #e17055 100%);\n border-radius: var(--hd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hd-shadow-lg);\n}\n\n.hd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.hd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.hd-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.hd-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.hd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hd-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.hd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hd-primary), var(--hd-secondary));\n border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.hd-highlight-box {\n background: var(--hd-white);\n border-radius: var(--hd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hd-shadow);\n border-left: 4px solid var(--hd-primary);\n}\n\n.hd-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hd-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.hd-card {\n background: var(--hd-white);\n border-radius: var(--hd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hd-shadow-lg);\n border-color: var(--hd-primary);\n}\n\n.hd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.hd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hd-primary), var(--hd-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.hd-timeline-content {\n flex: 1;\n background: var(--hd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hd-radius-sm);\n box-shadow: var(--hd-shadow);\n}\n\n.hd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hd-timeline-content p {\n font-size: 14px;\n color: var(--hd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hd-primary-light);\n border-radius: var(--hd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hd-tip p {\n font-size: 14px;\n color: var(--hd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.hd-accordion {\n background: var(--hd-white);\n border-radius: var(--hd-radius);\n box-shadow: var(--hd-shadow);\n overflow: hidden;\n}\n\n.hd-accordion-item {\n border-bottom: 1px solid var(--hd-border);\n margin: 0;\n padding: 0;\n}\n\n.hd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hd-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hd-accordion-header:hover {\n background: var(--hd-primary-light);\n}\n\n.hd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hd-primary);\n transition: transform .2s ease;\n}\n\n.hd-accordion-item[open] .hd-accordion-header::after {\n content: '−';\n}\n\n.hd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hd-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.hd-cta-box {\n background: linear-gradient(135deg, var(--hd-primary) 0%, var(--hd-primary-dark) 100%);\n border-radius: var(--hd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hd-disclaimer {\n font-size: 12px;\n color: var(--hd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO === *\/\n.hd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hd-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hd-card {\n padding: 1.125rem;\n }\n\n .hd-section {\n margin-bottom: 1.75rem;\n }\n\n .hd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hd-radius-sm);\n }\n\n .hd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hd-timeline-content h3 {\n font-size: 14px;\n }\n\n .hd-timeline-content p {\n font-size: 13px;\n }\n\n .hd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hd-highlight-box {\n padding: 1.25rem;\n }\n\n .hd-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hd-card {\n animation: hdFadeInUp .5s ease backwards;\n }\n .hd-card:nth-child(1) { animation-delay: .05s; }\n .hd-card:nth-child(2) { animation-delay: .1s; }\n .hd-card:nth-child(3) { animation-delay: .15s; }\n .hd-card:nth-child(4) { animation-delay: .2s; }\n .hd-card:nth-child(5) { animation-delay: .25s; }\n .hd-card:nth-child(6) { animation-delay: .3s; }\n\n .hd-timeline-item {\n animation: hdFadeInUp .5s ease backwards;\n }\n .hd-timeline-item:nth-child(1) { animation-delay: .05s; }\n .hd-timeline-item:nth-child(2) { animation-delay: .1s; }\n .hd-timeline-item:nth-child(3) { animation-delay: .15s; }\n .hd-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes hdFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e\n","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025555613,"sku":"REF1054","price":15.91,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hot-drink-homme-lapbophyto_11zon.jpg?v=1772626767"},{"product_id":"erectab-stimulant-20-comprimes-labophyto","title":"Erectab - Stimulant Sexuel Naturel pour l'Érection - 20 Comprimés - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Erectab - Stimulant Sexuel Naturel pour l'Érection\nPalette détectée:\n - Primaire: #2B7EC1 (Bleu profond du packaging, évoque confiance et masculinité)\n - Secondaire: #1A5A8F (Bleu foncé pour contraste et profondeur)\n - Accent: #4A9CD9 (Bleu clair pour les highlights et backgrounds)\n - Neutre: #F8F9FB (Gris très clair\/blanc cassé pour backgrounds)\nAmbiance: Masculin, confiant, technique\/médical, professionnel avec approche naturelle\nStyle suggéré: Premium masculin avec touche médicale\/scientifique, moderne et rassurant\nPréfixe CSS: et\n--\u003e\n\n\u003cdiv class=\"et-premium\"\u003e\n \u003cdiv class=\"et-hero\"\u003e\n \u003cdiv class=\"et-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"et-hero-content\"\u003e\n \u003cdiv class=\"et-badges-top\"\u003e\n \u003cspan class=\"et-badge\"\u003e⚡ Effet rapide\u003c\/span\u003e\n \u003cspan class=\"et-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"et-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"et-hero-title\"\u003eErectab\u003c\/span\u003e\n \u003cp class=\"et-subtitle\"\u003eStimulant naturel pour l'érection et la virilité\u003c\/p\u003e\n \u003cp class=\"et-description\"\u003eLe complément alimentaire masculin qui combine 6 extraits végétaux puissants et des micronutriments essentiels pour booster vos performances naturellement et retrouver confiance en vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003ePourquoi choisir Erectab ?\u003c\/h2\u003e\n \u003cdiv class=\"et-grid\"\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eAction rapide et ciblée\u003c\/div\u003e\n \u003cp\u003eFormule concentrée qui agit en \u003cstrong\u003e60 minutes\u003c\/strong\u003e pour favoriser une érection ferme et durable au moment souhaité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eLibido amplifiée\u003c\/div\u003e\n \u003cp\u003eAugmente le désir sexuel et l'énergie grâce à une synergie d'aphrodisiaques naturels reconnus depuis des millénaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eVirilité renforcée\u003c\/div\u003e\n \u003cp\u003eSoutient la production hormonale masculine avec zinc et sélénium pour une vitalité optimale et des performances durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003e100% naturel et sûr\u003c\/div\u003e\n \u003cp\u003eFormule à base de plantes adaptogènes, sans effets secondaires, pour améliorer naturellement votre performance sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🧠\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eConfiance retrouvée\u003c\/div\u003e\n \u003cp\u003eRetrouvez l'assurance et la sérénité nécessaires pour des moments intimes épanouis et satisfaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eQualité Labophyto\u003c\/div\u003e\n \u003cp\u003eFabriqué en France par un laboratoire expert en santé sexuelle masculine depuis plus de 10 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eUne formule naturelle ultra-concentrée\u003c\/h2\u003e\n \u003cp class=\"et-intro-text\"\u003eErectab réunit 6 extraits végétaux soigneusement sélectionnés et dosés, associés à des vitamines et minéraux essentiels pour une efficacité maximale.\u003c\/p\u003e\n \n \u003cdiv class=\"et-ingredients-grid\"\u003e\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eAstragale\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eRacine tonifiante qui améliore la circulation sanguine et soutient la fonction érectile naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🍃\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eAshwagandha\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e160 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eAdaptogène puissant qui réduit le stress, augmente la testostérone et booste la libido masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e⚡\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eTribulus\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eAméliore la performance sexuelle et stimule la production naturelle de testostérone.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e90 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003ePlante énergisante qui améliore l'endurance, la vitalité et la qualité des érections.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🔥\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eGingembre\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e50 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eStimulant circulatoire et aphrodisiaque qui favorise l'afflux sanguin et l'excitation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e⚫\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003ePoivre noir\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e1 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eAméliore l'absorption de tous les actifs pour une efficacité optimale de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-vitamins-box\"\u003e\n \u003cdiv class=\"et-vitamins-title\"\u003e💊 Enrichi en micronutriments essentiels\u003c\/div\u003e\n \u003cdiv class=\"et-vitamins-grid\"\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eZinc\u003c\/strong\u003e\n \u003cspan\u003e10 mg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eSoutient la fertilité et la production de testostérone\u003c\/small\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eSélénium\u003c\/strong\u003e\n \u003cspan\u003e55 µg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eProtège les cellules et favorise la spermatogenèse\u003c\/small\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eVitamine B6\u003c\/strong\u003e\n \u003cspan\u003e1,4 mg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eRégule l'activité hormonale et réduit la fatigue\u003c\/small\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eBiotine (B8)\u003c\/strong\u003e\n \u003cspan\u003e50 µg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eSoutient le métabolisme énergétique normal\u003c\/small\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eComment utiliser Erectab ?\u003c\/h2\u003e\n \u003cdiv class=\"et-usage-timeline\"\u003e\n \u003cdiv class=\"et-usage-step\"\u003e\n \u003cdiv class=\"et-usage-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"et-usage-content\"\u003e\n \u003cdiv class=\"et-usage-title\"\u003ePrendre 2 comprimés\u003c\/div\u003e\n \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-usage-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"et-usage-step\"\u003e\n \u003cdiv class=\"et-usage-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"et-usage-content\"\u003e\n \u003cdiv class=\"et-usage-title\"\u003e60 minutes avant\u003c\/div\u003e\n \u003cp\u003eL'activité sexuelle prévue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-usage-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"et-usage-step\"\u003e\n \u003cdiv class=\"et-usage-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"et-usage-content\"\u003e\n \u003cdiv class=\"et-usage-title\"\u003eProfitez des résultats\u003c\/div\u003e\n \u003cp\u003eÉrection ferme et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-info-box\"\u003e\n \u003cdiv class=\"et-info-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv class=\"et-info-content\"\u003e\n \u003cstrong\u003eDosage recommandé :\u003c\/strong\u003e Ne pas dépasser 4 comprimés par jour. Pour un effet optimal, respectez les recommandations d'usage et adoptez une utilisation régulière si nécessaire.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eRésultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"et-results-grid\"\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e⏱️ 60 min\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eAction rapide\u003c\/div\u003e\n \u003cp\u003eLes premiers effets se font sentir environ une heure après la prise pour une spontanéité préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e💪 Immédiat\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eÉrection renforcée\u003c\/div\u003e\n \u003cp\u003eAmélioration de la qualité, de la fermeté et de la durée des érections dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e🔥 2-4 semaines\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eLibido amplifiée\u003c\/div\u003e\n \u003cp\u003eAugmentation progressive du désir sexuel et de l'énergie avec une utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e✨ 1-2 mois\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eVitalité optimale\u003c\/div\u003e\n \u003cp\u003eSoutien hormonal et amélioration globale de la performance masculine sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003ePour qui est Erectab ?\u003c\/h2\u003e\n \u003cdiv class=\"et-grid\"\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e👨\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eHommes de 30 ans et +\u003c\/div\u003e\n \u003cp\u003eQui souhaitent maintenir ou améliorer leur performance sexuelle naturellement avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eActifs stressés\u003c\/div\u003e\n \u003cp\u003eDont la libido et les érections sont affectées par le stress, la fatigue ou le surmenage professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eRecherche de performance\u003c\/div\u003e\n \u003cp\u003eQui veulent optimiser leur virilité, leur endurance et leur satisfaction lors des rapports intimes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eAdeptes du naturel\u003c\/div\u003e\n \u003cp\u003eQui préfèrent une approche naturelle sans médicaments ni effets secondaires indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eAvis de nos clients et experts\u003c\/h2\u003e\n \n \u003cdiv class=\"et-expert-review\"\u003e\n \u003cdiv class=\"et-expert-badge\"\u003e👨‍⚕️ Avis d'expert\u003c\/div\u003e\n \u003cp\u003eNous apprécions particulièrement la synergie des plantes adaptogènes et aphrodisiaques utilisées dans la formule d'Erectab. \u003cstrong\u003eAstragale, Ashwagandha, Tribulus et Ginseng\u003c\/strong\u003e agissent de façon complémentaire pour soutenir l'érection, améliorer la vitalité et favoriser la libido.\u003c\/p\u003e\n \u003cp\u003eLa présence de \u003cstrong\u003eZinc, de Sélénium et de vitamines du groupe B\u003c\/strong\u003e complète intelligemment l'action en soutenant la production hormonale et la santé générale. Sa fabrication française et le sérieux du laboratoire Labophyto sont également des gages de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-reviews-grid\"\u003e\n \u003cdiv class=\"et-review-positive\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eEffets visibles dès les premières prises\u003c\/strong\u003e avec des érections plus fermes et durables rapportés par de nombreux utilisateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-review-positive\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eAmélioration notable de la confiance en soi\u003c\/strong\u003e et une meilleure satisfaction lors des rapports intimes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-review-positive\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eConfort digestif et absence d'effets indésirables\u003c\/strong\u003e notables selon les retours clients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-review-note\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e💡\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eEfficacité variable selon la sensibilité individuelle\u003c\/strong\u003e et la condition physique générale de chacun.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-tip-box\"\u003e\n \u003cdiv class=\"et-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv class=\"et-tip-content\"\u003e\n \u003cstrong\u003eNotre conseil d'expert :\u003c\/strong\u003e Pour maximiser les effets d'Erectab, adoptez une bonne hygiène de vie : \u003cstrong\u003ealimentation équilibrée, activité physique régulière, sommeil de qualité et gestion du stress\u003c\/strong\u003e sont des alliés indispensables pour une sexualité épanouie et durable.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"et-quality-grid\"\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eMade in France\u003c\/div\u003e\n \u003cp\u003eFabriqué par \u003cstrong\u003eLabophyto\u003c\/strong\u003e, laboratoire français spécialisé en santé sexuelle masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🏭\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eLaboratoires certifiés\u003c\/div\u003e\n \u003cp\u003eProduction dans des installations conformes aux \u003cstrong\u003enormes européennes\u003c\/strong\u003e les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eIngrédients sélectionnés\u003c\/div\u003e\n \u003cp\u003eExtraits végétaux de \u003cstrong\u003equalité premium\u003c\/strong\u003e, rigoureusement sélectionnés pour leur efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eContrôles qualité\u003c\/div\u003e\n \u003cp\u003eChaque lot est testé pour garantir \u003cstrong\u003epureté, sécurité et efficacité\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"et-warning-box\"\u003e\n \u003cdiv class=\"et-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"et-warning-content\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eAdultes uniquement :\u003c\/strong\u003e Ce produit est destiné exclusivement aux hommes adultes.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDéconseillé :\u003c\/strong\u003e Ne pas utiliser chez les femmes enceintes ou allaitantes.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAvis médical :\u003c\/strong\u003e En cas de traitement médical en cours (notamment cardiovasculaire), consultez un professionnel de santé avant utilisation.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eConservation :\u003c\/strong\u003e Tenir hors de portée des enfants. Conserver dans un endroit sec et frais.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eComplément alimentaire :\u003c\/strong\u003e Ne peut remplacer une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDosage :\u003c\/strong\u003e Ne pas dépasser 4 comprimés par jour. Respecter les doses recommandées.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"et-infos-grid\"\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003eContenu\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003e20 comprimés\u003c\/div\u003e\n \u003cp\u003eSoit 10 prises de 2 comprimés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e⏰\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003ePrise\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003e60 min avant\u003c\/div\u003e\n \u003cp\u003eL'activité sexuelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003e100% naturel\u003c\/div\u003e\n \u003cp\u003e6 extraits végétaux + nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003eFrance\u003c\/div\u003e\n \u003cp\u003eLaboratoires Labophyto\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"et-cta-box\"\u003e\n \u003cdiv class=\"et-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"et-cta-content\"\u003e\n \u003cdiv class=\"et-cta-icon\"\u003e🚀\u003c\/div\u003e\n \u003cp\u003eBoostez votre virilité et votre performance sexuelle avec \u003cstrong\u003eErectab de Labophyto\u003c\/strong\u003e, un allié naturel pour des moments intimes plus intenses, plus confiants et plus satisfaisants !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --et-cream: #F8F9FB;\n --et-white: #ffffff;\n --et-primary: #2B7EC1;\n --et-primary-dark: #1A5A8F;\n --et-primary-light: #E8F3FC;\n --et-secondary: #4A9CD9;\n --et-accent: #3B8DC7;\n\n \/* Textes *\/\n --et-text: #1a1a1a;\n --et-text-light: #5a5a5a;\n\n \/* Effets *\/\n --et-border: #e0e0e0;\n --et-shadow: 0 4px 24px rgba(43, 126, 193, .08);\n --et-shadow-lg: 0 12px 48px rgba(43, 126, 193, .15);\n --et-radius: 20px;\n --et-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.et-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--et-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--et-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.et-hero {\n position: relative;\n background: linear-gradient(135deg, #2B7EC1 0%, #1A5A8F 50%, #2B7EC1 100%);\n border-radius: var(--et-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px);\n}\n\n.et-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.et-badges-top {\n display: flex;\n gap: 12px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.et-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--et-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.et-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.et-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.et-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.01em;\n}\n\n.et-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.et-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.et-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--et-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.et-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--et-primary), var(--et-secondary));\n border-radius: 2px;\n}\n\n.et-intro-text {\n text-align: center;\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--et-text-light);\n max-width: 800px;\n margin: 0 auto 2.5rem;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.et-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.et-card {\n background: var(--et-white);\n border-radius: var(--et-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--et-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.et-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--et-shadow-lg);\n border-color: var(--et-primary);\n}\n\n.et-card-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-card-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.et-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n}\n\n.et-ingredient-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--et-shadow);\n border-left: 4px solid var(--et-primary);\n transition: all .3s ease;\n}\n\n.et-ingredient-card:hover {\n transform: translateX(6px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-ingredient-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 1rem;\n}\n\n.et-ingredient-icon {\n font-size: 32px;\n}\n\n.et-ingredient-name {\n font-size: 20px;\n font-weight: 800;\n color: var(--et-primary-dark);\n letter-spacing: -.02em;\n}\n\n.et-ingredient-dose {\n display: inline-block;\n background: var(--et-primary-light);\n color: var(--et-primary-dark);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.et-ingredient-desc {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === VITAMINES === *\/\n.et-vitamins-box {\n background: linear-gradient(135deg, var(--et-primary-light) 0%, rgba(232, 243, 252, .5) 100%);\n border-radius: var(--et-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border: 2px solid var(--et-primary);\n}\n\n.et-vitamins-title {\n font-size: clamp(19px, 3vw, 24px);\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: 1.5rem;\n text-align: center;\n letter-spacing: -.02em;\n}\n\n.et-vitamins-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.et-vitamin-item {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.25rem;\n box-shadow: 0 2px 12px rgba(43, 126, 193, .08);\n display: flex;\n flex-direction: column;\n gap: 6px;\n transition: transform .3s ease;\n}\n\n.et-vitamin-item:hover {\n transform: translateY(-4px);\n}\n\n.et-vitamin-item strong {\n color: var(--et-primary-dark);\n font-size: 17px;\n font-weight: 800;\n}\n\n.et-vitamin-item span {\n color: var(--et-primary);\n font-size: 15px;\n font-weight: 700;\n}\n\n.et-vitamin-item small {\n color: var(--et-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n\/* === USAGE TIMELINE === *\/\n.et-usage-timeline {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n flex-wrap: wrap;\n}\n\n.et-usage-step {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n flex: 1;\n min-width: 200px;\n max-width: 280px;\n}\n\n.et-usage-number {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--et-primary), var(--et-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n font-weight: 900;\n box-shadow: var(--et-shadow);\n}\n\n.et-usage-content {\n text-align: center;\n}\n\n.et-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.01em;\n}\n\n.et-usage-content p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n}\n\n.et-usage-arrow {\n font-size: 32px;\n color: var(--et-primary);\n font-weight: 700;\n}\n\n\/* === INFO BOX === *\/\n.et-info-box {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.5rem;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n box-shadow: var(--et-shadow);\n border-left: 4px solid var(--et-secondary);\n}\n\n.et-info-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.et-info-content {\n font-size: 15px;\n color: var(--et-text);\n line-height: 1.6;\n}\n\n.et-info-content strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === RESULTS === *\/\n.et-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.et-result-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.75rem;\n box-shadow: var(--et-shadow);\n text-align: center;\n border-top: 4px solid var(--et-primary);\n transition: all .3s ease;\n}\n\n.et-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-result-time {\n font-size: 28px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.et-result-title {\n font-size: 19px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-result-card p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TARGET CARDS === *\/\n.et-target-card {\n background: var(--et-white);\n border-radius: var(--et-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--et-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.et-target-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--et-shadow-lg);\n border-color: var(--et-primary);\n}\n\n.et-target-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-target-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-target-card p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === EXPERT REVIEW === *\/\n.et-expert-review {\n background: var(--et-white);\n border-radius: var(--et-radius);\n padding: clamp(1.75rem, 3vw, 2.5rem);\n box-shadow: var(--et-shadow);\n border-left: 6px solid var(--et-primary);\n margin-bottom: 2rem;\n}\n\n.et-expert-badge {\n display: inline-block;\n background: linear-gradient(135deg, var(--et-primary), var(--et-secondary));\n color: white;\n padding: 8px 18px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1.25rem;\n}\n\n.et-expert-review p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--et-text);\n line-height: 1.7;\n margin-bottom: 1rem;\n}\n\n.et-expert-review p:last-child {\n margin-bottom: 0;\n}\n\n.et-expert-review strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === REVIEWS GRID === *\/\n.et-reviews-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 2rem;\n}\n\n.et-review-positive,\n.et-review-note {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--et-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n transition: transform .3s ease;\n}\n\n.et-review-positive {\n border-left: 4px solid #10b981;\n}\n\n.et-review-note {\n border-left: 4px solid var(--et-secondary);\n}\n\n.et-review-positive:hover,\n.et-review-note:hover {\n transform: translateX(6px);\n}\n\n.et-review-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.et-review-positive p,\n.et-review-note p {\n font-size: 15px;\n color: var(--et-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.et-review-positive p strong,\n.et-review-note p strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === TIP BOX === *\/\n.et-tip-box {\n background: linear-gradient(135deg, var(--et-primary-light) 0%, rgba(232, 243, 252, .6) 100%);\n border-radius: var(--et-radius);\n padding: 1.75rem;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid var(--et-primary);\n}\n\n.et-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.et-tip-content {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--et-text);\n line-height: 1.7;\n}\n\n.et-tip-content strong {\n color: var(--et-primary-dark);\n font-weight: 800;\n display: block;\n margin-bottom: .5rem;\n}\n\n\/* === QUALITY GRID === *\/\n.et-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.et-quality-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.75rem;\n box-shadow: var(--et-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.et-quality-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-quality-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-quality-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-quality-card p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.et-quality-card strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === WARNING BOX === *\/\n.et-warning-box {\n background: #FFF9E6;\n border-radius: var(--et-radius);\n padding: clamp(1.75rem, 3vw, 2.5rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid #FFD700;\n box-shadow: 0 4px 20px rgba(255, 215, 0, .15);\n}\n\n.et-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.et-warning-content ul {\n margin: 0;\n padding-left: 1.25rem;\n list-style: none;\n}\n\n.et-warning-content li {\n font-size: 15px;\n color: var(--et-text);\n line-height: 1.7;\n margin-bottom: .75rem;\n position: relative;\n padding-left: 1.25rem;\n}\n\n.et-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n.et-warning-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: #FFD700;\n font-weight: 700;\n}\n\n.et-warning-content strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === INFOS GRID === *\/\n.et-infos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.et-info-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.75rem;\n box-shadow: var(--et-shadow);\n text-align: center;\n transition: all .3s ease;\n border-top: 4px solid var(--et-primary);\n}\n\n.et-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-info-card-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-info-card-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--et-text-light);\n text-transform: uppercase;\n letter-spacing: .1em;\n margin-bottom: .5rem;\n}\n\n.et-info-card-value {\n font-size: 24px;\n font-weight: 900;\n color: var(--et-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.et-info-card p {\n font-size: 14px;\n color: var(--et-text-light);\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.et-cta-box {\n background: linear-gradient(135deg, var(--et-primary) 0%, var(--et-primary-dark) 100%);\n border-radius: var(--et-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.4) 0%, transparent 50%);\n}\n\n.et-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.et-cta-icon {\n font-size: 56px;\n margin-bottom: 1.5rem;\n display: block;\n animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n}\n\n.et-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.et-cta-box strong {\n font-weight: 900;\n letter-spacing: -.01em;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .et-grid,\n .et-ingredients-grid,\n .et-vitamins-grid,\n .et-results-grid,\n .et-reviews-grid,\n .et-quality-grid,\n .et-infos-grid {\n grid-template-columns: 1fr;\n }\n\n .et-usage-arrow {\n display: none;\n}\n\n .et-usage-arrow {\n transform: rotate(90deg);\n }\n\n .et-info-box,\n .et-tip-box,\n .et-warning-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .et-card,\n .et-ingredient-card,\n .et-result-card,\n .et-target-card,\n .et-quality-card,\n .et-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .et-card:nth-child(1),\n .et-ingredient-card:nth-child(1),\n .et-result-card:nth-child(1),\n .et-target-card:nth-child(1),\n .et-quality-card:nth-child(1),\n .et-info-card:nth-child(1) { animation-delay: .1s; }\n \n .et-card:nth-child(2),\n .et-ingredient-card:nth-child(2),\n .et-result-card:nth-child(2),\n .et-target-card:nth-child(2),\n .et-quality-card:nth-child(2),\n .et-info-card:nth-child(2) { animation-delay: .2s; }\n \n .et-card:nth-child(3),\n .et-ingredient-card:nth-child(3),\n .et-result-card:nth-child(3),\n .et-target-card:nth-child(3),\n .et-quality-card:nth-child(3),\n .et-info-card:nth-child(3) { animation-delay: .3s; }\n \n .et-card:nth-child(4),\n .et-ingredient-card:nth-child(4),\n .et-result-card:nth-child(4),\n .et-target-card:nth-child(4),\n .et-quality-card:nth-child(4),\n .et-info-card:nth-child(4) { animation-delay: .4s; }\n \n .et-card:nth-child(5),\n .et-ingredient-card:nth-child(5) { animation-delay: .5s; }\n \n .et-card:nth-child(6),\n .et-ingredient-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .et-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .et-premium {\n --et-shadow: 0 0 0 2px var(--et-primary);\n --et-shadow-lg: 0 0 0 3px var(--et-primary);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026604189,"sku":"REF1058","price":41.63,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/erectab-erection-virilite-labophyto-720111.jpg?v=1732720364"},{"product_id":"guduchi-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Guduchi Bio en poudre - 150g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Guduchi Bio en poudre - 150g - AyurVana\nPalette détectée:\n - Primaire: #C75B2A (terre cuite\/orangé du packaging et du logo AyurVana)\n - Secondaire: #5B8C3E (vert naturel des feuilles de Guduchi illustrées)\n - Accent: #8B5E3C (brun kraft du sachet)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, traditionnel indien, authenticité\nPréfixe CSS: gu\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Guduchi Bio en poudre : le soutien ancestral de vos défenses naturelles\"\n 2. \"Pourquoi choisir le Guduchi comme complément immunitaire ?\"\n 3. \"Composition\"\n 4. \"Comment prendre le Guduchi en poudre ?\"\n 5. \"Précautions d'emploi\"\n 6. \"Le choix AyurVana : qualité et authenticité\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gu-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gu-hero\"\u003e\n \u003cdiv class=\"gu-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gu-hero-content\"\u003e\n \u003cdiv class=\"gu-badges-top\"\u003e\n \u003cspan class=\"gu-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"gu-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n \u003cspan class=\"gu-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"gu-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gu-hero-title\"\u003eGuduchi Bio en poudre\u003c\/span\u003e\n \u003cp class=\"gu-subtitle\"\u003e150 g · AyurVana · Tinospora cordifolia\u003c\/p\u003e\n \u003cp class=\"gu-description\"\u003eLe « nectar d'immortalité » de l'Ayurvéda — une poudre pure à 100 % pour stimuler vos défenses naturelles, sans excipient ni additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003eGuduchi Bio en poudre : le soutien ancestral de vos défenses naturelles\u003c\/h2\u003e\n \u003cp class=\"gu-section-intro\"\u003eSurnommé \u003cstrong\u003e« nectar d'immortalité »\u003c\/strong\u003e dans la tradition ayurvédique, le \u003cstrong\u003eGuduchi\u003c\/strong\u003e (\u003cem\u003eTinospora cordifolia\u003c\/em\u003e) est l'une des plantes les plus respectées de la pharmacopée indienne.\u003c\/p\u003e\n \u003cdiv class=\"gu-highlight-box\"\u003e\n \u003cp\u003eAvec cette poudre bio de \u003cstrong\u003e150 g\u003c\/strong\u003e proposée par \u003cstrong\u003eAyurVana\u003c\/strong\u003e, vous accédez à un \u003cstrong\u003ecomplément alimentaire pour le système immunitaire\u003c\/strong\u003e d'une pureté remarquable : \u003cstrong\u003e100 % tige de Guduchi\u003c\/strong\u003e, certifiée agriculture biologique, sans excipient ni additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Guduchi comme complément immunitaire ?\u003c\/h2\u003e\n \u003cp class=\"gu-section-intro\"\u003eSi vous cherchez à \u003cstrong\u003erenforcer votre système immunitaire\u003c\/strong\u003e de façon naturelle, le Guduchi mérite toute votre attention. Plante adaptogène puissante, elle aide votre organisme à s'adapter au stress, à la fatigue saisonnière et aux agressions extérieures.\u003c\/p\u003e\n \u003cdiv class=\"gu-grid\"\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🛡️ Stimulation des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour soutenir l'immunité, le Guduchi est un complément alimentaire de défense immunitaire de premier choix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e✨ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols et en composés amers, il aide à neutraliser les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🫀 Soutien hépatique et détoxification\u003c\/h3\u003e\n \u003cp\u003eIl favorise le bon fonctionnement du foie, organe clé dans l'élimination des toxines accumulées par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e⚡ Vitalité et tonus\u003c\/h3\u003e\n \u003cp\u003eEn aidant l'organisme à retrouver son équilibre, il contribue à une sensation d'énergie durable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-tip\"\u003e\n \u003cspan class=\"gu-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe complément pour le système immunitaire convient parfaitement aux \u003cstrong\u003epériodes de changement de saison\u003c\/strong\u003e ou de surmenage, quand votre corps a besoin d'un coup de pouce naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"gu-grid-compact\"\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🌿 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003ePoudre de tiges de Guduchi* (Tinospora cordifolia)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🏷️ Certifié bio\u003c\/h3\u003e\n \u003cp\u003e*Issu de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eSans OGM, sans conservateur, sans additif. 100 % vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🇮🇳 Origine \u0026amp; conditionnement\u003c\/h3\u003e\n \u003cp\u003eOrigine Inde — Conditionné en France en sachet hermétique recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003eComment prendre le Guduchi en poudre ?\u003c\/h2\u003e\n \u003cp class=\"gu-section-intro\"\u003eLa posologie recommandée est de \u003cstrong\u003e1 à 2 g par jour\u003c\/strong\u003e, soit environ une demi-cuillère à café.\u003c\/p\u003e\n \u003cdiv class=\"gu-timeline\"\u003e\n \u003cdiv class=\"gu-timeline-item\"\u003e\n \u003cdiv class=\"gu-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gu-timeline-content\"\u003e\n \u003ch3\u003e🍯 Dans de l'eau tiède\u003c\/h3\u003e\n \u003cp\u003eDiluez la poudre dans un verre d'eau tiède avec une pointe de miel pour adoucir son amertume caractéristique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-timeline-item\"\u003e\n \u003cdiv class=\"gu-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gu-timeline-content\"\u003e\n \u003ch3\u003e🥤 Dans un smoothie\u003c\/h3\u003e\n \u003cp\u003eAjoutez-la à un smoothie, un jus de fruits frais ou un lait végétal pour un mélange gourmand et nutritif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-timeline-item\"\u003e\n \u003cdiv class=\"gu-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gu-timeline-content\"\u003e\n \u003ch3\u003e🍲 Dans une soupe ou sauce\u003c\/h3\u003e\n \u003cp\u003eIncorporez-la dans une soupe ou une sauce — la chaleur ne détruit pas ses propriétés bénéfiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-tip\"\u003e\n \u003cspan class=\"gu-tip-icon\"\u003e🌅\u003c\/span\u003e\n \u003cp\u003ePour des résultats optimaux, consommez le Guduchi \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e pendant une cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e. Renouvelez la cure plusieurs fois dans l'année, notamment à l'approche de l'automne et de l'hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gu-accordion\"\u003e\n \u003cdetails class=\"gu-accordion-item\"\u003e\n \u003csummary class=\"gu-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical ni une alimentation variée et équilibrée. Ne dépassez pas la dose journalière conseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gu-accordion-item\"\u003e\n \u003csummary class=\"gu-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le sachet bien fermé, à l'abri de la lumière et de l'humidité. Tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gu-accordion-item\"\u003e\n \u003csummary class=\"gu-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; traitements\u003c\/summary\u003e\n \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n \u003cp\u003eSi vous êtes enceinte, allaitante ou sous traitement, demandez l'avis de votre médecin ou pharmacien avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gu-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLe choix AyurVana : qualité et authenticité\u003c\/h2\u003e\n \u003cdiv class=\"gu-cta-box\"\u003e\n \u003cp\u003eAyurVana sélectionne ses plantes directement auprès de \u003cstrong\u003eproducteurs indiens engagés dans l'agriculture biologique\u003c\/strong\u003e. Chaque lot de Guduchi Bio est contrôlé pour garantir l'absence de pesticides, de métaux lourds et de contaminants. En choisissant cette poudre, vous optez pour un produit \u003cstrong\u003epur, traçable et respectueux de l'environnement\u003c\/strong\u003e — un véritable allié pour \u003cstrong\u003erenforcer votre système immunitaire\u003c\/strong\u003e au quotidien, en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gu-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --gu-cream: #faf6f1;\n --gu-white: #ffffff;\n --gu-primary: #C75B2A;\n --gu-primary-dark: #8B3A15;\n --gu-primary-light: #fdf0e8;\n --gu-secondary: #5B8C3E;\n --gu-accent: #8B5E3C;\n --gu-text: #1a1a1a;\n --gu-text-light: #5a5a5a;\n --gu-border: #e8ddd3;\n --gu-shadow: 0 4px 24px rgba(139, 58, 21, .08);\n --gu-shadow-lg: 0 12px 48px rgba(139, 58, 21, .15);\n --gu-radius: 20px;\n --gu-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gu-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gu-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gu-hero {\n position: relative;\n background: linear-gradient(135deg, #8B3A15 0%, #C75B2A 45%, #5B8C3E 100%);\n border-radius: var(--gu-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gu-shadow-lg);\n}\n\n.gu-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gu-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gu-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gu-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gu-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.gu-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gu-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gu-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gu-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gu-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gu-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gu-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gu-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gu-primary), var(--gu-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gu-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gu-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gu-highlight-box {\n background: var(--gu-white);\n border-radius: var(--gu-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gu-shadow);\n border-left: 4px solid var(--gu-secondary);\n text-align: center;\n}\n\n.gu-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gu-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.gu-card {\n background: var(--gu-white);\n border-radius: var(--gu-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gu-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gu-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gu-shadow-lg);\n border-color: var(--gu-primary);\n}\n\n.gu-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gu-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gu-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gu-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gu-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gu-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gu-grid-compact .gu-card {\n padding: 1rem;\n}\n\n.gu-grid-compact .gu-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gu-grid-compact .gu-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gu-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gu-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gu-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gu-primary), var(--gu-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gu-timeline-content {\n flex: 1;\n background: var(--gu-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gu-radius-sm);\n box-shadow: var(--gu-shadow);\n}\n\n.gu-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gu-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gu-timeline-content p {\n font-size: 14px;\n color: var(--gu-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gu-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gu-primary-light);\n border-radius: var(--gu-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gu-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gu-tip p {\n font-size: 14px;\n color: var(--gu-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gu-accordion {\n background: var(--gu-white);\n border-radius: var(--gu-radius);\n box-shadow: var(--gu-shadow);\n overflow: hidden;\n}\n\n.gu-accordion-item {\n border-bottom: 1px solid var(--gu-border);\n margin: 0;\n padding: 0;\n}\n\n.gu-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gu-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gu-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gu-accordion-header:hover {\n background: var(--gu-primary-light);\n}\n\n.gu-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gu-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gu-primary);\n transition: transform .2s ease;\n}\n\n.gu-accordion-item[open] .gu-accordion-header::after {\n content: '−';\n}\n\n.gu-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gu-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gu-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gu-cta-box {\n background: linear-gradient(135deg, var(--gu-primary) 0%, var(--gu-primary-dark) 100%);\n border-radius: var(--gu-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gu-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gu-disclaimer {\n font-size: 12px;\n color: var(--gu-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gu-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gu-card {\n padding: 1.125rem;\n }\n\n .gu-section {\n margin-bottom: 1.75rem;\n }\n\n .gu-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gu-radius-sm);\n }\n\n .gu-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gu-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gu-grid-compact {\n gap: .625rem;\n }\n\n .gu-grid-compact .gu-card {\n padding: .75rem;\n }\n\n .gu-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gu-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gu-timeline-content h3 {\n font-size: 14px;\n }\n\n .gu-timeline-content p {\n font-size: 13px;\n }\n\n .gu-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gu-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gu-highlight-box {\n padding: 1.25rem;\n }\n\n .gu-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gu-card {\n animation: guFadeInUp .5s ease backwards;\n }\n .gu-card:nth-child(1) { animation-delay: .05s; }\n .gu-card:nth-child(2) { animation-delay: .1s; }\n .gu-card:nth-child(3) { animation-delay: .15s; }\n .gu-card:nth-child(4) { animation-delay: .2s; }\n .gu-card:nth-child(5) { animation-delay: .25s; }\n .gu-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes guFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gu-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755113865373,"sku":"AY9935","price":11.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guduchi-bio-en-poudre-150g-ayurvana-ingredients.webp?v=1770994830"},{"product_id":"repulsif-moustique-solide-comme-avant-au-beurre-de-murumuru-stick-80-g-comme-avant","title":"Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant\nPalette détectée:\n - Primaire: #8B7355 (brun kraft\/carton du packaging)\n - Secondaire: #6B8E5A (vert nature\/herbe des photos lifestyle)\n - Accent: #C4A76C (doré chaud\/beurre murumuru)\nAmbiance: Naturel, authentique, artisanal, éco-responsable. Packaging kraft minimaliste, univers outdoor\/nature, esprit zéro déchet. Tons chauds et terreux avec touches de verdure.\nPréfixe CSS: rm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Répulsif moustique solide au beurre de murumuru : la protection naturelle qui prend soin de votre peau\"\n 2. \"Pourquoi ce répulsif naturel pour moustique est différent\"\n 3. \"Les bienfaits de chaque ingrédient, en détail\"\n 4. \"Comment utiliser votre stick répulsif au quotidien\"\n 5. \"Pour qui est fait ce répulsif à moustique naturel ?\"\n 6. \"Répulsif naturel ou chimique : comment faire le bon choix ?\"\n 7. \"Astuces pour renforcer votre protection contre les moustiques\"\n 8. \"Composition complète (INCI)\"\n 9. \"Origine et fabrication responsable\"\n 10. \"Questions fréquentes sur le répulsif moustique naturel Comme Avant\"\n 11. \"Notre avis sur le répulsif moustique solide Comme Avant\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eRépulsif moustique solide au beurre de murumuru\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eComme Avant — Stick 80 g\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eUn stick anti-moustiques 100 % naturel qui protège efficacement contre le moustique tigre tout en nourrissant votre peau. Fini les sprays chimiques : adoptez le geste solide, écologique et sain pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRépulsif moustique solide au beurre de murumuru : la protection naturelle qui prend soin de votre peau\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eVous en avez assez des sprays chimiques qui laissent une sensation désagréable sur la peau et un arrière-goût de culpabilité écologique ?\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Double action\u003c\/h3\u003e\n \u003cp\u003eRépulsif efficace + baume nourrissant en un seul geste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Formule propre\u003c\/h3\u003e\n \u003cp\u003eHuiles essentielles + beurre de murumuru bio, c'est tout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🦟 Anti moustique tigre\u003c\/h3\u003e\n \u003cp\u003eEucalyptus citronné reconnu contre \u003cem\u003eAedes albopictus\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e📦 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable, aucun déchet superflu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePourquoi ce répulsif naturel pour moustique est différent\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eLa plupart des répulsifs conventionnels reposent sur des molécules de synthèse comme le DEET, souvent irritantes et controversées. À l'inverse, ce \u003cstrong\u003erépulsif anti-moustique naturel\u003c\/strong\u003e mise sur une synergie d'ingrédients d'origine biologique dont l'efficacité répulsive est reconnue depuis des siècles.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCe qui le distingue véritablement, c'est son \u003cstrong\u003eformat solide\u003c\/strong\u003e : pas de flacon en plastique, pas de risque de fuite dans votre sac, pas de gaz propulseur. Vous appliquez, vous êtes protégé, et votre peau est nourrie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-grid\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧴 Sprays classiques\u003c\/h3\u003e\n \u003cp\u003eS'évaporent rapidement, laissent la peau sèche, emballage plastique, DEET controversé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e✅ Ce stick solide\u003c\/h3\u003e\n \u003cp\u003eLe beurre de murumuru forme un film protecteur qui \u003cstrong\u003eprolonge l'action répulsive\u003c\/strong\u003e tout en maintenant une hydratation confortable. Protection + soin, les deux à la fois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque ingrédient, en détail\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eSeulement 5 ingrédients, tous d'origine naturelle, chacun avec un rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🥥 Beurre de murumuru bio\u003c\/h3\u003e\n \u003cp\u003eIssu d'un palmier amazonien, exceptionnellement riche en acide laurique et en acides gras essentiels. Pénètre sans film gras, nourrit en profondeur et forme une \u003cstrong\u003ebarrière protectrice naturelle\u003c\/strong\u003e sur l'épiderme. Peau douce et souple, même après plusieurs applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🍋 Huile essentielle de citronnelle\u003c\/h3\u003e\n \u003cp\u003eLe répulsif naturel le plus emblématique. Son parfum citronné frais \u003cstrong\u003emasque les odeurs corporelles\u003c\/strong\u003e qui attirent les moustiques et perturbe leurs récepteurs olfactifs. Première ligne de défense de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌸 Huile essentielle de géranium rosat\u003c\/h3\u003e\n \u003cp\u003eContient du citronellol et du géraniol, deux molécules dont l'action répulsive sur les insectes piqueurs a été \u003cstrong\u003edocumentée par de nombreuses études\u003c\/strong\u003e. Apporte une note florale agréable qui adoucit le parfum global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'eucalyptus citronné\u003c\/h3\u003e\n \u003cp\u003eRiche en PMD (para-menthane-3,8-diol), considérée comme l'une des \u003cstrong\u003ealternatives naturelles les plus performantes face au DEET\u003c\/strong\u003e. C'est elle qui fait de ce stick un répulsif moustique tigre crédible, même en zones à forte pression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eStabilise la texture solide du stick et absorbe l'excès de sébum. Résultat : un \u003cstrong\u003efini sec et mat\u003c\/strong\u003e, sans sensation collante. Le confort d'application au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser votre stick répulsif au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eTestez d'abord\u003c\/h3\u003e\n \u003cp\u003eAvant la première utilisation, appliquez le produit sur une petite zone de peau (intérieur du poignet) et attendez 24 heures. Indispensable si vous êtes sensible aux huiles essentielles ou allergique aux fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eAppliquez directement\u003c\/h3\u003e\n \u003cp\u003ePassez le stick sur les zones exposées — bras, jambes, chevilles, nuque, épaules — en effectuant de légers mouvements circulaires. Le beurre de murumuru fond doucement et dépose un voile protecteur homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez toutes les 2 heures\u003c\/h3\u003e\n \u003cp\u003eAppliquez plus fréquemment si vous transpirez beaucoup, si vous vous baignez ou si la chaleur est intense. C'est la clé d'une protection continue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eEn soirée, anticipez\u003c\/h3\u003e\n \u003cp\u003eSur la terrasse ou au camping, appliquez le stick avant de vous installer. Les moustiques sont particulièrement actifs au crépuscule : c'est le moment où votre répulsif est le plus précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConvient aux adultes et aux enfants à partir de 6 mois\u003c\/strong\u003e en raison de la présence d'huiles essentielles. Pour les femmes enceintes ou allaitantes, demandez conseil à votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePour qui est fait ce répulsif à moustique naturel ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eCe stick s'adresse à toutes les personnes qui souhaitent se protéger des moustiques sans recourir aux produits chimiques.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✈️ En vacances\u003c\/h3\u003e\n \u003cp\u003eCamping, randonnée ou tropiques : son format compact de 80 g se glisse dans n'importe quel bagage \u003cstrong\u003esans risque de fuite\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌅 Au jardin ou en terrasse\u003c\/h3\u003e\n \u003cp\u003eUn geste rapide avant l'apéritif suffit à passer une soirée tranquille, sans être harcelé — moustique commun comme \u003cstrong\u003emoustique tigre\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour les familles\u003c\/h3\u003e\n \u003cp\u003eFormule douce et naturelle, \u003cstrong\u003eutilisable dès 6 mois\u003c\/strong\u003e. Un allié rassurant pour protéger les plus petits en plein air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏃 Pour les sportifs\u003c\/h3\u003e\n \u003cp\u003eCourse en forêt, yoga extérieur, escalade… Le fini sec et non gras permet d'appliquer \u003cstrong\u003esans que les mains glissent\u003c\/strong\u003e ni que la peau colle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e♻️ Adeptes du zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable, \u003cstrong\u003eabsence totale de plastique\u003c\/strong\u003e : un choix cohérent avec une démarche éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRépulsif naturel ou chimique : comment faire le bon choix ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eLes huiles essentielles de citronnelle, de géranium et surtout d'eucalyptus citronné ont fait l'objet de \u003cstrong\u003enombreuses études confirmant leur activité répulsive\u003c\/strong\u003e. L'eucalyptus citronné, en particulier, est le seul répulsif naturel recommandé par certaines agences de santé comme alternative crédible aux molécules de synthèse.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCependant, leur durée d'action est généralement plus courte, d'où la nécessité de \u003cstrong\u003erenouveler l'application régulièrement\u003c\/strong\u003e (toutes les 2 heures).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-grid\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % parabène\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur de synthèse dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % silicone\u003c\/h3\u003e\n \u003cp\u003eRien de nocif pour votre peau ni l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % DEET\u003c\/h3\u003e\n \u003cp\u003eZéro molécule controversée, pour un usage familial serein\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une utilisation quotidienne, en famille, le profil de tolérance d'un répulsif naturel pèse lourd face aux sprays chimiques. Vous ne saturez pas votre peau de substances controversées et ne rejetez rien de nocif dans l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eAstuces pour renforcer votre protection contre les moustiques\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eMême le meilleur répulsif moustique naturel gagne à être combiné avec quelques bonnes habitudes.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👕 Vêtements couvrants\u003c\/h3\u003e\n \u003cp\u003ePortez-les à l'aube et au crépuscule. Appliquez le stick sur les zones restées à découvert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Eaux stagnantes\u003c\/h3\u003e\n \u003cp\u003eÉliminez coupelles, gouttières bouchées, jouets oubliés : les moustiques tigres pondent dans quelques millilitres d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛏️ Moustiquaire\u003c\/h3\u003e\n \u003cp\u003eLa nuit, surtout pour les enfants en bas âge, en complément du stick appliqué en soirée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n \u003cp\u003eRangez votre stick à l'abri de la chaleur excessive (au-dessus de 35 °C, le beurre peut ramollir). Un placard frais fait l'affaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧾 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cul class=\"rm-inci-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eAstrocaryum murumuru seed butter*\u003c\/strong\u003e — Beurre de murumuru biologique\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZea mays starch*\u003c\/strong\u003e — Amidon de maïs biologique\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCymbopogon schoenanthus oil\u003c\/strong\u003e — Huile essentielle de citronnelle\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePelargonium graveolens flower oil\u003c\/strong\u003e — Huile essentielle de géranium rosat\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEucalyptus citriodora oil\u003c\/strong\u003e — Huile essentielle d'eucalyptus citronné\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.5rem\"\u003e\u003cstrong\u003eSans parabène, sans silicone, sans conservateur de synthèse, sans DEET, sans plastique.\u003c\/strong\u003e Formule vegan, non testée sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eOrigine et fabrication responsable\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eCe répulsif moustique solide est fabriqué en \u003cstrong\u003eFrance, près de Marseille\u003c\/strong\u003e, par la marque \u003cstrong\u003eComme Avant\u003c\/strong\u003e. Depuis sa création, cette entreprise s'est engagée dans une démarche radicale de transparence et de respect environnemental :\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\" style=\"margin-top:1rem\"\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e🌿 Ingrédients\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e📦 Emballages\u003c\/h3\u003e\n \u003cp\u003eCarton recyclable uniquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e🏭 Production\u003c\/h3\u003e\n \u003cp\u003eLocale et artisanale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003ePetites séries, contrôle rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #10 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRéponses à vos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🦟 Ce répulsif fonctionne-t-il contre le moustique tigre ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile essentielle d'eucalyptus citronné, présente dans la formule, est reconnue pour son action répulsive sur de nombreuses espèces de moustiques, y compris le moustique tigre (\u003cem\u003eAedes albopictus\u003c\/em\u003e). Pour une efficacité optimale, pensez à renouveler l'application toutes les 2 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e😊 Peut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est préférable de ne pas appliquer le stick directement sur le visage en raison de la concentration en huiles essentielles. Vous pouvez en revanche l'appliquer sur la nuque, le cou et le décolleté, en évitant soigneusement le contour des yeux et des muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e⏳ Combien de temps dure un stick de 80 g ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn utilisation quotidienne (2 à 3 applications par jour sur les zones exposées), un stick dure en moyenne \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e. De quoi couvrir largement vos vacances d'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e💧 Ce produit peut-il remplacer une crème hydratante ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eGrâce au beurre de murumuru, le stick dépose un voile nourrissant sur la peau. Cependant, il reste avant tout un répulsif à moustique naturel et ne se substitue pas à votre soin hydratant habituel si votre peau est très sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient des huiles essentielles. Par précaution, demandez l'avis de votre médecin ou sage-femme avant utilisation si vous êtes enceinte ou allaitante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #11 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eNotre avis sur le répulsif moustique solide Comme Avant\u003c\/h2\u003e\n \u003cdiv class=\"rm-testimonial\"\u003e\n \u003cp class=\"rm-testimonial-text\"\u003e\"Si vous cherchez une solution simple, naturelle et agréable contre les moustiques, ce stick risque fort de vous plaire. L'application est franchement facile : il glisse bien sur la peau, sans sensation de gras ni d'effet collant. Dès les premières utilisations, on remarque que la peau reste douce et confortable, même après plusieurs passages dans la journée.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eLe parfum est subtil, un peu citronné mais pas entêtant : c'est vraiment le genre d'odeur qu'on peut supporter tout l'été, même si on est sensible. Vous n'aurez pas ce côté piquant qu'on retrouve parfois dans les sprays classiques, et personne ne vous reprochera d'avoir envahi la pièce.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eC'est aussi le genre de produit qu'on n'hésite pas à passer sur les bras des enfants avant une soirée dehors. On apprécie de ne pas avoir à s'inquiéter des ingrédients : ici, c'est 100 % naturel, rien d'agressif pour la peau ou l'environnement, et ça se sent.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eCôté efficacité, c'est rassurant : tant que vous pensez à renouveler l'application (toutes les 2 heures environ), les moustiques vous laissent vraiment tranquille, même en pleine saison. Et puis, pas de mauvaise surprise dans le sac ou la valise : le stick ne coule pas, il tient bien, il ne prend pas de place.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eBref, si vous aimez les solutions simples, propres, qui respectent la peau et la planète, ce répulsif a tout pour devenir un réflexe chaque fois que vous partez en balade, en vacances ou tout simplement sur votre terrasse. C'est le genre de petit geste naturel qu'on adopte très facilement, pour soi ou pour toute la famille.\"\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-author\"\u003e— Pauline, cheffe de produit chez Naturellement Bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL + DISCLAIMER --\u003e\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🦟 Protégez-vous naturellement cet été avec un geste simple, sain et zéro déchet. Votre peau — et la planète — vous remercient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament et ne saurait remplacer un traitement médical. En cas de réaction allergique, cessez immédiatement l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants de moins de 3 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --rm-cream: #faf7f2;\n --rm-white: #ffffff;\n --rm-primary: #8B7355;\n --rm-primary-dark: #5C4A33;\n --rm-primary-light: #f3ede4;\n --rm-secondary: #6B8E5A;\n --rm-secondary-light: #e8f0e4;\n --rm-accent: #C4A76C;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e0d8ce;\n --rm-shadow: 0 4px 24px rgba(92,74,51,.08);\n --rm-shadow-lg: 0 12px 48px rgba(92,74,51,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A33 0%, #8B7355 40%, #6B8E5A 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,167,108,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(107,142,90,.08) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.rm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.rm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-card-wide {\n text-align: left;\n}\n\n.rm-card-wide p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rm-text);\n line-height: 1.7;\n}\n\n.rm-card-highlight {\n border-color: var(--rm-secondary);\n background: var(--rm-secondary-light);\n}\n\n.rm-card-highlight:hover {\n border-color: var(--rm-secondary);\n}\n\n.rm-card-nested {\n background: var(--rm-primary-light);\n box-shadow: none;\n border: 1px solid var(--rm-border);\n}\n\n.rm-card-nested:hover {\n transform: translateY(-3px);\n border-color: var(--rm-primary);\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-secondary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0 0 .75rem 0;\n}\n\n.rm-testimonial-text:last-of-type {\n margin-bottom: 0;\n}\n\n.rm-testimonial-author {\n font-size: 14px;\n color: var(--rm-secondary);\n font-weight: 700;\n font-style: italic;\n margin: 1.25rem 0 0 0;\n padding-top: 1rem;\n border-top: 1px solid var(--rm-border);\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n.rm-accordion-content ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n}\n\n\/* === INCI LIST === *\/\n.rm-inci-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.rm-inci-list li {\n padding: .5rem 0;\n border-bottom: 1px solid var(--rm-border);\n font-size: 14px;\n color: var(--rm-text);\n line-height: 1.5;\n}\n\n.rm-inci-list li:last-child {\n border-bottom: none;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-secondary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(107,142,90,.2);\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-secondary) 0%, #4a6e3a 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.08) 0%, transparent 60%);\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.5;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n\n .rm-card-wide {\n padding: 1.125rem;\n }\n\n .rm-card-wide p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755186610333,"sku":"NBAICAV0049","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/repulsif_moustique_solide_beurre_de_murmuru_comme-avant_11zon.jpg?v=1774367125"},{"product_id":"kajal-violet-bainganee-012-3-g-kajal-soultree","title":"Kajal Violet Bainganee 012 - Kajal Soultree","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Kajal Violet Bainganee 012 - Soultree\nPalette détectée:\n - Primaire: #5D3A6E (violet profond du produit)\n - Secondaire: #8B4513 (marron chocolat du packaging)\n - Accent: #D4A574 (or\/cuivre du corps du kajal)\n - Fond: #F9F6F2 (crème naturel)\nAmbiance: Luxe ayurvédique, naturel\/bio, féminin sophistiqué, indien traditionnel\nPréfixe CSS: kj\n--\u003e\n\n\u003cdiv class=\"kj-premium\"\u003e\n \n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e✨ Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Violet Bainganee\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eL'intensité du violet, la sagesse de l'ayurveda\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eUn kajal violet vibrant qui sublime votre regard tout en nourrissant et protégeant vos yeux grâce à sa formulation ancestrale indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003e✨ Pourquoi vous allez l'adorer\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💜 Couleur intense\u003c\/h3\u003e\n \u003cp\u003eUn violet profond et vibrant qui captive le regard et tient toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 100% naturel \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003eFormulé uniquement avec des ingrédients d'origine végétale, certifiés biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👁️ Yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient parfaitement aux yeux sensibles et aux porteurs de lentilles de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🎨 Multi-usage\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme kajal, eyeliner ou fard à paupières pour un effet smoky irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧴 Texture crémeuse\u003c\/h3\u003e\n \u003cp\u003eApplication facile et glisse parfaitement sans tirer ni irriter la peau délicate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐰 Éthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, fabrication respectueuse de l'environnement en Inde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003e🌿 Ingrédients précieux\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège les cils, favorise leur croissance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eProcure une texture crémeuse et hydratante, tenue longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e🥜 Amandes douces\u003c\/h3\u003e\n \u003cp\u003eRiches en vitamines, apaisent et nourrissent la peau délicate des paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e❄️ Camphre\u003c\/h3\u003e\n \u003cp\u003eSensation rafraîchissante, favorise une bonne circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Ashwagandha\u003c\/h3\u003e\n \u003cp\u003eApaisant et protecteur, idéal pour les yeux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e🎨 Pigments naturels\u003c\/h3\u003e\n \u003cp\u003eColorants d'origine végétale pour un violet intense et vibrant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003e💫 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👩 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule douce et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👓 Porteurs de lentilles\u003c\/h3\u003e\n \u003cp\u003eCompatible et sans irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients certifiés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✨ Looks audacieux\u003c\/h3\u003e\n \u003cp\u003eCouleur vibrante et unique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"kj-steps\"\u003e\n \u003cdiv class=\"kj-step\"\u003e\n \u003cdiv class=\"kj-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-step-content\"\u003e\n \u003ch3\u003eApplication classique\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur la ligne intérieure et\/ou extérieure de vos yeux pour un regard captivant et profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-step\"\u003e\n \u003cdiv class=\"kj-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-step-content\"\u003e\n \u003ch3\u003eEffet smoky\u003c\/h3\u003e\n \u003cp\u003eÉtalez délicatement la couleur sur la paupière avec un pinceau ou votre doigt pour un fard à paupières sophistiqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-step\"\u003e\n \u003cdiv class=\"kj-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-step-content\"\u003e\n \u003ch3\u003eTrait d'eyeliner\u003c\/h3\u003e\n \u003cp\u003eTracez une ligne précise le long des cils supérieurs pour définir votre regard avec élégance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"kj-accordion\"\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content\"\u003e\n \u003cp\u003eFabriqué par Soultree en Inde, une marque réputée pour ses produits de beauté bios respectant les principes de l'ayurveda. Ingrédients biologiques certifiés et procédés de fabrication respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content\"\u003e\n \u003cp\u003eConservez votre kajal à l'abri de la chaleur et de l'humidité. Refermez bien le capuchon après chaque utilisation pour préserver la texture crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas d'irritation, cessez l'utilisation. Évitez le contact direct avec l'intérieur de l'œil en cas de sensibilité extrême.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003e🔮 Envie de trouver LA couleur parfaite pour vous ?\u003cbr\u003eRépondez à notre \u003cstrong\u003equiz en ligne\u003c\/strong\u003e et découvrez en 2 minutes le kajal qui révélera votre regard !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kj-cream: #F9F6F2;\n --kj-white: #ffffff;\n --kj-primary: #5D3A6E;\n --kj-primary-dark: #3D2549;\n --kj-primary-light: #F3EEF5;\n --kj-secondary: #8B4513;\n --kj-accent: #D4A574;\n --kj-text: #1a1a1a;\n --kj-text-light: #5a5a5a;\n --kj-border: #e0e0e0;\n --kj-shadow: 0 4px 24px rgba(93,58,110,.08);\n --kj-shadow-lg: 0 12px 48px rgba(93,58,110,.15);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kj-hero {\n position: relative;\n background: linear-gradient(135deg, #5D3A6E 0%, #8B4513 50%, #D4A574 100%);\n border-radius: var(--kj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n}\n\n.kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-11.046 8.954-20 20-20s20 8.954 20 20-8.954 20-20 20-20-8.954-20-20zm0 0c0 11.046-8.954 20-20 20S-10 41.046-10 30s8.954-20 20-20 20 8.954 20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.kj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.kj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kj-primary), var(--kj-accent));\n border-radius: 2px;\n}\n\n.kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-primary);\n}\n\n.kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-grid-compact .kj-card {\n padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n font-size: 12px;\n}\n\n.kj-card-ingredient {\n background: linear-gradient(135deg, var(--kj-white) 0%, var(--kj-primary-light) 100%);\n}\n\n.kj-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kj-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--kj-shadow);\n transition: all .3s ease;\n}\n\n.kj-step:hover {\n transform: translateX(8px);\n box-shadow: var(--kj-shadow-lg);\n}\n\n.kj-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(93,58,110,.3);\n}\n\n.kj-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.kj-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-accordion {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n box-shadow: var(--kj-shadow);\n overflow: hidden;\n}\n\n.kj-accordion-item {\n border-bottom: 1px solid var(--kj-border);\n margin: 0;\n padding: 0;\n}\n\n.kj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kj-accordion-header:hover {\n background: var(--kj-primary-light);\n}\n\n.kj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kj-primary);\n transition: transform .2s ease;\n}\n\n.kj-accordion-item[open] .kj-accordion-header::after {\n content: '−';\n}\n\n.kj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.kj-accordion-content p {\n margin: 0;\n}\n\n.kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(212,165,116,.2) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.kj-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n@media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kj-grid-compact {\n gap: .625rem;\n }\n \n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n \n .kj-card {\n padding: 1.125rem;\n }\n \n .kj-section {\n margin-bottom: 1.75rem;\n }\n \n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n \n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kj-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .kj-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .kj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-card:nth-child(6) { animation-delay: .3s; }\n \n .kj-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .kj-step:nth-child(1) { animation-delay: .1s; }\n .kj-step:nth-child(2) { animation-delay: .2s; }\n .kj-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755191492765,"sku":"38641020","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_violet_bainganee-452182.jpg?v=1732721157"},{"product_id":"kajal-noir-assam-011-3-g-kajal-soultree","title":"Kajal Noir Assam 011 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 100% Naturel \u0026amp; Bio\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-Free\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e✨ Ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Noir Assam 011\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eL'art du regard envoûtant signé Soultree\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eOffrez à votre regard toute la profondeur d'un noir authentique. Inspiré des traditions ayurvédiques millénaires, ce crayon kajal 100% naturel sublime vos yeux tout en prenant soin de la peau délicate de vos paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Kajal Noir Assam 011 ?\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eContrairement à un eyeliner kajal conventionnel, ce khol kajal noir ne contient ni plomb, ni parabènes, ni silicones, ni colorants artificiels. Sa texture douce et crémeuse glisse sur la peau sans tirer ni irriter, même sur les yeux les plus sensibles ou les porteuses de lentilles de contact. Le résultat ? Un trait intense, velouté et longue tenue, pour un regard envoûtant inspiré des beautés indiennes.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🖤 Noir profond\u003c\/h3\u003e\n \u003cp\u003eTeinte noire intense issue du charbon de noix de coco pour un trait velouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌸 Formule ayurvédique\u003c\/h3\u003e\n \u003cp\u003eNourrissante et apaisante, elle respecte la zone fragile du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCruelty-free et formulé sans ingrédients synthétiques ni tests animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👁️ Yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux délicates et aux porteuses de lentilles de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComment utiliser ce crayon noir kajal ?\u003c\/h2\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eApplication précise\u003c\/h3\u003e\n \u003cp\u003eAppliquez le Kajal Noir directement sur la ligne de cils supérieure et inférieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eModulez l'intensité\u003c\/h3\u003e\n \u003cp\u003eTracez un trait fin pour un effet naturel ou repassez plusieurs fois pour un look smoky dramatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eWaterline intense\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le à l'intérieur de la paupière pour intensifier instantanément votre regard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eEffet fumé séduisant\u003c\/h3\u003e\n \u003cp\u003eEstompez légèrement avec un pinceau pour un effet smoky ultra envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComposition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis\u003c\/em\u003e – Hydrate, fortifie les cils et nourrit les paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié, ingrédient ayurvédique purifiant et adoucissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e❄️ Camphre naturel\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur et apaise les yeux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🥥 Charbon de noix de coco\u003c\/h3\u003e\n \u003cp\u003ePigment naturel offrant un noir profond et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eAdoucit et protège la zone fragile du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🚫 Zéro synthétique\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine synthétique, aucun test sur animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eLes bienfaits du kajal ayurvédique\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eBien plus qu'un simple eyeliner, le kajal est utilisé depuis des siècles en Inde pour ses vertus protectrices. Le Kajal Noir Assam rafraîchit le regard, aide à apaiser les yeux fatigués par les écrans et embellit naturellement les cils grâce à ses huiles nourrissantes. Une routine beauté complète en un seul geste !\u003c\/p\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💆‍♀️ Apaisant\u003c\/h3\u003e\n \u003cp\u003eSoulage les yeux fatigués par les écrans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✨ Embellissant\u003c\/h3\u003e\n \u003cp\u003eSublime naturellement les cils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌬️ Rafraîchissant\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🛡️ Protecteur\u003c\/h3\u003e\n \u003cp\u003eTradition millénaire au service du regard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"kj-disclaimer\"\u003eNote : ce produit cosmétique ne se substitue pas à un avis médical. En cas de gêne oculaire persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eOrigine et engagement Soultree\u003c\/h2\u003e\n \u003cdiv class=\"kj-testimonial\"\u003e\n \u003cp class=\"kj-testimonial-text\"\u003e\"Fabriqué en Inde dans le respect des traditions ayurvédiques, le Kajal Noir Assam 011 est issu de la marque Soultree, pionnière du maquillage bio indien. Chaque ingrédient est sélectionné auprès de filières éthiques et durables. Découvrez toute la gamme des \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" title=\"kajal soultree\"\u003eKajal Soultree\u003c\/a\u003e pour trouver la teinte qui vous correspond.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003eVous hésitez sur la couleur idéale ? Laissez-vous guider par notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\"\u003e\u003cstrong\u003equiz interactif\u003c\/strong\u003e\u003c\/a\u003e : en moins de deux minutes, il vous conseille la teinte parfaite selon votre regard et votre carnation. Tentez l'expérience et révélez la beauté unique de vos yeux ! ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --kj-cream: #faf6f1;\n --kj-white: #ffffff;\n --kj-primary: #4a2818;\n --kj-primary-dark: #2d1810;\n --kj-primary-light: #f5ede4;\n --kj-secondary: #c9985a;\n --kj-accent: #d4a574;\n --kj-text: #1a1a1a;\n --kj-text-light: #6b5a4d;\n --kj-border: #e8dcc9;\n --kj-shadow: 0 4px 24px rgba(74,40,24,.08);\n --kj-shadow-lg: 0 12px 48px rgba(74,40,24,.18);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n }\n\n .kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kj-text);\n }\n\n .kj-hero {\n position: relative;\n background: linear-gradient(135deg, #2d1810 0%, #4a2818 50%, #6b3e22 100%);\n border-radius: var(--kj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n }\n\n .kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(201,152,90,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(212,165,116,.25) 0%, transparent 40%);\n opacity: .6;\n }\n\n .kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .kj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n }\n\n .kj-subtitle {\n color: var(--kj-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n }\n\n .kj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .kj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n }\n\n .kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n }\n\n .kj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n }\n\n .kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-secondary);\n }\n\n .kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .kj-grid-compact .kj-card {\n padding: 1rem;\n }\n\n .kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .kj-grid-compact .kj-card p {\n font-size: 12px;\n }\n\n .kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,40,24,.25);\n }\n\n .kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n }\n\n .kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .kj-testimonial {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kj-shadow);\n border-left: 4px solid var(--kj-secondary);\n }\n\n .kj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .kj-testimonial-text a {\n color: var(--kj-primary);\n font-weight: 700;\n text-decoration: underline;\n }\n\n .kj-disclaimer {\n font-size: 12px;\n color: var(--kj-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n }\n\n .kj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(212,165,116,.2) 0%, transparent 70%);\n border-radius: 50%;\n }\n\n .kj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n .kj-cta-box a {\n color: var(--kj-accent);\n text-decoration: underline;\n font-weight: 700;\n }\n\n @media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kj-card {\n padding: 1.125rem;\n }\n\n .kj-section {\n margin-bottom: 1.75rem;\n }\n\n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n\n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kj-grid-compact {\n gap: .625rem;\n }\n\n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n\n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kj-timeline-content h3 {\n font-size: 14px;\n }\n\n .kj-timeline-content p {\n font-size: 13px;\n }\n\n .kj-testimonial {\n padding: 1.25rem;\n }\n\n .kj-testimonial-text {\n font-size: 14px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755191885981,"sku":"38641019","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_noir_assam_011-257569.jpg?v=1732721167"},{"product_id":"kajal-prune-cachemire-008-3-g-kajal-soultree","title":"Kajal Prune Cachemire 008 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 Certifié BDIH\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e👁️ Yeux sensibles\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🪷 Ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Prune Cachemire 008\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eSoultree · Crayon yeux ayurvédique 3 g\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eUne teinte prune profonde et envoûtante, formulée à partir d'ingrédients ayurvédiques traditionnels. Soin et maquillage en un seul geste, pour un regard intense et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUne couleur prune envoûtante pour intensifier votre regard\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eLa nuance \u003cstrong\u003ePrune Cachemire\u003c\/strong\u003e est une teinte sophistiquée, à mi-chemin entre le bordeaux et le violet profond. Elle apporte douceur et caractère, idéale pour mettre en valeur les yeux verts, noisette ou bleus. Plus subtil qu'un kajal noir classique, ce satin kajal liner offre un rendu lumineux et flatteur, parfait au quotidien comme pour les occasions spéciales.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💚 Yeux verts\u003c\/h3\u003e\n \u003cp\u003eSublime et intensifie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🤎 Yeux noisette\u003c\/h3\u003e\n \u003cp\u003eRéchauffe le regard\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💙 Yeux bleus\u003c\/h3\u003e\n \u003cp\u003eCrée un contraste flatteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✨ Fini satiné\u003c\/h3\u003e\n \u003cp\u003eLumineux et raffiné\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComment appliquer le Kajal Prune Cachemire 008 ?\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eCe \u003cstrong\u003ekajal eyeliner pencil\u003c\/strong\u003e s'utilise de multiples façons selon l'effet recherché. Sa texture crémeuse glisse sans tirer sur la peau délicate du contour de l'œil, pour une application douce et précise.\u003c\/p\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e✍️ En eyeliner\u003c\/h3\u003e\n \u003cp\u003eTracez une ligne fine au ras des cils supérieurs pour un look raffiné et élégant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e👁️ Sur la muqueuse (waterline)\u003c\/h3\u003e\n \u003cp\u003eAppliquez-le directement sur la ligne d'eau pour un regard intense et profond. Sa formule respectueuse en fait un excellent kajal eyeliner waterline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e🎨 En fard à paupières\u003c\/h3\u003e\n \u003cp\u003eEstompez la matière du bout du doigt pour un smoky eyes original en tons prunes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et certifiée BDIH\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eSoultree formule ce kajal à partir d'ingrédients ayurvédiques traditionnels, sans paraben, ni silicone, ni dérivés pétrochimiques.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee (beurre clarifié)\u003c\/h3\u003e\n \u003cp\u003eNourrit et apaise la zone fragile du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eHydrate et assouplit la peau délicate de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌿 Camphre\u003c\/h3\u003e\n \u003cp\u003ePurifie et procure une sensation rafraîchissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure tenue et confort tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💜 Pigments minéraux naturels\u003c\/h3\u003e\n \u003cp\u003eOffrent une couleur prune intense et stable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✅ Adapté aux yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eCertifié BDIH, non testé sur les animaux, compatible avec les porteurs de lentilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eComme pour tout cosmétique, en cas d'irritation persistante, cessez l'utilisation et consultez un professionnel de santé. Ce produit ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003ePourquoi choisir un kajal ayurvédique plutôt qu'un kajal classique ?\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eContrairement aux kajals industriels qui contiennent souvent des pigments synthétiques, le kajal Soultree mise sur la \u003cstrong\u003etradition ayurvédique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🪷 Tradition millénaire\u003c\/h3\u003e\n \u003cp\u003eInspiré de l'ayurveda indien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 Ingrédients naturels\u003c\/h3\u003e\n \u003cp\u003eGhee, camphre, pigments minéraux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💆 Soin du contour de l'œil\u003c\/h3\u003e\n \u003cp\u003eApaise et nourrit en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💄 Maquillage longue tenue\u003c\/h3\u003e\n \u003cp\u003eCouleur intense et stable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center; margin-top:1.25rem; font-size:14px; color:var(--kj-text-light);\"\u003eLe ghee et le camphre sont reconnus depuis des siècles en Inde pour leurs vertus apaisantes sur l'œil. Vous obtenez ainsi un eyeliner kajal à la fois soin et maquillage, qui respecte la sensibilité de vos yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUne marque engagée pour la planète\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🇮🇳 Fabriqué en Inde\u003c\/h3\u003e\n \u003cp\u003eDans le respect des principes ayurvédiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌾 Cultures biologiques\u003c\/h3\u003e\n \u003cp\u003eRécoltes durables et responsables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🤝 Soutien local\u003c\/h3\u003e\n \u003cp\u003eCommunautés indiennes valorisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e📦 Emballages éco-conçus\u003c\/h3\u003e\n \u003cp\u003eEmpreinte environnementale réduite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"kj-accordion\"\u003e\n \u003cdetails class=\"kj-accordion-item\" open\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🔒 Refermer après usage\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eRefermez bien le tube après chaque utilisation pour préserver la texture crémeuse et l'intensité des pigments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🌡️ Conserver à l'abri de la chaleur\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eStockez votre kajal dans un endroit frais et sec, à l'abri des sources de chaleur directes pour garantir sa stabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e📅 Durée d'utilisation après ouverture\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eLa durée d'utilisation après ouverture est de \u003cstrong\u003e12 mois\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003eHésitante sur la teinte qui vous correspond ? Testez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\" style=\"color:#fff; text-decoration:underline; font-weight:800;\"\u003equiz couleur kajal\u003c\/a\u003e : en quelques questions, il vous guide vers la nuance idéale. Découvrez aussi toute la gamme de \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" title=\"crayon kajal bio\" style=\"color:#fff; text-decoration:underline; font-weight:800;\"\u003ecrayons kajal bio Soultree\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kj-cream: #faf6f2;\n --kj-white: #ffffff;\n --kj-primary: #6b2548;\n --kj-primary-dark: #4a1730;\n --kj-primary-light: #f5e8ee;\n --kj-secondary: #c9a36b;\n --kj-accent: #8b3d5f;\n --kj-text: #1a1a1a;\n --kj-text-light: #5a5a5a;\n --kj-border: #e8ddd3;\n --kj-shadow: 0 4px 24px rgba(74,23,48,.08);\n --kj-shadow-lg: 0 12px 48px rgba(74,23,48,.18);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kj-text);\n}\n\n.kj-hero {\n position: relative;\n background: linear-gradient(135deg, #4a1730 0%, #6b2548 50%, #8b3d5f 100%);\n border-radius: var(--kj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n}\n\n.kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, var(--kj-secondary) 0%, transparent 40%), radial-gradient(circle at 80% 70%, #fff 0%, transparent 40%);\n opacity: .08;\n}\n\n.kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.kj-subtitle {\n color: var(--kj-secondary);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.kj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.kj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n}\n\n.kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-primary);\n}\n\n.kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kj-grid-compact .kj-card {\n padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n font-size: 12px;\n}\n\n.kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107,37,72,.3);\n}\n\n.kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n}\n\n.kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kj-accordion {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n box-shadow: var(--kj-shadow);\n overflow: hidden;\n}\n\n.kj-accordion-item {\n border-bottom: 1px solid var(--kj-border);\n margin: 0;\n padding: 0;\n}\n\n.kj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.kj-accordion-header:hover {\n background: var(--kj-primary-light);\n}\n\n.kj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kj-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--kj-primary);\n transition: transform .2s ease;\n}\n\n.kj-accordion-item[open] .kj-accordion-header::after {\n content: '−';\n}\n\n.kj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kj-accordion-content p {\n margin: 0;\n}\n\n.kj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kj-primary-light);\n border-radius: var(--kj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--kj-primary);\n}\n\n.kj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kj-tip p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n}\n\n.kj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, var(--kj-secondary) 0%, transparent 60%);\n opacity: .1;\n}\n\n.kj-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .kj-card {\n padding: 1.125rem;\n }\n .kj-section {\n margin-bottom: 1.75rem;\n }\n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .kj-grid-compact {\n gap: .625rem;\n }\n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n .kj-timeline-content h3 {\n font-size: 14px;\n }\n .kj-timeline-content p {\n font-size: 13px;\n }\n .kj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .kj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: kjFadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755192737949,"sku":"38641013","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_prune_cachemire_008-457396.jpg?v=1732721173"},{"product_id":"kajal-ecorce-lodhra-007-3-g-kajal-soultree","title":"Kajal Ecorce Lodhra 007 - Kajal Soultree","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Kajal Écorce Lodhra 007 - SoulTree\nPalette détectée:\n - Primaire: #4A2C2A (brun chocolat foncé du capuchon\/base)\n - Secondaire: #C8956C (doré rosé\/cuivré du corps)\n - Accent: #D4A574 (or chaud)\nAmbiance: Luxe naturel, ayurvédique, féminin raffiné, tons chauds boisés et dorés\nPréfixe CSS: st\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Kajal Écorce Lodhra 007 SoulTree : l'eyeliner kajal naturel aux vertus ayurvédiques\"\n 2. \"Pourquoi choisir ce kajal ayurvédique plutôt qu'un eyeliner classique ?\"\n 3. \"Composition détaillée du Kajal Écorce Lodhra 007\"\n 4. \"Comment appliquer votre kajal eyeliner SoulTree ?\"\n 5. \"SoulTree : une marque engagée pour une beauté éthique\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"st-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"st-hero\"\u003e\n \u003cdiv class=\"st-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"st-hero-content\"\u003e\n \u003cdiv class=\"st-badges-top\"\u003e\n \u003cspan class=\"st-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"st-badge\"\u003e🇮🇳 Ayurvéda authentique\u003c\/span\u003e\n \u003cspan class=\"st-badge\"\u003e✨ Certifié végétarien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"st-hero-title\"\u003eKajal Écorce Lodhra 007\u003c\/span\u003e\n \u003cp class=\"st-subtitle\"\u003eSoulTree — Ayurvedic Kajal\u003c\/p\u003e\n \u003cp class=\"st-description\"\u003eL'intensité d'un regard sublimé par la sagesse millénaire de l'Ayurvéda. Un kajal-soin aux reflets boisés, formulé avec des actifs précieux pour magnifier vos yeux tout en les protégeant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"st-section\"\u003e\n \u003ch2\u003eKajal Écorce Lodhra 007 SoulTree : l'eyeliner kajal naturel aux vertus ayurvédiques\u003c\/h2\u003e\n \u003cp class=\"st-section-intro\"\u003eVous cherchez un \u003cstrong\u003ekajal eyeliner\u003c\/strong\u003e qui allie intensité du regard et respect de votre peau ? Le \u003cstrong\u003eKajal Écorce Lodhra 007 de SoulTree\u003c\/strong\u003e est bien plus qu'un simple crayon kajal noir : c'est un véritable soin pour vos yeux, formulé selon les principes ancestraux de l'Ayurvéda.\u003c\/p\u003e\n \u003cdiv class=\"st-grid-compact\"\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🪷 Formule ayurvédique\u003c\/h3\u003e\n \u003cp\u003eActifs ancestraux sélectionnés pour le soin du contour de l'œil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🎨 Teinte unique\u003c\/h3\u003e\n \u003cp\u003eReflets subtilement boisés, élégance naturelle pour toutes les carnations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e👁️ Regard intense\u003c\/h3\u003e\n \u003cp\u003eCouleur profonde et longue tenue tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e💎 Soin \u0026amp; maquillage\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège la zone délicate des paupières en même temps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"st-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce kajal ayurvédique plutôt qu'un eyeliner classique ?\u003c\/h2\u003e\n \u003cdiv class=\"st-testimonial\"\u003e\n \u003cp class=\"st-testimonial-text\"\u003e\"La différence entre un eyeliner conventionnel et ce kajal SoulTree réside dans sa composition. Là où la plupart des khol kajal noir du commerce contiennent des ingrédients synthétiques, celui-ci mise sur des actifs naturels reconnus en médecine ayurvédique pour prendre soin du contour de l'œil tout en le maquillant.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e⏱️ Tenue longue durée\u003c\/h3\u003e\n \u003cp\u003eUn kajal noir intense qui tient remarquablement bien tout au long de la journée, sans retouche nécessaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🤍 Douceur absolue\u003c\/h3\u003e\n \u003cp\u003eNe dessèche ni n'irrite la zone délicate des paupières, même sur les peaux les plus réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e👓 Yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux personnes portant des lentilles de contact ou ayant les yeux sensibles, en toute sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"st-section\"\u003e\n \u003ch2\u003eComposition détaillée du Kajal Écorce Lodhra 007\u003c\/h2\u003e\n \u003cp class=\"st-section-intro\"\u003eChaque ingrédient a été sélectionné pour ses propriétés spécifiques :\u003c\/p\u003e\n \u003cdiv class=\"st-grid\"\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🖤 Charbon de bois pur\u003c\/h3\u003e\n \u003cp\u003ePigment naturel qui confère au kajal sa couleur profonde et son intensité incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🧈 Ghee biologique\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui nourrit et hydrate le contour de l'œil, assurant une application douce et crémeuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e❄️ Camphre naturel\u003c\/h3\u003e\n \u003cp\u003eProcure une légère sensation de fraîcheur et possède des propriétés antibactériennes protectrices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux réactives et facilite le glissé du crayon sur la paupière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🌳 Écorce de Lodhra\u003c\/h3\u003e\n \u003cp\u003eActif ayurvédique traditionnel reconnu pour ses qualités apaisantes et astringentes, signature de cette teinte unique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-tip\"\u003e\n \u003cspan class=\"st-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eAucun paraben, aucun colorant synthétique, aucun ingrédient d'origine animale. Certifié végétarien, emballage recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"st-section\"\u003e\n \u003ch2\u003eComment appliquer votre kajal eyeliner SoulTree ?\u003c\/h2\u003e\n \u003cp class=\"st-section-intro\"\u003eL'application est simple et intuitive grâce à la forme conique du bâtonnet :\u003c\/p\u003e\n \u003cdiv class=\"st-timeline\"\u003e\n \u003cdiv class=\"st-timeline-item\"\u003e\n \u003cdiv class=\"st-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"st-timeline-content\"\u003e\n \u003ch3\u003eRegard naturel\u003c\/h3\u003e\n \u003cp\u003eTracez un trait fin au ras des cils supérieurs. La texture onctueuse glisse facilement, même pour les débutantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-timeline-item\"\u003e\n \u003cdiv class=\"st-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"st-timeline-content\"\u003e\n \u003ch3\u003eLook intense\u003c\/h3\u003e\n \u003cp\u003eAppliquez le kajal sur les lignes supérieure et inférieure pour un regard profond digne des traditions orientales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-timeline-item\"\u003e\n \u003cdiv class=\"st-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"st-timeline-content\"\u003e\n \u003ch3\u003eEffet smoky\u003c\/h3\u003e\n \u003cp\u003eEstompez le trait avec un pinceau biseauté ou le bout du doigt. Vous pouvez même l'utiliser comme ombre à paupières en l'étalant sur toute la paupière mobile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-tip\"\u003e\n \u003cspan class=\"st-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour une meilleure tenue, veillez à ce que vos paupières soient propres et sèches avant l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"st-section\"\u003e\n \u003ch2\u003eSoulTree : une marque engagée pour une beauté éthique\u003c\/h2\u003e\n \u003cdiv class=\"st-grid-compact\"\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🇮🇳 Pionnière indienne\u003c\/h3\u003e\n \u003cp\u003eMarque pionnière de la cosmétique ayurvédique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🌱 Bio \u0026amp; équitable\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique et du commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e💚 Respect santé\u003c\/h3\u003e\n \u003cp\u003eUn maquillage respectueux de votre santé et de votre bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEngagement fort pour les artisans producteurs et l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"st-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"st-cta-box\"\u003e\n \u003cp\u003eVous hésitez encore sur la teinte idéale ? Découvrez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\" class=\"st-cta-link\"\u003e\u003cstrong\u003equiz express\u003c\/strong\u003e\u003c\/a\u003e pour trouver la couleur de \u003ca title=\"kajal ayurvédique\" href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" class=\"st-cta-link\"\u003ekajal ayurvédique\u003c\/a\u003e qui vous correspond en quelques clics. Et si l'Écorce Lodhra est faite pour vous, laissez vos yeux parler !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"st-disclaimer\"\u003eLes résultats peuvent varier selon les types de peau. Ce produit cosmétique ne se substitue pas à un avis dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --st-cream: #faf6f2;\n --st-white: #ffffff;\n --st-primary: #6B3A2E;\n --st-primary-dark: #4A2C2A;\n --st-primary-light: #f5ede7;\n --st-secondary: #C8956C;\n --st-accent: #D4A574;\n --st-text: #1a1a1a;\n --st-text-light: #5a5a5a;\n --st-border: #e8ddd4;\n --st-shadow: 0 4px 24px rgba(74,44,42,.08);\n --st-shadow-lg: 0 12px 48px rgba(74,44,42,.15);\n --st-radius: 20px;\n --st-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.st-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--st-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.st-hero {\n position: relative;\n background: linear-gradient(135deg, var(--st-primary-dark) 0%, var(--st-primary) 40%, var(--st-secondary) 100%);\n border-radius: var(--st-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--st-shadow-lg);\n}\n\n.st-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212,165,116,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(200,149,108,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.st-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.st-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.st-subtitle {\n color: var(--st-accent);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.st-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.st-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.st-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--st-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.st-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.st-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.st-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--st-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.st-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--st-secondary), var(--st-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.st-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--st-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.st-card {\n background: var(--st-white);\n border-radius: var(--st-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--st-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.st-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--st-shadow-lg);\n border-color: var(--st-secondary);\n}\n\n.st-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--st-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.st-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--st-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.st-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.st-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.st-grid-compact .st-card {\n padding: 1rem;\n}\n\n.st-grid-compact .st-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.st-grid-compact .st-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.st-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.st-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.st-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--st-primary), var(--st-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.st-timeline-content {\n flex: 1;\n background: var(--st-white);\n padding: 1rem 1.25rem;\n border-radius: var(--st-radius-sm);\n box-shadow: var(--st-shadow);\n}\n\n.st-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--st-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.st-timeline-content p {\n font-size: 14px;\n color: var(--st-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.st-testimonial {\n background: var(--st-white);\n border-radius: var(--st-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--st-shadow);\n border-left: 4px solid var(--st-secondary);\n}\n\n.st-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--st-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.st-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--st-primary-light);\n border-radius: var(--st-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.st-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.st-tip p {\n font-size: 14px;\n color: var(--st-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.st-cta-box {\n background: linear-gradient(135deg, var(--st-primary) 0%, var(--st-primary-dark) 100%);\n border-radius: var(--st-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.st-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.st-cta-link {\n color: var(--st-accent) !important;\n text-decoration: underline;\n text-underline-offset: 3px;\n transition: color .2s ease;\n}\n\n.st-cta-link:hover {\n color: #f0c99a !important;\n}\n\n\/* === DISCLAIMER === *\/\n.st-disclaimer {\n font-size: 12px;\n color: var(--st-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .st-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .st-card {\n padding: 1.125rem;\n }\n\n .st-section {\n margin-bottom: 1.75rem;\n }\n\n .st-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--st-radius-sm);\n }\n\n .st-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .st-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .st-grid-compact {\n gap: .625rem;\n }\n\n .st-grid-compact .st-card {\n padding: .75rem;\n }\n\n .st-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .st-timeline-content {\n padding: .875rem 1rem;\n }\n\n .st-timeline-content h3 {\n font-size: 14px;\n }\n\n .st-timeline-content p {\n font-size: 13px;\n }\n\n .st-testimonial {\n padding: 1.25rem;\n }\n\n .st-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .st-card {\n animation: stFadeInUp .5s ease backwards;\n }\n .st-card:nth-child(1) { animation-delay: .05s; }\n .st-card:nth-child(2) { animation-delay: .1s; }\n .st-card:nth-child(3) { animation-delay: .15s; }\n .st-card:nth-child(4) { animation-delay: .2s; }\n .st-card:nth-child(5) { animation-delay: .25s; }\n .st-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes stFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .st-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755193131165,"sku":"38641011","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-ecorce-lodhra-007-kajal-soultree-lifestyle.webp?v=1770739123"},{"product_id":"kajal-granit-himalaya-004-3-g-kajal-soultree","title":"Kajal Granite Himalaya 004 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🕉️ Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e✨ Sans paraben\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🇮🇳 Fabriqué en Inde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Granite Himalaya 004\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eSoultree · Crayon kajal noir aux reflets gris minéral\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eInspiré des traditions ayurvédiques indiennes, ce kajar noir aux nuances grises profondes sublime votre regard tout en prenant soin de vos yeux grâce à des ingrédients 100% naturels et biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUn kajal noir aux reflets gris envoûtants\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eLe Kajal Granite Himalaya se distingue par sa teinte unique, entre noir intense et gris minéral, évoquant la pierre de granit des montagnes himalayennes.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🪨 Teinte minérale unique\u003c\/h3\u003e\n \u003cp\u003eUn noir profond aux reflets gris granit, inspiré des sommets himalayens pour un regard envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💫 Texture crémeuse\u003c\/h3\u003e\n \u003cp\u003eGlisse en douceur sur la paupière pour un tracé précis ou un effet smoky parfaitement maîtrisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e⏱️ Tenue longue durée\u003c\/h3\u003e\n \u003cp\u003eUn fini lumineux et résistant, idéal en eyeliner sur la ligne des cils ou estompé en ombre à paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🎒 Format nomade 3g\u003c\/h3\u003e\n \u003cp\u003eCompact et pratique, il vous accompagne partout pour des retouches faciles tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComment appliquer votre kajal eyeliner ?\u003c\/h2\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e✏️ Tracé fin\u003c\/h3\u003e\n \u003cp\u003eAppliquez la pointe du kajal au plus près de la ligne des cils supérieurs ou inférieurs pour un trait net.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e🌫️ Effet smoky\u003c\/h3\u003e\n \u003cp\u003eDéposez le produit sur la paupière mobile puis estompez avec un pinceau pour un regard intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e🎨 Ombre à paupières\u003c\/h3\u003e\n \u003cp\u003eUtilisez le kajal comme base et floutez-le pour un look modulable selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e💧 Démaquillage\u003c\/h3\u003e\n \u003cp\u003eRetirez le maquillage avec un démaquillant doux spécial yeux pour préserver la zone du contour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e conservez votre kajal à l'abri de la chaleur pour préserver sa texture et sa pigmentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUne composition naturelle et ayurvédique\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eCe khôl kajal noir puise sa richesse dans des ingrédients sélectionnés avec soin, reconnus en Ayurveda pour leurs propriétés apaisantes et nourrissantes.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee purifié\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui adoucit et hydrate la peau délicate du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌿 Camphre naturel\u003c\/h3\u003e\n \u003cp\u003eReconnu en Ayurveda pour ses vertus rafraîchissantes et apaisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège la zone fragile autour des yeux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 Aloé Vera\u003c\/h3\u003e\n \u003cp\u003eApaise et apporte une sensation de confort immédiat sur la paupière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure une texture fondante et une excellente tenue tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e⚫ Charbon végétal\u003c\/h3\u003e\n \u003cp\u003ePigment naturel garantissant une intensité noire profonde et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormulé \u003cstrong\u003esans paraben, sans plomb\u003c\/strong\u003e ni produits chimiques agressifs, ce kajal convient même aux yeux sensibles et aux porteuses de lentilles de contact (faites toujours un test préalable).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eOrigine, fabrication et engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🇮🇳 Fabrication indienne\u003c\/h3\u003e\n \u003cp\u003eConçu selon les principes ayurvédiques traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🏔️ Récolte himalayenne\u003c\/h3\u003e\n \u003cp\u003eIngrédients récoltés de façon durable dans la région.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🤝 Soutien local\u003c\/h3\u003e\n \u003cp\u003eEngagement auprès des communautés indiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌍 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eProcédés respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center;margin-top:1.5rem;color:var(--kj-text-light);font-size:15px;line-height:1.7;\"\u003eLe Kajal Soultree allie \u003cstrong\u003esavoir-faire ancestral\u003c\/strong\u003e et exigences cosmétiques modernes pour un produit aussi pur que performant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"kj-accordion\"\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e👁️ Le kajal Soultree convient-il aux yeux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formulation naturelle est pensée pour respecter la zone délicate du contour de l'œil. En cas de doute, demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e✨ Peut-on l'utiliser comme eyeliner et kajal ?\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Ce produit polyvalent permet à la fois un tracé eyeliner précis et une application traditionnelle en kajal sur la muqueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e⚠️ Bon à savoir\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis médical en cas de gêne oculaire ou d'allergie. Effectuez toujours un test préalable, notamment si vous portez des lentilles de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🎨 Hésitante sur la teinte ?\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eNotre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\" style=\"color:var(--kj-primary-dark);font-weight:700;\"\u003equiz couleur\u003c\/a\u003e vous guide en quelques clics. Découvrez aussi toute la collection \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" title=\"kajal yeux\" style=\"color:var(--kj-primary-dark);font-weight:700;\"\u003eKajal Soultree\u003c\/a\u003e pour trouver votre nuance idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kj-cream: #faf6f1;\n --kj-white: #ffffff;\n --kj-primary: #5a3a28;\n --kj-primary-dark: #3a2418;\n --kj-primary-light: #f4ebe1;\n --kj-secondary: #c9a47a;\n --kj-accent: #d4af7f;\n --kj-text: #2a1d14;\n --kj-text-light: #6b5648;\n --kj-border: #e8ddd0;\n --kj-shadow: 0 4px 24px rgba(58,36,24,.08);\n --kj-shadow-lg: 0 12px 48px rgba(58,36,24,.18);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kj-text);\n}\n\n.kj-hero {\n position: relative;\n background: linear-gradient(135deg, #3a2418 0%, #5a3a28 50%, #c9a47a 100%);\n border-radius: var(--kj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n}\n\n.kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(212,175,127,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .3;\n}\n\n.kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.kj-subtitle {\n color: var(--kj-accent);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.kj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n}\n\n.kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text-light);\n margin: 0 auto 1.75rem;\n max-width: 680px;\n line-height: 1.7;\n}\n\n.kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-secondary);\n}\n\n.kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kj-grid-compact .kj-card {\n padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n font-size: 12px;\n}\n\n.kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(58,36,24,.25);\n}\n\n.kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n}\n\n.kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kj-primary-light);\n border-radius: var(--kj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--kj-secondary);\n}\n\n.kj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kj-tip p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-accordion {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n box-shadow: var(--kj-shadow);\n overflow: hidden;\n}\n\n.kj-accordion-item {\n border-bottom: 1px solid var(--kj-border);\n margin: 0;\n padding: 0;\n}\n\n.kj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kj-accordion-header:hover {\n background: var(--kj-primary-light);\n}\n\n.kj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kj-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--kj-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.kj-accordion-item[open] .kj-accordion-header::after {\n content: '−';\n}\n\n.kj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kj-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .kj-card {\n padding: 1.125rem;\n }\n .kj-section {\n margin-bottom: 1.75rem;\n }\n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .kj-grid-compact {\n gap: .625rem;\n }\n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n .kj-timeline-content h3 {\n font-size: 14px;\n }\n .kj-timeline-content p {\n font-size: 13px;\n }\n .kj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .kj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: kjFadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755194146973,"sku":"38641005","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_granite_himalaya_004-893440.jpg?v=1732721178"},{"product_id":"kajal-vert-tulsi-001-3-g-kajal-soultree","title":"Kajal Vert Tulsi 001 - Kajal Soultree","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Kajal Vert Tulsi 001 - Soultree\nPalette détectée:\n - Primaire: #3D5A3D (vert tulsi profond du produit)\n - Secondaire: #C9956C (or rosé\/cuivré du packaging)\n - Accent: #4A2C2A (brun chocolat du capuchon)\n - Background: #F9F7F4 (crème chaud)\nAmbiance: Luxe ayurvédique, naturel raffiné, féminin élégant, inspirations indiennes\nPréfixe CSS: kj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Mode d'application\"\n 2. \"Composition\"\n 3. \"Origine et fabrication\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kj-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🇮🇳 Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Vert Tulsi 001\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eSoultree • Maquillage Ayurvédique\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eUn kajal d'exception inspiré des traditions indiennes ancestrales. Sa teinte vert tulsi, douce et vibrante, sublime votre regard avec élégance et apporte une sensation de fraîcheur apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- MODE D'APPLICATION --\u003e\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eMode d'application\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eLe Kajal ayurvédique Soultree est facile à appliquer pour un résultat impeccable.\u003c\/p\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eTracez la ligne\u003c\/h3\u003e\n \u003cp\u003eAppliquez le long des cils supérieurs et\/ou inférieurs, en partant du coin interne de l'œil vers l'extérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eIntensifiez votre regard\u003c\/h3\u003e\n \u003cp\u003ePour un effet plus intense, ajoutez plusieurs couches jusqu'à obtenir la pigmentation souhaitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eUtilisez en ombre à paupières\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa texture onctueuse, estompez délicatement avec un pinceau ou vos doigts pour un effet smoky naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eDes ingrédients naturels et biologiques pour prendre soin de vos yeux sensibles.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n \u003cp\u003eProtège et nourrit la peau sensible du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee biologique\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui apporte hydratation et apaisement durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eRenforce les cils tout en leur offrant vitalité et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌿 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003eFortifie et stimule la croissance naturelle des cils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e❄️ Camphre\u003c\/h3\u003e\n \u003cp\u003eProcure une agréable sensation de fraîcheur et de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💎 Pigments minéraux\u003c\/h3\u003e\n \u003cp\u003eOffrent une couleur riche et une tenue longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans compromis :\u003c\/strong\u003e Exempt de parabènes, silicones et phtalates pour un maquillage respectueux de vos yeux et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE ET FABRICATION --\u003e\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🇮🇳 Made in India\u003c\/h3\u003e\n \u003cp\u003eFabriqué selon les principes ayurvédiques ancestraux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 Ingrédients bio\u003c\/h3\u003e\n \u003cp\u003eCertifiés et issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, respectueux du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePratiques durables et éthiques à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003e✨ Adoptez le Kajal Vert Tulsi 001 pour un regard magnifié, tout en restant fidèle à vos valeurs de bien-être et de respect de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-quiz-box\"\u003e\n \u003cp\u003e🎯 Vous hésitez sur la couleur ? Faites notre \u003cstrong\u003equiz spécial couleur\u003c\/strong\u003e pour recevoir une recommandation sur-mesure !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kj-cream: #F9F7F4;\n --kj-white: #ffffff;\n --kj-primary: #3D5A3D;\n --kj-primary-dark: #2A3F2A;\n --kj-primary-light: #E8F0E8;\n --kj-secondary: #C9956C;\n --kj-accent: #4A2C2A;\n --kj-text: #1a1a1a;\n --kj-text-light: #5a5a5a;\n --kj-border: #e0e0e0;\n --kj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 50%, var(--kj-accent) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n}\n\n.kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(201,149,108,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kj-subtitle {\n color: var(--kj-secondary);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.kj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n}\n\n.kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-primary);\n}\n\n.kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-grid-compact .kj-card {\n padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n font-size: 12px;\n}\n\n.kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n}\n\n.kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kj-primary-light);\n border-radius: var(--kj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kj-tip p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.kj-quiz-box {\n background: var(--kj-white);\n border-radius: var(--kj-radius-sm);\n padding: 1.25rem;\n text-align: center;\n margin-top: 1rem;\n border: 2px dashed var(--kj-secondary);\n}\n\n.kj-quiz-box p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kj-card {\n padding: 1.125rem;\n }\n \n .kj-section {\n margin-bottom: 1.75rem;\n }\n \n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n \n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kj-grid-compact {\n gap: .625rem;\n }\n \n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n \n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kj-timeline-content h3 {\n font-size: 14px;\n }\n \n .kj-timeline-content p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755194966173,"sku":"38641001","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_vert_tulsi_001-713759.jpg?v=1732721149"},{"product_id":"cailloux-delicieux-feve-de-tonka-parfum-solide-jardin-de-mon-grand-pere","title":"Cailloux Fève de Tonka - Parfum Solide - Jardin de mon Grand Père","description":"\u003cdiv class=\"ft-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ft-hero\"\u003e\n \u003cdiv class=\"ft-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ft-hero-content\"\u003e\n \u003cdiv class=\"ft-badges-top\"\u003e\n \u003cspan class=\"ft-badge\"\u003e🇫🇷 Artisanal français\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e✋ Fait main avec amour\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e🌿 Sans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ft-hero-title\"\u003eCailloux de Fève de Tonka\u003c\/span\u003e\n \u003cp class=\"ft-subtitle\"\u003eParfum solide artisanal — Jardin de mon Grand Père\u003c\/p\u003e\n \u003cp class=\"ft-description\"\u003eDe petits trésors olfactifs façonnés à la main, aux notes envoûtantes de vanille, de tabac blond et de foin fraîchement coupé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eCailloux de Fève de Tonka – Carré d'ambre solide artisanal fait main\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eImaginez un parfum qui évoque la douceur de la vanille, la chaleur du tabac blond et la tendresse du foin fraîchement coupé.\u003c\/p\u003e\n \u003cdiv class=\"ft-grid-compact\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍯 Vanille \u0026amp; caramel\u003c\/h3\u003e\n \u003cp\u003eDes notes gourmandes enveloppantes, d'une douceur irrésistible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍂 Tabac blond\u003c\/h3\u003e\n \u003cp\u003eUne chaleur boisée et réconfortante, profondément élégante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌾 Foin coupé\u003c\/h3\u003e\n \u003cp\u003eLa fraîcheur champêtre d'un après-midi d'été au soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e✋ Fait main\u003c\/h3\u003e\n \u003cp\u003eChaque caillou est façonné artisanalement par l'atelier Jardin de mon Grand Père\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eLa fève de tonka : une fragrance rare aux mille facettes\u003c\/h2\u003e\n \u003cdiv class=\"ft-testimonial\"\u003e\n \u003cp class=\"ft-testimonial-text\"\u003e\"Récoltée sur le teck brésilien au cœur de l'Amazonie, la fève de tonka fascine les parfumeurs du monde entier. Sa richesse en coumarine, molécule naturelle responsable de son arôme caractéristique, lui confère un profil olfactif d'une complexité remarquable.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌰 Amande douce \u0026amp; caramel\u003c\/h3\u003e\n \u003cp\u003eDes notes gourmandes qui se situent à la croisée de plusieurs univers olfactifs, entre rondeur vanillée et accents boisés légèrement épicés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e👑 Prisée en parfumerie de luxe\u003c\/h3\u003e\n \u003cp\u003eCette signature unique en fait l'un des ingrédients les plus recherchés par les plus grandes maisons de parfumerie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍀 Porte-bonheur ancestral\u003c\/h3\u003e\n \u003cp\u003eUtilisée depuis des siècles par les peuples amazoniens comme porte-bonheur, la fève de tonka porte une dimension presque mystique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eComment utiliser vos cailloux parfumés à la fève de tonka ?\u003c\/h2\u003e\n \u003cdiv class=\"ft-timeline\"\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003e🏡 En parfum d'ambiance naturel\u003c\/h3\u003e\n \u003cp\u003eDisposez quelques cailloux dans une coupelle, un tiroir ou une armoire. Placés près d'une source de chaleur douce, ils libèrent progressivement leur senteur enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003e🔥 En brûle-parfum\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 cailloux dans votre brûloir. La cire fond lentement, diffusant un parfum d'ambiance gourmand et intense. En refroidissant, la matière se resolidifie. Répétez l'opération jusqu'à épuisement de la fragrance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003e✨ En gri-gri personnel\u003c\/h3\u003e\n \u003cp\u003eGlissez un caillou dans votre poche ou votre sac. Au contact de la chaleur corporelle, il dégage un sillage subtil. En le manipulant entre vos doigts, sa surface devient soyeuse et le parfum s'intensifie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003ePourquoi choisir un parfum solide artisanal ?\u003c\/h2\u003e\n \u003cdiv class=\"ft-grid-compact\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool ni flamme\u003c\/h3\u003e\n \u003cp\u003eUne diffusion douce, sans risque et sans projection agressive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e⏳ Longue durée\u003c\/h3\u003e\n \u003cp\u003eLa fragrance se libère progressivement, pour un plaisir olfactif qui dure des semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eChaque caillou est confectionné à la main en France avec des ingrédients de qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eSachet kraft recyclable, produit qui se consomme intégralement sans laisser de résidu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eConditionnement disponible\u003c\/h2\u003e\n \u003cdiv class=\"ft-grid\"\u003e\n \u003cdiv class=\"ft-card ft-card-format\"\u003e\n \u003ch3\u003e🪨 50 g\u003c\/h3\u003e\n \u003cp\u003eEnviron 5 à 8 cailloux — parfait pour découvrir le produit et ses notes envoûtantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card ft-card-format ft-card-popular\"\u003e\n \u003ch3\u003e🪨 100 g\u003c\/h3\u003e\n \u003cp\u003eLe format idéal pour parfumer plusieurs espaces de votre intérieur au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card ft-card-format\"\u003e\n \u003ch3\u003e🪨 200 g\u003c\/h3\u003e\n \u003cp\u003eLe grand format pour les amoureux de la fève de tonka — ou pour offrir un cadeau généreux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ft-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn cadeau original et raffiné\u003c\/h2\u003e\n \u003cdiv class=\"ft-cta-box\"\u003e\n \u003cp\u003eVous cherchez une idée de cadeau originale, naturelle et élégante ? Les cailloux parfumés à la fève de tonka surprennent et séduisent à chaque fois. Leur présentation soignée dans un sachet kraft au charme rétro en fait un présent prêt à offrir, parfait pour les amateurs de belles senteurs artisanales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ft-disclaimer\"\u003eProduit artisanal à usage olfactif uniquement. Ne pas ingérer. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ft-cream: #faf6f0;\n --ft-white: #ffffff;\n --ft-primary: #8b5e3c;\n --ft-primary-dark: #5c3a1e;\n --ft-primary-light: #f3ebe0;\n --ft-secondary: #c9956b;\n --ft-accent: #d4a96a;\n --ft-text: #1a1a1a;\n --ft-text-light: #6b5d52;\n --ft-border: #e6ddd3;\n --ft-shadow: 0 4px 24px rgba(92,58,30,.08);\n --ft-shadow-lg: 0 12px 48px rgba(92,58,30,.15);\n --ft-radius: 20px;\n --ft-radius-sm: 12px;\n}\n\n.ft-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ft-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ft-hero {\n position: relative;\n background: linear-gradient(135deg, #5c3a1e 0%, #8b5e3c 45%, #c9956b 100%);\n border-radius: var(--ft-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ft-shadow-lg);\n}\n\n.ft-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(212,169,106,.1) 0%, transparent 45%);\n opacity: 1;\n}\n\n.ft-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ft-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ft-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ft-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ft-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ft-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.ft-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ft-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ft-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ft-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ft-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ft-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ft-primary), var(--ft-secondary));\n border-radius: 2px;\n}\n\n.ft-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ft-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ft-card {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ft-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ft-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ft-shadow-lg);\n border-color: var(--ft-primary);\n}\n\n.ft-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ft-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ft-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ft-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FORMAT CARDS (Conditionnement) === *\/\n.ft-card-format {\n position: relative;\n}\n\n.ft-card-popular {\n border-color: var(--ft-secondary);\n background: linear-gradient(180deg, var(--ft-white) 0%, var(--ft-primary-light) 100%);\n}\n\n.ft-card-popular::before {\n content: '⭐ Populaire';\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--ft-primary), var(--ft-secondary));\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 4px 14px;\n border-radius: 999px;\n letter-spacing: .03em;\n white-space: nowrap;\n}\n\n\/* === GRILLES === *\/\n.ft-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ft-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ft-grid-compact .ft-card {\n padding: 1rem;\n}\n\n.ft-grid-compact .ft-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ft-grid-compact .ft-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ft-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ft-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ft-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ft-primary), var(--ft-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139,94,60,.3);\n}\n\n.ft-timeline-content {\n flex: 1;\n background: var(--ft-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ft-radius-sm);\n box-shadow: var(--ft-shadow);\n transition: all .3s ease;\n}\n\n.ft-timeline-content:hover {\n box-shadow: var(--ft-shadow-lg);\n transform: translateX(4px);\n}\n\n.ft-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ft-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ft-timeline-content p {\n font-size: 14px;\n color: var(--ft-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ft-testimonial {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ft-shadow);\n border-left: 4px solid var(--ft-primary);\n}\n\n.ft-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ft-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA === *\/\n.ft-cta-box {\n background: linear-gradient(135deg, var(--ft-primary) 0%, var(--ft-primary-dark) 100%);\n border-radius: var(--ft-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ft-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212,169,106,.2) 0%, transparent 60%);\n}\n\n.ft-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ft-disclaimer {\n font-size: 12px;\n color: var(--ft-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ft-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ft-card {\n padding: 1.125rem;\n }\n\n .ft-section {\n margin-bottom: 1.75rem;\n }\n\n .ft-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ft-radius-sm);\n }\n\n .ft-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ft-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ft-grid-compact {\n gap: .625rem;\n }\n\n .ft-grid-compact .ft-card {\n padding: .75rem;\n }\n\n .ft-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ft-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ft-timeline-content h3 {\n font-size: 14px;\n }\n\n .ft-timeline-content p {\n font-size: 13px;\n }\n\n .ft-testimonial {\n padding: 1.25rem;\n }\n\n .ft-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ft-card {\n animation: ftFadeInUp .5s ease backwards;\n }\n .ft-card:nth-child(1) { animation-delay: .05s; }\n .ft-card:nth-child(2) { animation-delay: .1s; }\n .ft-card:nth-child(3) { animation-delay: .15s; }\n .ft-card:nth-child(4) { animation-delay: .2s; }\n .ft-card:nth-child(5) { animation-delay: .25s; }\n .ft-card:nth-child(6) { animation-delay: .3s; }\n\n .ft-timeline-item {\n animation: ftFadeInUp .5s ease backwards;\n }\n .ft-timeline-item:nth-child(1) { animation-delay: .1s; }\n .ft-timeline-item:nth-child(2) { animation-delay: .2s; }\n .ft-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes ftFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ft-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720491286905,"sku":"FEVEDETONKAJDMGP50","price":5.58,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720491319673,"sku":"FEVEDETONKAJDMGP100","price":10.91,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720491352441,"sku":"FEVEDETONKAJDMGP200","price":21.66,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carre-ambre-feve-tonka-jdmgp_packshot_1_11zon.jpg?v=1766172845"},{"product_id":"triphala-digestion-bio-120-gelules-vegetales-ayurvana","title":"Triphala Ayurvédique Bio - Digestion et Elimination - 120 gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Triphala Ayurvédique Bio - Digestion et Élimination\nPalette détectée:\n - Primaire: #7CB342 (vert sauge du couvercle et bande inférieure)\n - Secondaire: #F5F0DC (beige crème du tube, tons naturels)\n - Accent: #E67E22 (orange des fruits\/gouttes colorées sur le packaging)\nAmbiance: Ayurvéda authentique, naturel\/bio, sagesse indienne millénaire, bien-être holistique\nUnivers: Médecine traditionnelle, digestion naturelle, détox douce, spiritualité orientale\nPréfixe CSS: tri\n--\u003e\n\n\u003cdiv class=\"tri-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tri-hero\"\u003e\n \u003cdiv class=\"tri-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tri-hero-content\"\u003e\n \u003cdiv class=\"tri-badges-top\"\u003e\n \u003cspan class=\"tri-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🌱 100% Végan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tri-hero-title\"\u003eTriphala Bio\u003c\/span\u003e\n \u003cp class=\"tri-subtitle\"\u003eLes 3 fruits sacrés de l'Ayurvéda\u003c\/p\u003e\n \u003cp class=\"tri-description\"\u003eFormule ancestrale millénaire associant Amalaki, Haritaki et Bibhitaki pour une digestion harmonieuse et une élimination naturelle optimisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- LES 3 FRUITS SACRÉS --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e🍃 La trinité ayurvédique\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card tri-card-fruit\"\u003e\n \u003ch3\u003e🟡 Amalaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eEmblica officinalis\u003c\/p\u003e\n \u003cp\u003eLe fruit de la jeunesse éternelle. Source exceptionnelle de vitamine C naturelle, il soutient la santé gastro-intestinale et offre une puissante protection antioxydante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-card-fruit\"\u003e\n \u003ch3\u003e🟤 Haritaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eTerminalia chebula\u003c\/p\u003e\n \u003cp\u003eLe roi des plantes médicinales ayurvédiques. Purifie l'organisme en profondeur, élimine les toxines accumulées et stimule naturellement un transit équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-card-fruit\"\u003e\n \u003ch3\u003e🟢 Bibhitaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eTerminalia bellirica\u003c\/p\u003e\n \u003cp\u003eLe gardien de la flore intestinale. Renforce l'écosystème digestif et maintient l'équilibre du microbiote pour un bien-être intestinal durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e💚 Digestion harmonieuse\u003c\/h3\u003e\n \u003cp\u003eFavorise une digestion naturelle et efficace. Réduit les inconforts, ballonnements et sensations de lourdeur après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🔄 Transit régulé\u003c\/h3\u003e\n \u003cp\u003eRétablit un transit intestinal équilibré, qu'il soit ralenti ou accéléré. Action douce sans effet agressif sur l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🧹 Détoxification naturelle\u003c\/h3\u003e\n \u003cp\u003eStimule l'élimination des toxines accumulées. Purifie le système digestif pour une vitalité retrouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🛡️ Flore intestinale protégée\u003c\/h3\u003e\n \u003cp\u003eRenforce votre microbiote et favorise l'équilibre de la flore. Contribue à améliorer votre immunité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e📋 Votre rituel quotidien\u003c\/h2\u003e\n \u003cdiv class=\"tri-usage-box\"\u003e\n \u003cdiv class=\"tri-usage-grid\"\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch3\u003eMoment\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAvant les repas\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e3 à 6 mois\u003c\/strong\u003e pour des résultats optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid-compact\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🍽️ Digestion difficile\u003c\/h3\u003e\n \u003cp\u003eBallonnements, lourdeurs après les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e⚖️ Transit irrégulier\u003c\/h3\u003e\n \u003cp\u003eRégulation naturelle et douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e✨ Cure détox\u003c\/h3\u003e\n \u003cp\u003eÉlimination des toxines accumulées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌿 Approche naturelle\u003c\/h3\u003e\n \u003cp\u003eAdeptes des solutions ancestrales bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid-compact\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n \u003cp\u003eGélules végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e⏱️ 40-60 jours\u003c\/h3\u003e\n \u003cp\u003eDurée de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🏭 France\u003c\/h3\u003e\n \u003cp\u003eFabrication française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌿 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"tri-accordion\"\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003e• \u003cstrong\u003eFemmes enceintes ou allaitantes\u003c\/strong\u003e : déconseillé sans avis médical\u003cbr\u003e\n • Ne pas dépasser la dose journalière recommandée\u003cbr\u003e\n • Ne se substitue pas à une alimentation variée et équilibrée\u003cbr\u003e\n • Tenir hors de portée des jeunes enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer le flacon après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e🏆 Qualité Ayur-Vana\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003e• Certification Agriculture Biologique\u003cbr\u003e\n • Fabrication française aux normes pharmaceutiques\u003cbr\u003e\n • Gélules 100% végétales\u003cbr\u003e\n • Sans additifs chimiques ni conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tri-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tri-cta-box\"\u003e\n \u003cp\u003e🌿 \u003cstrong\u003eRetrouvez l'équilibre digestif\u003c\/strong\u003e grâce à la sagesse millénaire de l'Ayurvéda. Une formule 100% bio pour purifier et régénérer votre système digestif naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tri-cream: #FAF8F2;\n --tri-white: #ffffff;\n --tri-primary: #7CB342;\n --tri-primary-dark: #5D8A2E;\n --tri-primary-light: #E8F5D9;\n --tri-secondary: #F5F0DC;\n --tri-accent: #E67E22;\n --tri-text: #1a1a1a;\n --tri-text-light: #5a5a5a;\n --tri-border: #e0e0e0;\n --tri-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tri-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tri-radius: 20px;\n --tri-radius-sm: 12px;\n}\n\n.tri-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tri-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tri-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tri-primary) 0%, #8BC34A 50%, var(--tri-primary-dark) 100%);\n border-radius: var(--tri-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tri-shadow-lg);\n}\n\n.tri-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.tri-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tri-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.tri-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tri-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tri-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tri-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tri-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.tri-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.tri-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tri-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tri-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tri-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tri-primary), var(--tri-accent));\n border-radius: 2px;\n}\n\n.tri-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tri-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tri-card {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tri-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tri-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tri-shadow-lg);\n border-color: var(--tri-primary);\n}\n\n.tri-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tri-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tri-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tri-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tri-card-fruit {\n background: linear-gradient(135deg, var(--tri-white) 0%, var(--tri-primary-light) 100%);\n}\n\n.tri-fruit-latin {\n font-style: italic;\n color: var(--tri-accent) !important;\n font-size: 13px !important;\n font-weight: 600;\n margin-bottom: .75rem !important;\n}\n\n.tri-usage-box {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tri-shadow);\n border: 2px solid var(--tri-primary-light);\n}\n\n.tri-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.tri-usage-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n text-align: left;\n}\n\n.tri-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--tri-primary), var(--tri-primary-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(124, 179, 66, .3);\n}\n\n.tri-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--tri-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tri-step-content p {\n font-size: 14px;\n color: var(--tri-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.tri-step-content strong {\n color: var(--tri-primary-dark);\n}\n\n.tri-accordion {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n box-shadow: var(--tri-shadow);\n overflow: hidden;\n}\n\n.tri-accordion-item {\n border-bottom: 1px solid var(--tri-border);\n margin: 0;\n padding: 0;\n}\n\n.tri-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tri-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tri-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.tri-accordion-header:hover {\n background: var(--tri-primary-light);\n}\n\n.tri-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tri-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tri-primary);\n transition: transform .2s ease;\n}\n\n.tri-accordion-item[open] .tri-accordion-header::after {\n content: '−';\n}\n\n.tri-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tri-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.tri-accordion-content p {\n margin: 0;\n}\n\n.tri-cta-box {\n background: linear-gradient(135deg, var(--tri-primary) 0%, var(--tri-primary-dark) 100%);\n border-radius: var(--tri-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tri-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tri-cta-box strong {\n font-weight: 800;\n}\n\n@media (max-width: 767px) {\n .tri-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tri-grid-compact {\n gap: .625rem;\n }\n \n .tri-grid-compact .tri-card {\n padding: .75rem;\n }\n \n .tri-grid-compact .tri-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .tri-grid-compact .tri-card p {\n font-size: 12px;\n }\n \n .tri-card {\n padding: 1.125rem;\n }\n \n .tri-section {\n margin-bottom: 1.75rem;\n }\n \n .tri-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tri-radius-sm);\n }\n \n .tri-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tri-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tri-usage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tri-usage-step {\n flex-direction: row;\n text-align: left;\n }\n \n .tri-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tri-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tri-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tri-card:nth-child(1) { animation-delay: .05s; }\n .tri-card:nth-child(2) { animation-delay: .1s; }\n .tri-card:nth-child(3) { animation-delay: .15s; }\n .tri-card:nth-child(4) { animation-delay: .2s; }\n .tri-card:nth-child(5) { animation-delay: .25s; }\n .tri-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tri-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755205484701,"sku":"AY9017GF","price":28.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/triphala-ayurvedique-bio-digestion-et-elimination-120-gelule-ingredients.webp?v=1768501329"},{"product_id":"oleoceane-omega-3-citron-250-ml-jade-recherche","title":"Oléocéane Oméga 3 Citron - 250 Ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Oléocéane Oméga 3 Citron - Jade Recherche\nPalette détectée:\n - Primaire: #F7D000 (jaune vif du packaging, dominante principale)\n - Secondaire: #2E8B3D (vert du texte \"Oléocéane Oméga3\")\n - Accent: #E8A000 (orange\/doré de la goutte d'huile et du bouchon)\n - Fond foncé: #1A3A5C (bleu marine de l'huile\/bouteille)\nAmbiance: Fraîcheur méditerranéenne, naturel, familial, santé au quotidien\nStyle: Naturel\/frais avec touches ensoleillées, citronné et océanique\nPréfixe CSS: oleo\n--\u003e\n\n\u003cdiv class=\"oleo-premium\"\u003e\n \n \u003cdiv class=\"oleo-hero\"\u003e\n \u003cdiv class=\"oleo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"oleo-hero-content\"\u003e\n \u003cdiv class=\"oleo-badges-top\"\u003e\n \u003cspan class=\"oleo-badge\"\u003e🍋 Goût citron agréable\u003c\/span\u003e\n \u003cspan class=\"oleo-badge\"\u003e🐟 98,5% huile de poisson\u003c\/span\u003e\n \u003cspan class=\"oleo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"oleo-hero-title\"\u003eOléocéane Oméga 3 Citron\u003c\/span\u003e\n \u003cp class=\"oleo-subtitle\"\u003eL'huile de poisson que toute la famille va adorer\u003c\/p\u003e\n \u003cp class=\"oleo-description\"\u003eConcentrée en EPA et DHA, subtilement parfumée au citron pour éliminer tout arrière-goût de poisson. Même les enfants l'apprécient !\u003c\/p\u003e\n \u003cdiv class=\"oleo-hero-stats\"\u003e\n \u003cdiv class=\"oleo-stat\"\u003e\n \u003cspan class=\"oleo-stat-number\"\u003e1380mg\u003c\/span\u003e\n \u003cspan class=\"oleo-stat-label\"\u003eOméga 3 \/ dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-stat\"\u003e\n \u003cspan class=\"oleo-stat-number\"\u003e850mg\u003c\/span\u003e\n \u003cspan class=\"oleo-stat-label\"\u003eEPA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-stat\"\u003e\n \u003cspan class=\"oleo-stat-number\"\u003e550mg\u003c\/span\u003e\n \u003cspan class=\"oleo-stat-label\"\u003eDHA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e🧠 Pourquoi les oméga 3 sont essentiels ?\u003c\/h2\u003e\n \u003cdiv class=\"oleo-intro-box\"\u003e\n \u003cp\u003eLes acides gras oméga 3, notamment l'\u003cstrong\u003eEPA\u003c\/strong\u003e et le \u003cstrong\u003eDHA\u003c\/strong\u003e, sont des nutriments que votre corps ne peut pas fabriquer lui-même. Notre alimentation moderne, souvent pauvre en poissons gras, crée des carences fréquentes.\u003c\/p\u003e\n \u003cp class=\"oleo-highlight\"\u003eLes bienfaits sont reconnus par l'Autorité européenne de sécurité des aliments (EFSA) qui a validé plusieurs allégations santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits validés scientifiquement\u003c\/h2\u003e\n \u003cdiv class=\"oleo-grid\"\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e🧠\u003c\/div\u003e\n \u003ch3\u003eFonction cérébrale\u003c\/h3\u003e\n \u003cp\u003eÀ partir de \u003cstrong\u003e250 mg de DHA\/jour\u003c\/strong\u003e, contribue au maintien d'une fonction cérébrale normale.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e½ cuillère à café suffit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e👁️\u003c\/div\u003e\n \u003ch3\u003eVision normale\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une \u003cstrong\u003evision normale\u003c\/strong\u003e. Idéal pour préserver vos yeux au quotidien.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e250 mg DHA\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eSanté cardiaque\u003c\/h3\u003e\n \u003cp\u003eL'association EPA + DHA à partir de 250 mg\/jour contribue à une \u003cstrong\u003efonction cardiaque normale\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e½ cuillère à café\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e💓\u003c\/div\u003e\n \u003ch3\u003eTension artérielle\u003c\/h3\u003e\n \u003cp\u003eÀ partir de \u003cstrong\u003e3 g d'EPA et DHA\/jour\u003c\/strong\u003e, contribue au maintien d'une pression sanguine normale.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e3 cuillères à café\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e📊\u003c\/div\u003e\n \u003ch3\u003eTriglycérides\u003c\/h3\u003e\n \u003cp\u003eÀ partir de \u003cstrong\u003e2 g d'EPA et DHA\/jour\u003c\/strong\u003e, contribue à une concentration normale de triglycérides.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003e2 cuillères à café\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-card\"\u003e\n \u003cdiv class=\"oleo-card-icon\"\u003e🤰\u003c\/div\u003e\n \u003ch3\u003eGrossesse \u0026amp; allaitement\u003c\/h3\u003e\n \u003cp\u003eLe DHA maternel contribue au \u003cstrong\u003edéveloppement normal\u003c\/strong\u003e du cerveau et des yeux du bébé.\u003c\/p\u003e\n \u003cspan class=\"oleo-dose\"\u003eSur avis médical\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e🍋 Ce qui rend Oléocéane unique\u003c\/h2\u003e\n \u003cdiv class=\"oleo-unique-box\"\u003e\n \u003cdiv class=\"oleo-unique-content\"\u003e\n \u003cdiv class=\"oleo-unique-problem\"\u003e\n \u003cspan class=\"oleo-unique-emoji\"\u003e😖\u003c\/span\u003e\n \u003ch4\u003eLe problème habituel\u003c\/h4\u003e\n \u003cp\u003eGoût de poisson prononcé, renvois désagréables, enfants qui refusent...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-unique-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"oleo-unique-solution\"\u003e\n \u003cspan class=\"oleo-unique-emoji\"\u003e😋\u003c\/span\u003e\n \u003ch4\u003eLa solution Oléocéane\u003c\/h4\u003e\n \u003cp\u003eEssence de citron naturelle qui masque \u003cstrong\u003etotalement\u003c\/strong\u003e le goût de poisson !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"oleo-unique-result\"\u003eRésultat ? Une huile légère et fraîche à ajouter sur vos salades, crudités ou plats froids. \u003cstrong\u003eVos enfants n'y verront que du feu !\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"oleo-composition-grid\"\u003e\n \u003cdiv class=\"oleo-ingredient-card oleo-ingredient-main\"\u003e\n \u003cdiv class=\"oleo-ingredient-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"oleo-ingredient-info\"\u003e\n \u003ch4\u003eHuile de poisson\u003c\/h4\u003e\n \u003cspan class=\"oleo-ingredient-percent\"\u003e98,5%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eSource concentrée d'acides gras essentiels EPA et DHA de haute qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-ingredient-card\"\u003e\n \u003cdiv class=\"oleo-ingredient-icon\"\u003e🍋\u003c\/div\u003e\n \u003cdiv class=\"oleo-ingredient-info\"\u003e\n \u003ch4\u003eEssence de citron\u003c\/h4\u003e\n \u003cspan class=\"oleo-ingredient-percent\"\u003eNaturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003ePour un goût frais et agréable sans arrière-goût de poisson\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"oleo-nutrition-table\"\u003e\n \u003ch4\u003eValeurs nutritionnelles\u003c\/h4\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-header\"\u003e\n \u003cspan\u003ePour 1 cuillère à café (5 ml)\u003c\/span\u003e\n \u003cspan\u003eApports\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row\"\u003e\n \u003cspan\u003eÉnergie\u003c\/span\u003e\n \u003cspan\u003e188 kJ \/ 42 Kcal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row\"\u003e\n \u003cspan\u003eMatières grasses\u003c\/span\u003e\n \u003cspan\u003e4,6 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n \u003cspan\u003e↳ Acides gras saturés\u003c\/span\u003e\n \u003cspan\u003e1,2 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n \u003cspan\u003e↳ Acides gras mono-insaturés\u003c\/span\u003e\n \u003cspan\u003e1 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub\"\u003e\n \u003cspan\u003e↳ Acides gras polyinsaturés\u003c\/span\u003e\n \u003cspan\u003e1,8 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-highlight\"\u003e\n \u003cspan\u003e🔥 Oméga 3 totaux\u003c\/span\u003e\n \u003cspan\u003e≥ 1380 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub oleo-nutrition-omega\"\u003e\n \u003cspan\u003e↳ EPA\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e850 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-nutrition-row oleo-nutrition-sub oleo-nutrition-omega\"\u003e\n \u003cspan\u003e↳ DHA\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e550 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e📝 Comment utiliser Oléocéane ?\u003c\/h2\u003e\n \u003cdiv class=\"oleo-usage-grid\"\u003e\n \u003cdiv class=\"oleo-usage-card\"\u003e\n \u003cdiv class=\"oleo-usage-dose\"\u003e\n \u003cspan class=\"oleo-dose-icon\"\u003e🥄\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-amount\"\u003e½ c. à café\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-ml\"\u003e2,5 ml\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch4\u003eDose d'entretien\u003c\/h4\u003e\n \u003cp\u003ePour les bienfaits sur la fonction cérébrale, visuelle et cardiaque au quotidien.\u003c\/p\u003e\n \u003cul class=\"oleo-dose-benefits\"\u003e\n \u003cli\u003e690 mg d'oméga 3\u003c\/li\u003e\n \u003cli\u003e425 mg EPA + 275 mg DHA\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-usage-card oleo-usage-optimal\"\u003e\n \u003cdiv class=\"oleo-usage-dose\"\u003e\n \u003cspan class=\"oleo-dose-icon\"\u003e🥄🥄\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-amount\"\u003e1 à 2 c. à café\u003c\/span\u003e\n \u003cspan class=\"oleo-dose-ml\"\u003e5 à 10 ml\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch4\u003eDose optimale\u003c\/h4\u003e\n \u003cp\u003eSelon vos besoins spécifiques pour un effet renforcé.\u003c\/p\u003e\n \u003cul class=\"oleo-dose-benefits\"\u003e\n \u003cli\u003e1380 à 2760 mg d'oméga 3\u003c\/li\u003e\n \u003cli\u003eSoutien cardiovasculaire intensif\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"oleo-tips\"\u003e\n \u003ch4\u003e💡 Nos conseils d'utilisation\u003c\/h4\u003e\n \u003cdiv class=\"oleo-tips-grid\"\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003eVersez directement sur vos \u003cstrong\u003esalades, légumes vapeur tièdes\u003c\/strong\u003e ou tartines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🥤\u003c\/span\u003e\n \u003cp\u003eAjoutez dans vos \u003cstrong\u003esmoothies\u003c\/strong\u003e pour un boost nutritionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🚫🔥\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas chauffer\u003c\/strong\u003e pour préserver la qualité des acides gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-tip\"\u003e\n \u003cspan class=\"oleo-tip-icon\"\u003e🦐\u003c\/span\u003e\n \u003cp\u003eS'accorde parfaitement avec le \u003cstrong\u003epoisson et les fruits de mer\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e👥 Pour qui est cette huile ?\u003c\/h2\u003e\n \u003cdiv class=\"oleo-profiles-grid\"\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e👶\u003c\/span\u003e\n \u003ch4\u003eLes enfants\u003c\/h4\u003e\n \u003cp\u003eQui refusent de manger du poisson\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e📚\u003c\/span\u003e\n \u003ch4\u003eLes étudiants\u003c\/h4\u003e\n \u003cp\u003eEn période d'examens pour soutenir les fonctions cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e💼\u003c\/span\u003e\n \u003ch4\u003eLes actifs\u003c\/h4\u003e\n \u003cp\u003eSoucieux de leur santé cardiovasculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e👴\u003c\/span\u003e\n \u003ch4\u003eLes seniors\u003c\/h4\u003e\n \u003cp\u003eSouhaitant préserver mémoire et vision\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e🤰\u003c\/span\u003e\n \u003ch4\u003eFemmes enceintes\u003c\/h4\u003e\n \u003cp\u003ePour le bon développement de bébé (avis médical)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-profile\"\u003e\n \u003cspan class=\"oleo-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eLes sportifs\u003c\/h4\u003e\n \u003cp\u003ePour favoriser une bonne récupération musculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oleo-section\"\u003e\n \u003ch2\u003e⚠️ Précautions \u0026amp; conservation\u003c\/h2\u003e\n \u003cdiv class=\"oleo-precautions\"\u003e\n \u003cdiv class=\"oleo-precaution-item\"\u003e\n \u003cspan class=\"oleo-precaution-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConserver à l'abri de la lumière, au sec, \u0026lt; 25°C\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-precaution-item\"\u003e\n \u003cspan class=\"oleo-precaution-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eAprès ouverture : réfrigérateur, consommer sous 3 mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oleo-precaution-item\"\u003e\n \u003cspan class=\"oleo-precaution-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003eTraitement anticoagulant ? Consultez votre médecin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"oleo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"oleo-cta-box\"\u003e\n \u003cdiv class=\"oleo-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"oleo-cta-content\"\u003e\n \u003cspan class=\"oleo-cta-emoji\"\u003e🍋🐟\u003c\/span\u003e\n \u003cp\u003eProfitez enfin des \u003cstrong\u003ebienfaits des oméga 3\u003c\/strong\u003e sans compromis sur le goût. Une solution pratique et savoureuse pour toute la famille, validée par les autorités européennes de santé.\u003c\/p\u003e\n \u003cdiv class=\"oleo-cta-badge\"\u003e\n \u003cspan\u003eJade Recherche\u003c\/span\u003e\n \u003cspan\u003e•\u003c\/span\u003e\n \u003cspan\u003eQualité française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --oleo-cream: #FFFDF5;\n --oleo-white: #ffffff;\n --oleo-primary: #F7D000;\n --oleo-primary-dark: #C5A600;\n --oleo-primary-light: #FFF8D6;\n --oleo-secondary: #2E8B3D;\n --oleo-secondary-light: #E8F5EA;\n --oleo-accent: #E8A000;\n --oleo-ocean: #1A3A5C;\n --oleo-ocean-light: #E8F0F8;\n --oleo-text: #1a1a1a;\n --oleo-text-light: #5a5a5a;\n --oleo-border: #e8e4d8;\n --oleo-shadow: 0 4px 24px rgba(26,58,92,.08);\n --oleo-shadow-lg: 0 12px 48px rgba(26,58,92,.15);\n --oleo-radius: 20px;\n --oleo-radius-sm: 12px;\n}\n\n.oleo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--oleo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--oleo-text);\n line-height: 1.6;\n}\n\n.oleo-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.oleo-hero {\n position: relative;\n background: linear-gradient(135deg, var(--oleo-ocean) 0%, #2A5A7C 40%, var(--oleo-secondary) 100%);\n border-radius: var(--oleo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--oleo-shadow-lg);\n}\n\n.oleo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(247,208,0,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(247,208,0,.1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-1.5 0-3 2-3 5s1.5 5 3 5 3-2 3-5-1.5-5-3-5zm0 40c-1.5 0-3 2-3 5s1.5 5 3 5 3-2 3-5-1.5-5-3-5z' fill='%23F7D000' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n opacity: .8;\n}\n\n.oleo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.oleo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.oleo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--oleo-ocean);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.oleo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(247,208,0,.3);\n}\n\n.oleo-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.oleo-subtitle {\n color: var(--oleo-primary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.oleo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.oleo-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.oleo-stat {\n text-align: center;\n background: rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--oleo-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.oleo-stat-number {\n display: block;\n color: var(--oleo-primary);\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n}\n\n.oleo-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.oleo-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.oleo-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--oleo-ocean);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.oleo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--oleo-primary), var(--oleo-secondary));\n border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.oleo-intro-box {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--oleo-shadow);\n border-left: 5px solid var(--oleo-primary);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.oleo-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n color: var(--oleo-text);\n margin: 0 0 1rem 0;\n}\n\n.oleo-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n.oleo-highlight {\n background: var(--oleo-primary-light);\n padding: 1rem 1.5rem;\n border-radius: var(--oleo-radius-sm);\n font-weight: 600;\n color: var(--oleo-ocean) !important;\n}\n\n\/* === GRILLES === *\/\n.oleo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.oleo-card {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--oleo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.oleo-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--oleo-shadow-lg);\n border-color: var(--oleo-primary);\n}\n\n.oleo-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.oleo-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .75rem 0;\n}\n\n.oleo-card p {\n font-size: 15px;\n color: var(--oleo-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.6;\n}\n\n.oleo-dose {\n display: inline-block;\n background: var(--oleo-secondary-light);\n color: var(--oleo-secondary);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n\/* === UNIQUE BOX === *\/\n.oleo-unique-box {\n background: linear-gradient(135deg, var(--oleo-ocean-light) 0%, var(--oleo-primary-light) 100%);\n border-radius: var(--oleo-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--oleo-shadow);\n}\n\n.oleo-unique-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.oleo-unique-problem,\n.oleo-unique-solution {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n padding: 1.5rem;\n flex: 1;\n min-width: 250px;\n max-width: 350px;\n text-align: center;\n}\n\n.oleo-unique-problem {\n border: 2px dashed #e0e0e0;\n}\n\n.oleo-unique-solution {\n border: 2px solid var(--oleo-secondary);\n box-shadow: 0 4px 20px rgba(46,139,61,.15);\n}\n\n.oleo-unique-emoji {\n font-size: 40px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.oleo-unique-box h4 {\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 .5rem 0;\n color: var(--oleo-ocean);\n}\n\n.oleo-unique-problem p,\n.oleo-unique-solution p {\n font-size: 14px;\n color: var(--oleo-text-light);\n margin: 0;\n}\n\n.oleo-unique-arrow {\n font-size: 32px;\n color: var(--oleo-secondary);\n font-weight: 900;\n}\n\n.oleo-unique-result {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--oleo-ocean);\n margin: 0;\n padding: 1.5rem;\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n}\n\n\/* === COMPOSITION === *\/\n.oleo-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.oleo-ingredient-card {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: 1.5rem;\n box-shadow: var(--oleo-shadow);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.oleo-ingredient-card:hover {\n border-color: var(--oleo-primary);\n transform: translateY(-4px);\n}\n\n.oleo-ingredient-main {\n background: linear-gradient(135deg, var(--oleo-ocean-light) 0%, var(--oleo-white) 100%);\n border-color: var(--oleo-ocean);\n}\n\n.oleo-ingredient-icon {\n font-size: 48px;\n margin-bottom: .5rem;\n}\n\n.oleo-ingredient-info {\n margin-bottom: .75rem;\n}\n\n.oleo-ingredient-info h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0;\n}\n\n.oleo-ingredient-percent {\n display: inline-block;\n background: var(--oleo-primary);\n color: var(--oleo-ocean);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 800;\n margin-top: 6px;\n}\n\n.oleo-ingredient-card p {\n font-size: 14px;\n color: var(--oleo-text-light);\n margin: 0;\n}\n\n\/* === TABLEAU NUTRITIONNEL === *\/\n.oleo-nutrition-table {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--oleo-shadow);\n max-width: 600px;\n margin: 0 auto;\n}\n\n.oleo-nutrition-table h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.oleo-nutrition-row {\n display: flex;\n justify-content: space-between;\n padding: 10px 0;\n border-bottom: 1px solid var(--oleo-border);\n font-size: 15px;\n}\n\n.oleo-nutrition-row:last-child {\n border-bottom: none;\n}\n\n.oleo-nutrition-header {\n font-weight: 700;\n color: var(--oleo-ocean);\n background: var(--oleo-ocean-light);\n margin: 0 -1.5rem;\n padding: 12px 1.5rem;\n border-radius: var(--oleo-radius-sm) var(--oleo-radius-sm) 0 0;\n}\n\n.oleo-nutrition-sub {\n padding-left: 1rem;\n font-size: 14px;\n color: var(--oleo-text-light);\n}\n\n.oleo-nutrition-highlight {\n background: var(--oleo-primary-light);\n margin: .5rem -1.5rem;\n padding: 12px 1.5rem;\n font-weight: 700;\n color: var(--oleo-ocean);\n}\n\n.oleo-nutrition-omega {\n background: var(--oleo-secondary-light);\n margin: 0 -1.5rem;\n padding: 10px 1.5rem 10px 2.5rem;\n color: var(--oleo-secondary);\n}\n\n\/* === USAGE === *\/\n.oleo-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.oleo-usage-card {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--oleo-shadow);\n border: 2px solid var(--oleo-border);\n transition: all .3s ease;\n}\n\n.oleo-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--oleo-shadow-lg);\n}\n\n.oleo-usage-optimal {\n border-color: var(--oleo-secondary);\n background: linear-gradient(135deg, var(--oleo-secondary-light) 0%, var(--oleo-white) 100%);\n}\n\n.oleo-usage-dose {\n text-align: center;\n margin-bottom: 1rem;\n padding-bottom: 1rem;\n border-bottom: 2px dashed var(--oleo-border);\n}\n\n.oleo-dose-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .25rem;\n}\n\n.oleo-dose-amount {\n display: block;\n font-size: 22px;\n font-weight: 900;\n color: var(--oleo-ocean);\n}\n\n.oleo-dose-ml {\n display: block;\n font-size: 14px;\n color: var(--oleo-text-light);\n}\n\n.oleo-usage-card h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .5rem 0;\n text-align: center;\n}\n\n.oleo-usage-card \u003e p {\n font-size: 14px;\n color: var(--oleo-text-light);\n text-align: center;\n margin: 0 0 1rem 0;\n}\n\n.oleo-dose-benefits {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.oleo-dose-benefits li {\n padding: 6px 0 6px 24px;\n position: relative;\n font-size: 14px;\n color: var(--oleo-text);\n}\n\n.oleo-dose-benefits li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--oleo-secondary);\n font-weight: 700;\n}\n\n\/* === TIPS === *\/\n.oleo-tips {\n background: var(--oleo-primary-light);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.oleo-tips h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.oleo-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.oleo-tip {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n padding: 1rem;\n text-align: center;\n transition: all .3s ease;\n}\n\n.oleo-tip:hover {\n transform: translateY(-4px);\n box-shadow: var(--oleo-shadow);\n}\n\n.oleo-tip-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.oleo-tip p {\n font-size: 14px;\n color: var(--oleo-text);\n margin: 0;\n}\n\n\/* === PROFILES === *\/\n.oleo-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.oleo-profile {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--oleo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.oleo-profile:hover {\n border-color: var(--oleo-primary);\n transform: translateY(-4px);\n}\n\n.oleo-profile-icon {\n font-size: 40px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.oleo-profile h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .25rem 0;\n}\n\n.oleo-profile p {\n font-size: 13px;\n color: var(--oleo-text-light);\n margin: 0;\n line-height: 1.4;\n}\n\n\/* === FAQ === *\/\n.oleo-faq {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.oleo-faq-item {\n background: var(--oleo-white);\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 1rem;\n box-shadow: var(--oleo-shadow);\n border-left: 4px solid var(--oleo-primary);\n}\n\n.oleo-faq-item:last-child {\n margin-bottom: 0;\n}\n\n.oleo-faq-item h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--oleo-ocean);\n margin: 0 0 .75rem 0;\n}\n\n.oleo-faq-item p {\n font-size: 15px;\n color: var(--oleo-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.oleo-precautions {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n background: #FFF8F0;\n border-radius: var(--oleo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFE4CC;\n}\n\n.oleo-precaution-item {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.oleo-precaution-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.oleo-precaution-item p {\n font-size: 14px;\n color: var(--oleo-text);\n margin: 0;\n}\n\n\/* === PRODUCT INFO === *\/\n.oleo-product-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1rem;\n}\n\n.oleo-info-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--oleo-white);\n border-radius: var(--oleo-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--oleo-shadow);\n}\n\n.oleo-info-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.oleo-info-item strong {\n display: block;\n font-size: 14px;\n color: var(--oleo-ocean);\n margin-bottom: 2px;\n}\n\n.oleo-info-item p {\n font-size: 14px;\n color: var(--oleo-text-light);\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.oleo-cta-box {\n background: linear-gradient(135deg, var(--oleo-ocean) 0%, #2A5A7C 50%, var(--oleo-secondary) 100%);\n border-radius: var(--oleo-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.oleo-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(247,208,0,.15) 0%, transparent 50%);\n}\n\n.oleo-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.oleo-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.oleo-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.oleo-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 10px 24px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.oleo-cta-badge span {\n color: var(--oleo-primary);\n font-size: 14px;\n font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .oleo-grid {\n grid-template-columns: 1fr;\n }\n \n .oleo-hero-stats {\n gap: 1rem;\n }\n \n .oleo-stat {\n padding: .75rem 1rem;\n }\n \n .oleo-unique-arrow {\n transform: rotate(90deg);\n }\n \n .oleo-profiles-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .oleo-nutrition-header,\n .oleo-nutrition-highlight,\n .oleo-nutrition-omega {\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n \n .oleo-nutrition-table {\n padding: 1rem;\n }\n}\n\n@media (max-width: 480px) {\n .oleo-profiles-grid {\n grid-template-columns: 1fr;\n }\n \n .oleo-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .oleo-card,\n .oleo-profile,\n .oleo-ingredient-card,\n .oleo-usage-card,\n .oleo-faq-item,\n .oleo-info-item {\n animation: oleoFadeInUp .6s ease backwards;\n }\n \n .oleo-card:nth-child(1), .oleo-profile:nth-child(1) { animation-delay: .1s; }\n .oleo-card:nth-child(2), .oleo-profile:nth-child(2) { animation-delay: .15s; }\n .oleo-card:nth-child(3), .oleo-profile:nth-child(3) { animation-delay: .2s; }\n .oleo-card:nth-child(4), .oleo-profile:nth-child(4) { animation-delay: .25s; }\n .oleo-card:nth-child(5), .oleo-profile:nth-child(5) { animation-delay: .3s; }\n .oleo-card:nth-child(6), .oleo-profile:nth-child(6) { animation-delay: .35s; }\n}\n\n@keyframes oleoFadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .oleo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .oleo-card,\n .oleo-profile,\n .oleo-faq-item {\n border: 2px solid var(--oleo-text);\n }\n \n .oleo-badge {\n border: 2px solid var(--oleo-ocean);\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755216691357,"sku":"JADEOLEO250","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/oleoceane-omega-3-citron-250-ml-jade-recherche.jpg?v=1767358469"},{"product_id":"trimada-elimination-des-lipides-60-gelules-ayurvana","title":"Trimada - Élimination des Lipides - 60 Gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Trimada - Élimination des Lipides (AyurVana)\nPalette détectée:\n - Primaire: #6B2C3E (bordeaux profond du packaging - sophistiqué et ayurvédique)\n - Secondaire: #E8DCC0 (beige crème du label - naturel et apaisant)\n - Accent: #7BA428 (vert des plantes - nature et vitalité)\nAmbiance: Ayurvédique premium, naturel et authentique, sophistiqué avec une touche ethnique, expertise traditionnelle indienne\nPréfixe CSS: trim\n--\u003e\n\u003cdiv class=\"trim-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"trim-hero\"\u003e\n\u003cdiv class=\"trim-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-hero-content\"\u003e\n\u003cdiv class=\"trim-badges-top\"\u003e\n\u003cspan class=\"trim-badge\"\u003e🌿 100% Végétal \u0026amp; Vegan\u003c\/span\u003e \u003cspan class=\"trim-badge\"\u003e🇮🇳 Tradition Ayurvédique\u003c\/span\u003e \u003cspan class=\"trim-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"trim-hero-title\"\u003eTrimada - Élimination des Lipides\u003c\/span\u003e\n\u003cp class=\"trim-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLa formule ayurvédique qui révolutionne la gestion du poids\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"trim-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUn complexe synergique de 5 plantes traditionnelles indiennes et d'acide linoléique conjugué, conçu pour favoriser l'élimination des graisses et maintenir un métabolisme lipidique équilibré. 60 gélules végétales pour un programme complet de 20 jours.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e🎯 Les bienfaits de Trimada\u003c\/h2\u003e\n\u003cdiv class=\"trim-grid\"\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eÉlimination des graisses\u003c\/h3\u003e\n\u003cp\u003eFavorise la décomposition et l'élimination des lipides grâce à l'action synergique du Guggul et de l'acide linoléique conjugué\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eMétabolisme équilibré\u003c\/h3\u003e\n\u003cp\u003eRégule le métabolisme lipidique et glucidique avec le Gymnema sylvestris et le Fenugrec\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eCholestérol contrôlé\u003c\/h3\u003e\n\u003cp\u003eContribue au maintien d'une cholestérolémie normale grâce aux propriétés régulatrices du Guggul\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e🌊\u003c\/div\u003e\n\u003ch3\u003eDétoxification profonde\u003c\/h3\u003e\n\u003cp\u003eÉlimine les toxines et purifie l'organisme avec la puissante Triphala (Haritaki + Bibhitaki)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e🍽️\u003c\/div\u003e\n\u003ch3\u003eDigestion optimisée\u003c\/h3\u003e\n\u003cp\u003eSoutient le système digestif et améliore l'assimilation des nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eVitalité retrouvée\u003c\/h3\u003e\n\u003cp\u003eBooste l'énergie et le bien-être général en éliminant les surcharges toxiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e🌿 Une formule ayurvédique d'exception\u003c\/h2\u003e\n\u003cdiv class=\"trim-grid\"\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e🌳\u003c\/span\u003e\n\u003ch3\u003eGuggul\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003eCommiphora mukul\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eRésine sacrée de l'Ayurveda, le Guggul est reconnu pour ses propriétés détoxifiantes exceptionnelles et sa capacité à réguler le cholestérol naturellement\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eDétoxifiant puissant\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e🍃\u003c\/span\u003e\n\u003ch3\u003eHaritaki\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003eTerminalia chebula\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eSurnommé \"le roi des herbes\", Haritaki soutient la digestion, élimine les toxines et favorise un transit optimal pour une détoxification complète\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eRoi des herbes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eBibhitaki\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003eTerminalia bellerica\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eComposant essentiel de la Triphala, il facilite la digestion, l'élimination des graisses et renforce l'action détoxifiante globale\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eDigestion optimale\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e🍂\u003c\/span\u003e\n\u003ch3\u003eGymnema sylvestris\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003e330 mg par dose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante régulatrice du métabolisme des sucres, elle aide à contrôler les envies de sucre et soutient l'équilibre glucidique de l'organisme\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eRégulateur glycémique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n\u003ch3\u003eFenugrec\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003e330 mg par dose - Trigonella foenum-graecum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eRiche en fibres et en nutriments, le Fenugrec favorise le métabolisme lipidique et aide à maintenir un poids équilibré naturellement\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eMétabolisme lipidique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3\u003eAcide linoléique conjugué\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003eOméga-6\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eCet acide gras essentiel contribue au maintien d'une cholestérolémie normale et soutient l'action des plantes sur le métabolisme des graisses\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eCholestérol normal\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi pour des résultats optimaux\u003c\/h2\u003e\n\u003cdiv class=\"trim-timeline\"\u003e\n\u003cdiv class=\"trim-step\"\u003e\n\u003cdiv class=\"trim-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"trim-step-content\"\u003e\n\u003ch3\u003eAvant le petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003ePrenez 1 gélule avec un grand verre d'eau pour activer le métabolisme dès le matin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-step\"\u003e\n\u003cdiv class=\"trim-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"trim-step-content\"\u003e\n\u003ch3\u003eAvant le déjeuner\u003c\/h3\u003e\n\u003cp\u003ePrenez 1 gélule 15-20 minutes avant le repas pour optimiser la digestion des lipides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-step\"\u003e\n\u003cdiv class=\"trim-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"trim-step-content\"\u003e\n\u003ch3\u003eAvant le dîner\u003c\/h3\u003e\n\u003cp\u003ePrenez 1 gélule avant le repas du soir pour une action continue tout au long de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-box\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Conseil d'expert :\u003c\/strong\u003e Pour des résultats optimaux, associez Trimada à une alimentation équilibrée et une activité physique régulière. Un programme de 20 jours (1 boîte) constitue une excellente cure détox, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e📊 Quand observer les premiers résultats ?\u003c\/h2\u003e\n\u003cdiv class=\"trim-results-grid\"\u003e\n\u003cdiv class=\"trim-result-card\"\u003e\n\u003cdiv class=\"trim-result-period\"\u003eJours 1-7\u003c\/div\u003e\n\u003cdiv class=\"trim-result-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3\u003eDétoxification initiale\u003c\/h3\u003e\n\u003cp\u003eAmélioration du transit et début de l'élimination des toxines. Sensation de légèreté progressive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-result-card\"\u003e\n\u003cdiv class=\"trim-result-period\"\u003eJours 8-14\u003c\/div\u003e\n\u003cdiv class=\"trim-result-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eMétabolisme activé\u003c\/h3\u003e\n\u003cp\u003eAction visible sur la digestion des graisses. Énergie accrue et réduction des fringales sucrées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-result-card\"\u003e\n\u003cdiv class=\"trim-result-period\"\u003eJours 15-20\u003c\/div\u003e\n\u003cdiv class=\"trim-result-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eRésultats consolidés\u003c\/h3\u003e\n\u003cp\u003eÉquilibre métabolique retrouvé. Maintien d'un poids sain et amélioration du bien-être général.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e👥 Pour qui est conçu Trimada ?\u003c\/h2\u003e\n\u003cdiv class=\"trim-grid\"\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e🍔\u003c\/div\u003e\n\u003ch3\u003eSurcharge pondérale\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez éliminer les graisses accumulées et retrouver un poids équilibré naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e📈\u003c\/div\u003e\n\u003ch3\u003eCholestérol élevé\u003c\/h3\u003e\n\u003cp\u003eVous cherchez une solution naturelle pour maintenir une cholestérolémie normale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e🍰\u003c\/div\u003e\n\u003ch3\u003eEnvies sucrées\u003c\/h3\u003e\n\u003cp\u003eVous avez du mal à contrôler vos fringales de sucre et votre appétit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e🐌\u003c\/div\u003e\n\u003ch3\u003eMétabolisme lent\u003c\/h3\u003e\n\u003cp\u003eVous avez l'impression que votre organisme stocke facilement les graisses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e💆\u003c\/div\u003e\n\u003ch3\u003eDétoxification\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez purifier votre organisme et éliminer les toxines accumulées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eApproche naturelle\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une solution végétale et traditionnelle pour votre bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"trim-warning-box\"\u003e\n\u003cdiv class=\"trim-warning-content\"\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003eCe complément alimentaire ne doit pas se substituer à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e🤰\u003c\/span\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eConserver dans un endroit sec, à l'abri de la lumière et de la chaleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003eRespecter la date limite de consommation indiquée sur l'emballage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e💊\u003c\/span\u003e\n\u003cp\u003eNe pas dépasser les doses recommandées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"trim-grid\"\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eProgramme de 20 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e64,8% bio*\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eIngrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eFabrication\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eContrôles qualité stricts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eCertification\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% Vegan\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eGélules végétales (hypromellose)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e🇮🇳\u003c\/div\u003e\n\u003ch3\u003eOrigine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAgriculture INDE\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePlantes traditionnelles ayurvédiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e🏷️\u003c\/div\u003e\n\u003ch3\u003eMarque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAyurVana\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eExpertise ayurvédique authentique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE TABLEAU --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e🔬 Composition détaillée pour 3 gélules\u003c\/h2\u003e\n\u003cdiv class=\"trim-composition-table\"\u003e\n\u003cdiv class=\"trim-table-row trim-table-header\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eIngrédient\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eDosage\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eOrigine\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eAcide linoléique conjugué (Oméga-6)\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eNon spécifié\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eHuile de carthame\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eGymnema sylvestris\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e330 mg\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eFeuilles*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eFenugrec (Trigonella foenum-graecum)\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e330 mg\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eGraines*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eGuggul (Commiphora mukul)\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eNon spécifié\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eRésine*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eHaritaki (Terminalia chebula)\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eNon spécifié\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eFruits*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eBibhitaki (Terminalia bellerica)\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eNon spécifié\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eFruits*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row trim-table-footer\"\u003e\n\u003cdiv class=\"trim-table-cell\" colspan=\"3\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-composition-note\"\u003e\n\u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e Gélule végétale (hypromellose), Émulsifiant (stéarate de magnésium), Anti-agglomérant (silice colloïdale [nano])\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"trim-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"trim-cta-box\"\u003e\n\u003cdiv class=\"trim-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-cta-content\"\u003e\n\u003ch2 style=\"color: white; margin-bottom: 1rem;\"\u003e🌿 Adoptez Trimada pour un métabolisme équilibré\u003c\/h2\u003e\n\u003cp\u003eFaites confiance à la sagesse millénaire de l'Ayurveda combinée à l'expertise française pour retrouver légèreté, vitalité et bien-être. Trimada, votre allié naturel pour une silhouette harmonieuse et un organisme purifié.\u003c\/p\u003e\n\u003cdiv class=\"trim-cta-badges\"\u003e\n\u003cspan class=\"trim-cta-badge\"\u003e✅ Formule 100% naturelle\u003c\/span\u003e \u003cspan class=\"trim-cta-badge\"\u003e✅ 5 plantes ayurvédiques\u003c\/span\u003e \u003cspan class=\"trim-cta-badge\"\u003e✅ Fabriqué en France\u003c\/span\u003e \u003cspan class=\"trim-cta-badge\"\u003e✅ Vegan certifié\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n \/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --trim-cream: #FAF8F5;\n --trim-white: #ffffff;\n --trim-primary: #6B2C3E;\n --trim-primary-dark: #4A1F2B;\n --trim-primary-light: #F5E8EC;\n --trim-secondary: #E8DCC0;\n --trim-accent: #7BA428;\n\n \/* Textes *\/\n --trim-text: #1a1a1a;\n --trim-text-light: #5a5a5a;\n\n \/* Effets *\/\n --trim-border: #e0e0e0;\n --trim-shadow: 0 4px 24px rgba(107, 44, 62, 0.08);\n --trim-shadow-lg: 0 12px 48px rgba(107, 44, 62, 0.15);\n --trim-radius: 20px;\n --trim-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.trim-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--trim-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--trim-text);\n}\n\n\/* === HERO SECTION === *\/\n.trim-hero {\n position: relative;\n background: linear-gradient(135deg, var(--trim-primary) 0%, var(--trim-primary-dark) 50%, #3D1621 100%);\n border-radius: var(--trim-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--trim-shadow-lg);\n}\n\n.trim-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, white 35px, white 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, white 35px, white 70px);\n}\n\n.trim-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.trim-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.trim-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--trim-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.trim-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n.trim-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.trim-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.trim-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.trim-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.trim-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--trim-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.trim-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--trim-primary), var(--trim-accent));\n border-radius: 2px;\n}\n\n.trim-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 700;\n color: var(--trim-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.trim-premium p {\n margin: 0 0 1rem 0;\n color: var(--trim-text-light);\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.trim-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.trim-card {\n background: var(--trim-white);\n border-radius: var(--trim-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trim-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.trim-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trim-shadow-lg);\n border-color: var(--trim-primary);\n}\n\n.trim-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === CARDS INGRÉDIENTS === *\/\n.trim-ingredient-card {\n background: linear-gradient(135deg, var(--trim-white) 0%, var(--trim-secondary) 100%);\n border-radius: var(--trim-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trim-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.trim-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trim-shadow-lg);\n border-color: var(--trim-accent);\n}\n\n.trim-ingredient-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 1rem;\n text-align: center;\n}\n\n.trim-ingredient-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 0.75rem;\n}\n\n.trim-ingredient-header h3 {\n margin: 0 0 0.25rem 0;\n font-size: clamp(19px, 3.5vw, 23px);\n}\n\n.trim-dosage {\n color: var(--trim-accent);\n font-size: 14px;\n font-weight: 600;\n}\n\n.trim-ingredient-card p {\n text-align: center;\n font-size: 15px;\n line-height: 1.7;\n}\n\n.trim-ingredient-badge {\n display: inline-block;\n margin-top: 1rem;\n padding: 6px 14px;\n background: var(--trim-primary);\n color: white;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n\/* === TIMELINE === *\/\n.trim-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.trim-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.trim-step-number {\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--trim-primary), var(--trim-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: var(--trim-shadow);\n}\n\n.trim-step-content {\n flex: 1;\n background: var(--trim-white);\n padding: 1.5rem;\n border-radius: var(--trim-radius-sm);\n box-shadow: var(--trim-shadow);\n}\n\n.trim-step-content h3 {\n color: var(--trim-primary);\n margin-bottom: 0.5rem;\n}\n\n.trim-step-content p {\n margin: 0;\n}\n\n\/* === INFO BOX === *\/\n.trim-info-box {\n background: linear-gradient(135deg, var(--trim-primary-light) 0%, var(--trim-secondary) 100%);\n border-left: 4px solid var(--trim-accent);\n border-radius: var(--trim-radius-sm);\n padding: 1.5rem;\n margin-top: 2rem;\n}\n\n.trim-info-box p {\n margin: 0;\n color: var(--trim-text);\n font-size: 16px;\n}\n\n\/* === RÉSULTATS === *\/\n.trim-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.trim-result-card {\n background: var(--trim-white);\n border-radius: var(--trim-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--trim-shadow);\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.trim-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trim-shadow-lg);\n border-color: var(--trim-primary);\n}\n\n.trim-result-period {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: var(--trim-primary);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n.trim-result-icon {\n font-size: 48px;\n margin: 1rem 0;\n}\n\n\/* === PROFILS === *\/\n.trim-profile-card {\n background: linear-gradient(135deg, var(--trim-white) 0%, var(--trim-primary-light) 100%);\n border-radius: var(--trim-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trim-shadow);\n text-align: center;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.trim-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trim-shadow-lg);\n border-color: var(--trim-accent);\n}\n\n.trim-profile-icon {\n font-size: clamp(42px, 8vw, 56px);\n margin-bottom: 1rem;\n}\n\n\/* === WARNING BOX === *\/\n.trim-warning-box {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border: 2px solid #FFB300;\n border-radius: var(--trim-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--trim-shadow);\n}\n\n.trim-warning-content {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.trim-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.trim-warning-icon {\n flex-shrink: 0;\n font-size: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.trim-warning-item p {\n margin: 0;\n color: var(--trim-text);\n font-weight: 500;\n}\n\n\/* === INFO CARDS === *\/\n.trim-info-card {\n background: var(--trim-white);\n border-radius: var(--trim-radius);\n padding: 1.5rem;\n box-shadow: var(--trim-shadow);\n text-align: center;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.trim-info-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--trim-shadow-lg);\n border-color: var(--trim-primary);\n}\n\n.trim-info-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n}\n\n.trim-info-card h3 {\n font-size: 18px;\n margin-bottom: 0.5rem;\n}\n\n.trim-info-card p {\n margin: 0;\n font-size: 14px;\n}\n\n\/* === TABLE COMPOSITION === *\/\n.trim-composition-table {\n background: var(--trim-white);\n border-radius: var(--trim-radius);\n overflow: hidden;\n box-shadow: var(--trim-shadow);\n}\n\n.trim-table-row {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 1rem;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--trim-border);\n transition: background 0.2s ease;\n}\n\n.trim-table-row:hover:not(.trim-table-header):not(.trim-table-footer) {\n background: var(--trim-primary-light);\n}\n\n.trim-table-header {\n background: var(--trim-primary);\n color: white;\n font-weight: 700;\n}\n\n.trim-table-footer {\n background: var(--trim-secondary);\n border-bottom: none;\n}\n\n.trim-table-footer .trim-table-cell {\n grid-column: 1 \/ -1;\n text-align: center;\n}\n\n.trim-table-cell {\n display: flex;\n align-items: center;\n font-size: 14px;\n}\n\n.trim-composition-note {\n margin-top: 1.5rem;\n padding: 1rem 1.5rem;\n background: var(--trim-primary-light);\n border-radius: var(--trim-radius-sm);\n}\n\n.trim-composition-note p {\n margin: 0;\n font-size: 14px;\n color: var(--trim-text-light);\n}\n\n\/* === CTA FINAL === *\/\n.trim-cta-box {\n background: linear-gradient(135deg, var(--trim-primary) 0%, var(--trim-primary-dark) 100%);\n border-radius: var(--trim-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--trim-shadow-lg);\n}\n\n.trim-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: radial-gradient(circle, white 1px, transparent 1px);\n background-size: 30px 30px;\n}\n\n.trim-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.trim-cta-box h2 {\n color: white !important;\n}\n\n.trim-cta-box h2::after {\n background: white;\n}\n\n.trim-cta-box p {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n margin-bottom: 2rem;\n}\n\n.trim-cta-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n}\n\n.trim-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--trim-primary-dark);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .trim-grid,\n .trim-results-grid {\n grid-template-columns: 1fr;\n }\n\n .trim-table-row {\n grid-template-columns: 1fr;\n gap: 0.5rem;\n }\n\n .trim-table-cell {\n padding: 0.25rem 0;\n }\n\n .trim-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .trim-warning-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .trim-warning-icon {\n width: 100%;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .trim-card,\n .trim-ingredient-card,\n .trim-result-card,\n .trim-profile-card,\n .trim-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .trim-card:nth-child(1),\n .trim-ingredient-card:nth-child(1),\n .trim-result-card:nth-child(1),\n .trim-profile-card:nth-child(1),\n .trim-info-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .trim-card:nth-child(2),\n .trim-ingredient-card:nth-child(2),\n .trim-result-card:nth-child(2),\n .trim-profile-card:nth-child(2),\n .trim-info-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .trim-card:nth-child(3),\n .trim-ingredient-card:nth-child(3),\n .trim-result-card:nth-child(3),\n .trim-profile-card:nth-child(3),\n .trim-info-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .trim-card:nth-child(4),\n .trim-ingredient-card:nth-child(4),\n .trim-profile-card:nth-child(4),\n .trim-info-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .trim-card:nth-child(5),\n .trim-ingredient-card:nth-child(5),\n .trim-profile-card:nth-child(5),\n .trim-info-card:nth-child(5) {\n animation-delay: 0.5s;\n }\n\n .trim-card:nth-child(6),\n .trim-ingredient-card:nth-child(6),\n .trim-profile-card:nth-child(6),\n .trim-info-card:nth-child(6) {\n animation-delay: 0.6s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .trim-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .trim-card,\n .trim-ingredient-card,\n .trim-result-card,\n .trim-profile-card,\n .trim-info-card {\n border: 3px solid var(--trim-text);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755221967005,"sku":"AY3000","price":18.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/trimada-elimination-des-lipides-60-gelules-ayurvana-822239.jpg?v=1732722028"},{"product_id":"triphala-poudre-bio-150-g-ayurvana","title":"Triphala Poudre Bio - 150 G - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Triphala Poudre Bio - 150g - AyurVana\nPalette détectée:\n - Primaire: #7CB342 (vert lime\/naturel de l'étiquette)\n - Secondaire: #8D6E63 (brun kraft du packaging)\n - Accent: #FF9800 (orange des motifs paisley et fruits)\n - Tertiaire: #26A69A (turquoise des motifs décoratifs)\nAmbiance: Ayurvédique, naturel\/bio, indien traditionnel, chaleureux, authentique\nPréfixe CSS: tri\n--\u003e\n\n\u003cdiv class=\"tri-premium\"\u003e\n \n \u003cdiv class=\"tri-hero\"\u003e\n \u003cdiv class=\"tri-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tri-hero-content\"\u003e\n \u003cdiv class=\"tri-badges-top\"\u003e\n \u003cspan class=\"tri-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tri-hero-title\"\u003eTriphala Poudre Bio\u003c\/span\u003e\n \u003cp class=\"tri-subtitle\"\u003eLe trio sacré de l'Ayurveda\u003c\/p\u003e\n \u003cp class=\"tri-description\"\u003eL'alliance millénaire de 3 fruits précieux pour une digestion harmonieuse, une détox naturelle et un bien-être intérieur retrouvé\u003c\/p\u003e\n \u003cdiv class=\"tri-hero-stats\"\u003e\n \u003cdiv class=\"tri-stat\"\u003e\n \u003cspan class=\"tri-stat-number\"\u003e3\u003c\/span\u003e\n \u003cspan class=\"tri-stat-label\"\u003eFruits sacrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-stat\"\u003e\n \u003cspan class=\"tri-stat-number\"\u003e150g\u003c\/span\u003e\n \u003cspan class=\"tri-stat-label\"\u003eFormat économique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-stat\"\u003e\n \u003cspan class=\"tri-stat-number\"\u003e5000+\u003c\/span\u003e\n \u003cspan class=\"tri-stat-label\"\u003eAns de tradition\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e🍃 Les 3 fruits du Triphala\u003c\/h2\u003e\n \u003cp class=\"tri-intro\"\u003eLe Triphala, littéralement \"trois fruits\" en sanskrit, réunit les bienfaits complémentaires de trois baies ayurvédiques exceptionnelles\u003c\/p\u003e\n \u003cdiv class=\"tri-grid tri-fruits\"\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003cdiv class=\"tri-fruit-icon\"\u003e🫒\u003c\/div\u003e\n \u003ch3\u003eAmalaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eEmblica officinalis\u003c\/p\u003e\n \u003cp\u003eLe \"fruit de la jeunesse éternelle\". Extraordinairement riche en vitamine C naturelle, il protège les cellules du stress oxydatif et revitalise l'organisme.\u003c\/p\u003e\n \u003cdiv class=\"tri-fruit-benefit\"\u003e\n \u003cspan\u003e💎 Antioxydant majeur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003cdiv class=\"tri-fruit-icon\"\u003e🍐\u003c\/div\u003e\n \u003ch3\u003eHaritaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eTerminalia chebula\u003c\/p\u003e\n \u003cp\u003eLe \"roi des médicaments\" en Ayurveda. Il régule en douceur le transit intestinal et favorise l'élimination naturelle des toxines.\u003c\/p\u003e\n \u003cdiv class=\"tri-fruit-benefit\"\u003e\n \u003cspan\u003e🌊 Régulateur du transit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003cdiv class=\"tri-fruit-icon\"\u003e🥝\u003c\/div\u003e\n \u003ch3\u003eBibhitaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eTerminalia belerica\u003c\/p\u003e\n \u003cp\u003eLe \"destructeur des maladies\". Il purifie le sang, soutient les voies respiratoires et renforce les défenses immunitaires.\u003c\/p\u003e\n \u003cdiv class=\"tri-fruit-benefit\"\u003e\n \u003cspan\u003e🛡️ Soutien immunitaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits du Triphala\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e🌀\u003c\/div\u003e\n \u003ch3\u003eSoutien digestif complet\u003c\/h3\u003e\n \u003cp\u003eFavorise une digestion saine et harmonieuse, régule naturellement le transit intestinal et apaise les inconforts digestifs du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e🧹\u003c\/div\u003e\n \u003ch3\u003eDétoxification naturelle\u003c\/h3\u003e\n \u003cp\u003eAide à éliminer les toxines accumulées dans l'organisme (appelées \"ama\" en Ayurveda), purifie le corps en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eStimulation du métabolisme\u003c\/h3\u003e\n \u003cp\u003eActive les fonctions métaboliques, soutient l'assimilation des nutriments et favorise un poids équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eRenfort immunitaire\u003c\/h3\u003e\n \u003cp\u003eSes propriétés purifiantes et revitalisantes soutiennent les défenses naturelles du corps face aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e🌟\u003c\/div\u003e\n \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et minéraux, il combat les radicaux libres et favorise un vieillissement cellulaire sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e☯️\u003c\/div\u003e\n \u003ch3\u003eÉquilibre des doshas\u003c\/h3\u003e\n \u003cp\u003eFormule \"Tridoshic\" rare qui harmonise les trois doshas (Vata, Pitta, Kapha) pour un bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tri-usage-container\"\u003e\n \u003cdiv class=\"tri-usage-main\"\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n \u003cp\u003eMélangez \u003cstrong\u003e½ à 1 cuillère à café\u003c\/strong\u003e de Triphala Poudre Bio dans votre boisson\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch4\u003eChoix du véhicule\u003c\/h4\u003e\n \u003cp\u003eEau tiède, jus de fruits, smoothie ou directement dans vos plats\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e ou \u003cstrong\u003ele soir avant le coucher\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-tips\"\u003e\n \u003ch4\u003e💡 Astuces ayurvédiques\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003eAvec de l'eau tiède et du miel pour un effet détox optimal\u003c\/li\u003e\n \u003cli\u003eAvec du ghee pour nourrir les tissus en profondeur\u003c\/li\u003e\n \u003cli\u003eEn cure de 21 jours pour des résultats durables\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid tri-profiles\"\u003e\n \u003cdiv class=\"tri-card tri-profile-card\"\u003e\n \u003cdiv class=\"tri-profile-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eAdeptes de l'Ayurveda\u003c\/h3\u003e\n \u003cp\u003eIntégrez cette formule ancestrale à votre routine bien-être quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-profile-card\"\u003e\n \u003cdiv class=\"tri-profile-icon\"\u003e😣\u003c\/div\u003e\n \u003ch3\u003eTransit irrégulier\u003c\/h3\u003e\n \u003cp\u003eRetrouvez un confort digestif naturel et une régularité apaisante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-profile-card\"\u003e\n \u003cdiv class=\"tri-profile-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eBesoin de détox\u003c\/h3\u003e\n \u003cp\u003ePurifiez votre organisme après les excès ou en changement de saison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-profile-card\"\u003e\n \u003cdiv class=\"tri-profile-icon\"\u003e🥗\u003c\/div\u003e\n \u003ch3\u003eMode de vie sain\u003c\/h3\u003e\n \u003cp\u003eComplétez une alimentation équilibrée avec ce trésor naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e🏆 Qualité AyurVana\u003c\/h2\u003e\n \u003cdiv class=\"tri-quality-grid\"\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e🌱\u003c\/div\u003e\n \u003cspan\u003eAgriculture biologique certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e🚫\u003c\/div\u003e\n \u003cspan\u003eSans additifs ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e🇮🇳\u003c\/div\u003e\n \u003cspan\u003eOrigine Inde traditionnelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e🌿\u003c\/div\u003e\n \u003cspan\u003e100% pur et naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e✅\u003c\/div\u003e\n \u003cspan\u003eVegan friendly\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e📜\u003c\/div\u003e\n \u003cspan\u003eMéthodes traditionnelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003cdiv class=\"tri-warning-box\"\u003e\n \u003cdiv class=\"tri-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"tri-warning-content\"\u003e\n \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n \u003cp\u003eRespectez la posologie recommandée. Complément alimentaire ne pouvant se substituer à une alimentation variée et équilibrée. Si vous êtes enceinte, allaitante ou sous traitement médical, demandez l'avis de votre médecin avant utilisation. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e📦 Informations produit\u003c\/h2\u003e\n \u003cdiv class=\"tri-info-grid\"\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003e150 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003ePoudre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003eBio (AB)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003eAyurVana\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003eInde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eRéférence\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003eAY9930\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tri-cta-box\"\u003e\n \u003cdiv class=\"tri-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tri-cta-content\"\u003e\n \u003cdiv class=\"tri-cta-icon\"\u003e🕉️\u003c\/div\u003e\n \u003cp\u003eDécouvrez la sagesse millénaire de l'Ayurveda avec le Triphala, le remède naturel le plus vénéré de la tradition indienne. Offrez à votre corps l'harmonie digestive et la vitalité qu'il mérite.\u003c\/p\u003e\n \u003cdiv class=\"tri-cta-tagline\"\u003eVotre voyage vers le bien-être intérieur commence ici\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tri-cream: #FBF8F3;\n --tri-white: #ffffff;\n --tri-primary: #7CB342;\n --tri-primary-dark: #558B2F;\n --tri-primary-light: #E8F5E9;\n --tri-secondary: #8D6E63;\n --tri-secondary-light: #EFEBE9;\n --tri-accent: #FF9800;\n --tri-accent-light: #FFF3E0;\n --tri-turquoise: #26A69A;\n --tri-text: #2D2A26;\n --tri-text-light: #6D6A66;\n --tri-border: #E8E4DE;\n --tri-shadow: 0 4px 24px rgba(45,42,38,.08);\n --tri-shadow-lg: 0 12px 48px rgba(45,42,38,.15);\n --tri-radius: 20px;\n --tri-radius-sm: 12px;\n}\n\n.tri-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tri-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tri-text);\n line-height: 1.6;\n}\n\n.tri-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tri-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tri-primary) 0%, var(--tri-primary-dark) 40%, var(--tri-secondary) 100%);\n border-radius: var(--tri-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--tri-shadow-lg);\n}\n\n.tri-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(ellipse 80px 120px at 10% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(ellipse 60px 90px at 90% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(ellipse 100px 60px at 50% 10%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(ellipse 40px 60px at 80% 30%, rgba(255,152,0,.15) 0%, transparent 50%),\n radial-gradient(ellipse 50px 80px at 20% 70%, rgba(255,152,0,.12) 0%, transparent 50%);\n opacity: 1;\n}\n\n.tri-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tri-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tri-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tri-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.12);\n transition: all .3s ease;\n}\n\n.tri-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n}\n\n.tri-hero-title {\n display: block;\n color: white;\n font-size: clamp(34px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 24px rgba(0,0,0,.25);\n}\n\n.tri-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.tri-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.tri-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.tri-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--tri-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.tri-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.tri-stat-label {\n display: block;\n font-size: 12px;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .1em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.tri-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tri-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tri-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tri-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tri-primary), var(--tri-accent));\n border-radius: 2px;\n}\n\n.tri-intro {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--tri-text-light);\n max-width: 700px;\n margin: -1rem auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.tri-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tri-fruits {\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS === *\/\n.tri-card {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tri-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tri-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tri-shadow-lg);\n border-color: var(--tri-primary);\n}\n\n.tri-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--tri-text);\n margin: 0 0 0.5rem 0;\n}\n\n.tri-card p {\n color: var(--tri-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FRUIT CARDS === *\/\n.tri-fruit-card {\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tri-fruit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--tri-primary), var(--tri-accent));\n}\n\n.tri-fruit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tri-fruit-latin {\n font-style: italic;\n color: var(--tri-primary);\n font-size: 13px;\n margin: -0.25rem 0 1rem 0 !important;\n}\n\n.tri-fruit-benefit {\n margin-top: 1rem;\n padding-top: 1rem;\n border-top: 1px dashed var(--tri-border);\n}\n\n.tri-fruit-benefit span {\n display: inline-block;\n padding: 6px 14px;\n background: var(--tri-primary-light);\n color: var(--tri-primary-dark);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n\/* === BENEFIT CARDS === *\/\n.tri-benefit-card {\n text-align: center;\n}\n\n.tri-benefit-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === PROFILE CARDS === *\/\n.tri-profiles {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n.tri-profile-card {\n text-align: center;\n background: linear-gradient(135deg, var(--tri-white) 0%, var(--tri-primary-light) 100%);\n}\n\n.tri-profile-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.tri-profile-card h3 {\n font-size: 17px;\n}\n\n\/* === USAGE SECTION === *\/\n.tri-usage-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n}\n\n@media (min-width: 768px) {\n .tri-usage-container {\n grid-template-columns: 2fr 1fr;\n }\n}\n\n.tri-usage-main {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--tri-shadow);\n}\n\n.tri-usage-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n padding: 1rem 0;\n}\n\n.tri-usage-step:not(:last-child) {\n border-bottom: 1px dashed var(--tri-border);\n}\n\n.tri-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--tri-primary), var(--tri-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 800;\n box-shadow: 0 4px 12px rgba(124,179,66,.35);\n}\n\n.tri-step-content h4 {\n margin: 0 0 0.25rem 0;\n font-size: 17px;\n font-weight: 700;\n color: var(--tri-text);\n}\n\n.tri-step-content p {\n margin: 0;\n color: var(--tri-text-light);\n font-size: 15px;\n}\n\n.tri-usage-tips {\n background: linear-gradient(135deg, var(--tri-accent-light) 0%, var(--tri-secondary-light) 100%);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--tri-accent);\n}\n\n.tri-usage-tips h4 {\n margin: 0 0 1rem 0;\n font-size: 17px;\n font-weight: 700;\n color: var(--tri-secondary);\n}\n\n.tri-usage-tips ul {\n margin: 0;\n padding: 0 0 0 1.25rem;\n list-style: none;\n}\n\n.tri-usage-tips li {\n position: relative;\n padding: 0.5rem 0;\n font-size: 14px;\n color: var(--tri-text-light);\n}\n\n.tri-usage-tips li::before {\n content: '✦';\n position: absolute;\n left: -1.25rem;\n color: var(--tri-accent);\n}\n\n\/* === QUALITY GRID === *\/\n.tri-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.tri-quality-item {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--tri-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tri-radius-sm);\n box-shadow: var(--tri-shadow);\n transition: all .3s ease;\n}\n\n.tri-quality-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--tri-shadow-lg);\n}\n\n.tri-quality-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tri-quality-item span {\n font-size: 14px;\n font-weight: 600;\n color: var(--tri-text);\n}\n\n\/* === WARNING BOX === *\/\n.tri-warning-box {\n display: flex;\n gap: 1.25rem;\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--tri-accent);\n}\n\n.tri-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.tri-warning-content h4 {\n margin: 0 0 0.5rem 0;\n font-size: 17px;\n font-weight: 700;\n color: #E65100;\n}\n\n.tri-warning-content p {\n margin: 0;\n font-size: 14px;\n color: #795548;\n line-height: 1.7;\n}\n\n\/* === INFO GRID === *\/\n.tri-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tri-shadow);\n}\n\n.tri-info-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 1rem;\n background: var(--tri-cream);\n border-radius: var(--tri-radius-sm);\n text-align: center;\n}\n\n.tri-info-label {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: .08em;\n color: var(--tri-text-light);\n}\n\n.tri-info-value {\n font-size: 16px;\n font-weight: 700;\n color: var(--tri-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.tri-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--tri-primary) 0%, var(--tri-primary-dark) 50%, var(--tri-secondary) 100%);\n border-radius: var(--tri-radius);\n padding: clamp(2.5rem, 6vw, 4rem);\n text-align: center;\n overflow: hidden;\n}\n\n.tri-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,152,0,.1) 0%, transparent 50%);\n}\n\n.tri-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tri-cta-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tri-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.tri-cta-tagline {\n display: inline-block;\n padding: 12px 28px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: .02em;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tri-card,\n .tri-quality-item {\n animation: triFadeInUp .6s ease backwards;\n }\n \n .tri-card:nth-child(1), .tri-quality-item:nth-child(1) { animation-delay: .1s; }\n .tri-card:nth-child(2), .tri-quality-item:nth-child(2) { animation-delay: .15s; }\n .tri-card:nth-child(3), .tri-quality-item:nth-child(3) { animation-delay: .2s; }\n .tri-card:nth-child(4), .tri-quality-item:nth-child(4) { animation-delay: .25s; }\n .tri-card:nth-child(5), .tri-quality-item:nth-child(5) { animation-delay: .3s; }\n .tri-card:nth-child(6), .tri-quality-item:nth-child(6) { animation-delay: .35s; }\n}\n\n@keyframes triFadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tri-grid {\n grid-template-columns: 1fr;\n }\n \n .tri-hero-stats {\n gap: 1rem;\n }\n \n .tri-stat {\n padding: 0.75rem 1rem;\n }\n \n .tri-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .tri-quality-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .tri-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tri-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tri-card {\n border: 2px solid var(--tri-text);\n }\n \n .tri-badge {\n border: 2px solid var(--tri-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755223834781,"sku":"AY9930","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/triphala-poudre-bio-150-g-ayurvana-372758.jpg?v=1732722033"},{"product_id":"myrti-jade-poudre-de-myrtille-concentree-200-g-jade-recherche","title":"Myrti jade - Poudre de Myrtille Concentrée - 200g - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Myrti-jade - Poudre de Myrtille Concentrée\nPalette détectée:\n - Primaire: #2D5A27 (vert forêt des feuilles de myrtille)\n - Secondaire: #6B3FA0 (violet\/pourpre de la bande et des baies)\n - Accent: #1E3A5F (bleu nuit des myrtilles)\nAmbiance: Naturel, végétal, santé\/bien-être, fraîcheur forestière\nPréfixe CSS: mj\n--\u003e\n\n\u003cdiv class=\"mj-premium\"\u003e\n \n \u003cdiv class=\"mj-hero\"\u003e\n \u003cdiv class=\"mj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mj-hero-content\"\u003e\n \u003cdiv class=\"mj-badges-top\"\u003e\n \u003cspan class=\"mj-badge\"\u003e🫐 100% myrtille pure\u003c\/span\u003e\n \u003cspan class=\"mj-badge\"\u003e🌿 Sans additifs\u003c\/span\u003e\n \u003cspan class=\"mj-badge\"\u003e👁️ Santé oculaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mj-hero-title\"\u003eMyrti-jade\u003c\/span\u003e\n \u003cp class=\"mj-subtitle\"\u003ePoudre de myrtille concentrée\u003c\/p\u003e\n \u003cp class=\"mj-description\"\u003eToute la puissance antioxydante de la myrtille sauvage dans une poudre 100% naturelle, sans sucre ajouté ni conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003e💎 Les bienfaits de la myrtille\u003c\/h2\u003e\n \u003cdiv class=\"mj-grid\"\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🛡️ Puissant antioxydant\u003c\/h3\u003e\n \u003cp\u003eSource exceptionnelle d'anthocyanines qui protègent vos cellules contre le stress oxydatif et soutiennent votre santé globale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e👁️ Vision \u0026amp; confort oculaire\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir une bonne vision et réduit la fatigue oculaire, idéal pour les personnes exposées aux écrans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e⚡ Vitalité \u0026amp; immunité\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et nutriments essentiels pour renforcer votre système immunitaire et booster votre énergie naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n \u003cp\u003ePoudre pure sans sucre ajouté, sans arômes artificiels ni conservateurs. Un superaliment dans sa forme la plus authentique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🧪 Ultra-concentré\u003c\/h3\u003e\n \u003cp\u003eChaque cuillère équivaut à une grande quantité de myrtilles fraîches grâce au procédé de concentration naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🌱 Séchage doux\u003c\/h3\u003e\n \u003cp\u003eProcédé de fabrication préservant l'intégrité des nutriments, vitamines et antioxydants de la myrtille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mj-grid\"\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e💻 Travailleurs sur écran\u003c\/h3\u003e\n \u003cp\u003eSoulagez la fatigue oculaire liée à l'exposition prolongée aux écrans d'ordinateur, tablette ou smartphone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🏃 Sportifs \u0026amp; actifs\u003c\/h3\u003e\n \u003cp\u003eBoostez votre récupération grâce aux antioxydants qui combattent les radicaux libres générés par l'effort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e👴 Seniors soucieux de leur vue\u003c\/h3\u003e\n \u003cp\u003eMaintenez votre capital visuel et protégez vos yeux naturellement au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🥗 Adeptes du bien-manger\u003c\/h3\u003e\n \u003cp\u003eEnrichissez facilement votre alimentation d'un superaliment aux multiples vertus santé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mj-usage-box\"\u003e\n \u003cdiv class=\"mj-usage-grid\"\u003e\n \u003cdiv class=\"mj-usage-step\"\u003e\n \u003cdiv class=\"mj-step-number\"\u003e1\u003c\/div\u003e\n \u003ch4\u003eDosez\u003c\/h4\u003e\n \u003cp\u003e1 cuillère de poudre Myrti-jade\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-usage-step\"\u003e\n \u003cdiv class=\"mj-step-number\"\u003e2\u003c\/div\u003e\n \u003ch4\u003eMélangez\u003c\/h4\u003e\n \u003cp\u003eDans un smoothie, yaourt, jus ou eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-usage-step\"\u003e\n \u003cdiv class=\"mj-step-number\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eSavourez\u003c\/h4\u003e\n \u003cp\u003eProfitez des bienfaits au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-ideas\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Idées recettes :\u003c\/strong\u003e smoothie bowl, yaourt grec, porridge, pâtisseries, boisson santé...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003e📦 Informations produit\u003c\/h2\u003e\n \u003cdiv class=\"mj-grid-compact\"\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e200 g de poudre concentrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMyrtilles sélectionnées avec soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003eNormes environnementales strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eJade Recherche - France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mj-accordion\"\u003e\n \u003cdetails class=\"mj-accordion-item\"\u003e\n \u003csummary class=\"mj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mj-accordion-content\"\u003e\n \u003cp\u003eConservez Myrti-jade à l'abri de la lumière et de l'humidité, dans un endroit frais et sec. Refermez bien le pot après chaque utilisation pour préserver la qualité de la poudre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mj-accordion-item\"\u003e\n \u003csummary class=\"mj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mj-accordion-content\"\u003e\n \u003cp\u003eComplément alimentaire à utiliser dans le cadre d'une alimentation variée et équilibrée. Ne pas dépasser la dose recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mj-accordion-item\"\u003e\n \u003csummary class=\"mj-accordion-header\"\u003e🔬 Procédé de fabrication\u003c\/summary\u003e\n \u003cdiv class=\"mj-accordion-content\"\u003e\n \u003cp\u003eLes myrtilles sont soigneusement sélectionnées puis transformées par un procédé de séchage doux à basse température. Cette méthode préserve l'intégrité des nutriments, des vitamines et des précieux antioxydants contenus dans le fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mj-cta-box\"\u003e\n \u003cp\u003e🫐 Offrez à votre corps toute la puissance antioxydante de la myrtille sauvage. Un geste simple pour votre vision, votre vitalité et votre bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mj-cream: #f8f9f5;\n --mj-white: #ffffff;\n --mj-primary: #2D5A27;\n --mj-primary-dark: #1e3d1a;\n --mj-primary-light: #e8f0e6;\n --mj-secondary: #6B3FA0;\n --mj-accent: #1E3A5F;\n --mj-text: #1a1a1a;\n --mj-text-light: #5a5a5a;\n --mj-border: #e0e0e0;\n --mj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mj-radius: 20px;\n --mj-radius-sm: 12px;\n}\n\n.mj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mj-hero {\n position: relative;\n background: linear-gradient(135deg, #2D5A27 0%, #1e3d1a 40%, #6B3FA0 100%);\n border-radius: var(--mj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mj-shadow-lg);\n}\n\n.mj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(107,63,160,.3) 0%, transparent 40%),\n radial-gradient(circle at 40% 40%, rgba(30,58,95,.2) 0%, transparent 30%);\n opacity: .8;\n}\n\n.mj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.mj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mj-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.mj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.mj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mj-primary), var(--mj-secondary));\n border-radius: 2px;\n}\n\n.mj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mj-card {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mj-shadow-lg);\n border-color: var(--mj-primary);\n}\n\n.mj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mj-grid-compact .mj-card {\n padding: 1rem;\n}\n\n.mj-grid-compact .mj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mj-grid-compact .mj-card p {\n font-size: 12px;\n}\n\n.mj-usage-box {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mj-shadow);\n}\n\n.mj-usage-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mj-usage-step {\n text-align: center;\n}\n\n.mj-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--mj-primary), var(--mj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 800;\n margin: 0 auto 1rem;\n box-shadow: 0 4px 16px rgba(45,90,39,.3);\n}\n\n.mj-usage-step h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mj-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mj-usage-step p {\n font-size: 14px;\n color: var(--mj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mj-ideas {\n background: var(--mj-primary-light);\n border-radius: var(--mj-radius-sm);\n padding: 1rem 1.25rem;\n text-align: center;\n}\n\n.mj-ideas p {\n margin: 0;\n font-size: 14px;\n color: var(--mj-primary-dark);\n line-height: 1.6;\n}\n\n.mj-accordion {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n box-shadow: var(--mj-shadow);\n overflow: hidden;\n}\n\n.mj-accordion-item {\n border-bottom: 1px solid var(--mj-border);\n margin: 0;\n padding: 0;\n}\n\n.mj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mj-accordion-header:hover {\n background: var(--mj-primary-light);\n}\n\n.mj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mj-primary);\n transition: transform .2s ease;\n}\n\n.mj-accordion-item[open] .mj-accordion-header::after {\n content: '−';\n}\n\n.mj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mj-accordion-content p {\n margin: 0;\n}\n\n.mj-cta-box {\n background: linear-gradient(135deg, var(--mj-primary) 0%, var(--mj-secondary) 100%);\n border-radius: var(--mj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mj-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.mj-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n .mj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mj-grid-compact {\n gap: .625rem;\n }\n \n .mj-grid-compact .mj-card {\n padding: .75rem;\n }\n \n .mj-card {\n padding: 1.125rem;\n }\n \n .mj-section {\n margin-bottom: 1.75rem;\n }\n \n .mj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mj-radius-sm);\n }\n \n .mj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mj-usage-grid {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .mj-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n margin-bottom: .75rem;\n }\n \n .mj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mj-badges-top {\n gap: .375rem;\n }\n \n .mj-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mj-card:nth-child(1) { animation-delay: .05s; }\n .mj-card:nth-child(2) { animation-delay: .1s; }\n .mj-card:nth-child(3) { animation-delay: .15s; }\n .mj-card:nth-child(4) { animation-delay: .2s; }\n .mj-card:nth-child(5) { animation-delay: .25s; }\n .mj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755225014429,"sku":"JADEMYRTI","price":27.18,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/myrti-jade-poudre-de-myrtille-concentree-200g-jade-recherche-ingredients.webp?v=1773303124"},{"product_id":"bouillotte-micro-onde-tour-de-cou-8-coloris-au-choix-eco-conseils","title":"Bouillotte Micro-onde Tour de Cou - 8 Coloris au Choix - Eco-conseils","description":"\u003cdiv class=\"bo-premium\"\u003e\n\u003c!-- HERO AVEC PATTERN --\u003e\n\u003cdiv class=\"bo-hero\"\u003e\n\u003cdiv class=\"bo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bo-hero-content\"\u003e\n\u003cdiv class=\"bo-badges-top\"\u003e\n\u003cspan class=\"bo-badge\"\u003e🌾 Coton \u0026amp; blé bio\u003c\/span\u003e \u003cspan class=\"bo-badge\"\u003e🇪🇺 Fabriqué en Europe\u003c\/span\u003e \u003cspan class=\"bo-badge\"\u003e♻️ Écoresponsable\u003c\/span\u003e \u003cspan class=\"bo-badge\"\u003e🎨 8 coloris au choix\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"bo-description\"\u003eDécouvrez notre \u003cstrong\u003eBouillotte Micro-Onde Tour De Cou\u003c\/strong\u003e, l'alliée parfaite pour vous offrir des moments de détente et apaiser vos douleurs cervicales. Ce produit essentiel allie l'efficacité et le confort, répondant parfaitement à vos besoins, qu'il soit utilisé pour se relaxer après une longue journée ou pour soulager les tensions musculaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIENFAITS PRINCIPAUX --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eLes bienfaits de la bouillotte tour de cou\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-benefits-grid\"\u003e\n\u003carticle class=\"bo-benefit-card\"\u003e\n\u003cdiv class=\"bo-benefit-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eChaleur apaisante\u003c\/h3\u003e\n\u003cp\u003eSoulage les \u003cstrong\u003etensions cervicales\u003c\/strong\u003e et les douleurs musculaires grâce à une chaleur douce et uniforme.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bo-benefit-card\"\u003e\n\u003cdiv class=\"bo-benefit-icon\"\u003e❄️\u003c\/div\u003e\n\u003ch3\u003eFroid thérapeutique\u003c\/h3\u003e\n\u003cp\u003eRéduit les \u003cstrong\u003einflammations\u003c\/strong\u003e et les gonflements en thérapie par le froid.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bo-benefit-card\"\u003e\n\u003cdiv class=\"bo-benefit-icon\"\u003e😌\u003c\/div\u003e\n\u003ch3\u003eDétente \u0026amp; relaxation\u003c\/h3\u003e\n\u003cp\u003eFavorise la \u003cstrong\u003erelaxation profonde\u003c\/strong\u003e et aide à décontracter naturellement les muscles.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- UTILISATION --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eMode d'emploi\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-usage-tabs\"\u003e\n\u003cdiv class=\"bo-usage-tab bo-usage-hot\"\u003e\n\u003cdiv class=\"bo-usage-tab-header\"\u003e\n\u003cdiv class=\"bo-usage-tab-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eUtilisation à chaud\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-usage-tab-body\"\u003e\n\u003cdiv class=\"bo-usage-method\"\u003e\n\u003cdiv class=\"bo-method-icon\"\u003e📱\u003c\/div\u003e\n\u003cdiv class=\"bo-method-content\"\u003e\n\u003ch4\u003eMicro-ondes\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e2 minutes maximum\u003c\/strong\u003e (puissance 800W)\u003c\/p\u003e\n\u003cp class=\"bo-method-tip\"\u003e💡 Chauffez progressivement pour éviter une chaleur excessive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-usage-method\"\u003e\n\u003cdiv class=\"bo-method-icon\"\u003e🔲\u003c\/div\u003e\n\u003cdiv class=\"bo-method-content\"\u003e\n\u003ch4\u003eFour traditionnel\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e10 minutes\u003c\/strong\u003e (thermostat 5)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"bo-usage-note\"\u003e✅ Peut être chauffée à maintes reprises (attendre son refroidissement complet avant une nouvelle utilisation)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-usage-tab bo-usage-cold\"\u003e\n\u003cdiv class=\"bo-usage-tab-header\"\u003e\n\u003cdiv class=\"bo-usage-tab-icon\"\u003e❄️\u003c\/div\u003e\n\u003ch3\u003eUtilisation à froid\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-usage-tab-body\"\u003e\n\u003cp\u003ePlacez la bouillotte au \u003cstrong\u003econgélateur pendant au moins 1 heure\u003c\/strong\u003e avant utilisation pour soulager inflammations et gonflements.\u003c\/p\u003e\n\u003cp class=\"bo-usage-note\"\u003e🎯 Idéal pour : chevilles enflées, entorses, coups, inflammations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ZONES D'APPLICATION --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eZones d'application\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-zones-grid\"\u003e\n\u003cdiv class=\"bo-zone-card\"\u003e\n\u003cdiv class=\"bo-zone-icon\"\u003e🦴\u003c\/div\u003e\n\u003ch4\u003eNuque \u0026amp; cervicales\u003c\/h4\u003e\n\u003cp\u003eS'adapte parfaitement à votre nuque pour un soulagement ciblé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-zone-card\"\u003e\n\u003cdiv class=\"bo-zone-icon\"\u003e🦵\u003c\/div\u003e\n\u003ch4\u003eChevilles\u003c\/h4\u003e\n\u003cp\u003eParfait pour soulager les chevilles enflées ou douloureuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-zone-card\"\u003e\n\u003cdiv class=\"bo-zone-icon\"\u003e💆\u003c\/div\u003e\n\u003ch4\u003eBas du dos\u003c\/h4\u003e\n\u003cp\u003eApaise les tensions lombaires et dorsales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-zone-card\"\u003e\n\u003cdiv class=\"bo-zone-icon\"\u003e🤰\u003c\/div\u003e\n\u003ch4\u003eVentre\u003c\/h4\u003e\n\u003cp\u003eSoulage les douleurs abdominales et menstruelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eComposition \u0026amp; qualité\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-composition-box\"\u003e\n\u003cdiv class=\"bo-composition-main\"\u003e\n\u003carticle class=\"bo-ingredient-card\"\u003e\n\u003cdiv class=\"bo-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"bo-ingredient-content\"\u003e\n\u003ch3\u003eHousse en coton biologique\u003c\/h3\u003e\n\u003cp\u003eDouce et agréable au toucher, \u003cstrong\u003ehypoallergénique\u003c\/strong\u003e et parfaite pour les peaux sensibles. Le velours apporte un confort supplémentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bo-ingredient-card\"\u003e\n\u003cdiv class=\"bo-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n\u003cdiv class=\"bo-ingredient-content\"\u003e\n\u003ch3\u003eGarnissage en blé biologique\u003c\/h3\u003e\n\u003cp\u003eGraines de blé connues pour leur capacité à \u003cstrong\u003eretenir la chaleur\u003c\/strong\u003e, elles assurent une diffusion uniforme et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-design-info\"\u003e\n\u003cdiv class=\"bo-design-icon\"\u003e📐\u003c\/div\u003e\n\u003cdiv class=\"bo-design-content\"\u003e\n\u003ch4\u003eDesign ergonomique\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eForme rectangulaire\u003c\/strong\u003e avec \u003cstrong\u003e4 compartiments\u003c\/strong\u003e pour une meilleure répartition de la chaleur sur la nuque et les cervicales.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDimensions :\u003c\/strong\u003e 45 x 15 cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI CHOISIR --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003ePourquoi choisir cette bouillotte ?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-why-grid\"\u003e\n\u003carticle class=\"bo-why-item\"\u003e\n\u003cdiv class=\"bo-why-icon\"\u003e🔄\u003c\/div\u003e\n\u003cdiv class=\"bo-why-content\"\u003e\n\u003ch3\u003ePolyvalence\u003c\/h3\u003e\n\u003cp\u003eUtilisable \u003cstrong\u003eà chaud comme à froid\u003c\/strong\u003e, elle s'adapte à tous vos besoins spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bo-why-item\"\u003e\n\u003cdiv class=\"bo-why-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"bo-why-content\"\u003e\n\u003ch3\u003eDurabilité\u003c\/h3\u003e\n\u003cp\u003eFabriquée avec des \u003cstrong\u003ematériaux naturels et écoresponsables\u003c\/strong\u003e, robuste et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bo-why-item\"\u003e\n\u003cdiv class=\"bo-why-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"bo-why-content\"\u003e\n\u003ch3\u003eSimplicité\u003c\/h3\u003e\n\u003cp\u003eFacile à utiliser, nécessite \u003cstrong\u003epeu d'entretien\u003c\/strong\u003e et toujours prête à l'emploi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n \u003carticle class=\"bo-why-item\"\u003e\n\u003cdiv class=\"bo-why-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"bo-why-content\"\u003e\n\u003ch3\u003e8 coloris au choix\u003c\/h3\u003e\n\u003cp\u003eTrouvez la teinte qui vous plaît le plus pour un accessoire \u003cstrong\u003eutile et esthétique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n \n\u003c!-- ========== ENCADRÉ COLORIS AVEC VIGNETTES ========== --\u003e\n\u003cdiv class=\"bo-colors-box\" style=\"font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:#ffffff; border:2px solid #d4a574; border-radius:16px; padding:32px; margin-bottom:32px; box-shadow:0 4px 24px rgba(212,165,116,.12);\"\u003e\n \n \u003ch3 style=\"margin:0 0 24px 0; font-size:20px; line-height:1.25; font-weight:800; color:#b8956a; text-align:center;\"\u003e\n 🎨 Choisissez votre coloris préféré\n \u003c\/h3\u003e\n \n \u003cp style=\"margin:0 0 24px 0; font-size:15px; line-height:1.6; color:#5a5a5a; text-align:center;\"\u003e\n Nos bouillottes sont disponibles en \u003cstrong style=\"color:#b8956a;\"\u003e8 coloris attrayants\u003c\/strong\u003e pour s'adapter à tous les goûts et styles. Chaque bouillotte est confectionnée avec la même qualité et le même soin, quelle que soit la couleur choisie.\n \u003c\/p\u003e\n \n \u003c!-- Grille de vignettes coloris --\u003e\n \u003cdiv class=\"bo-colors-grid\" style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:16px; margin-bottom:20px;\"\u003e\n \n \u003c!-- Bordeaux --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#7a1f3d; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(122,31,61,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eBordeaux\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Fuchsia --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#c7417b; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(199,65,123,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eFuchsia\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Grise --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#6b7280; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(107,114,128,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eGrise\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Marine --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#1e3a5f; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(30,58,95,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eMarine\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Turquoise --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#40b5ad; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(64,181,173,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eTurquoise\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Peach Orangée --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#f4a460; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(244,164,96,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003ePeach Orangée\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Vert Mousse --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#8b9d77; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(139,157,119,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eVert Mousse\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Raisin --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#6b4c7a; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(107,76,122,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eRaisin\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv style=\"background:linear-gradient(135deg,rgba(212,165,116,.08) 0%,rgba(201,118,90,.08) 100%); padding:16px 20px; border-radius:10px; border-left:3px solid #d4a574;\"\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.6; color:#5a5a5a;\"\u003e\n \u003cstrong style=\"color:#b8956a;\"\u003e✨ Matière velours\u003c\/strong\u003e • Dimensions : \u003cstrong style=\"color:#b8956a;\"\u003e45 x 15 cm\u003c\/strong\u003e • Forme ergonomique avec 4 compartiments pour une répartition optimale de la chaleur\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- Responsive --\u003e\n\u003cstyle\u003e\n@media (max-width: 720px){\n .bo-grid{grid-template-columns:1fr!important; gap:16px 0!important;}\n .bo-colors-grid{grid-template-columns:repeat(2,1fr)!important; gap:12px!important;}\n}\n@media (min-width: 480px) and (max-width: 720px){\n .bo-colors-grid{grid-template-columns:repeat(4,1fr)!important;}\n}\n\/* Effet hover sur vignettes *\/\n.bo-color-item:hover div{\n transform:scale(1.08) translateY(-4px);\n box-shadow:0 8px 24px rgba(0,0,0,.2)!important;\n}\n\u003c\/style\u003e\n\n\u003c!-- FABRICATION --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003cdiv class=\"bo-origin-box\"\u003e\n\u003cdiv class=\"bo-origin-icon\"\u003e🇪🇺\u003c\/div\u003e\n\u003cdiv class=\"bo-origin-content\"\u003e\n\u003ch3\u003eOrigine et fabrication éthique\u003c\/h3\u003e\n\u003cp\u003eNos bouillottes sont \u003cstrong\u003econçues et fabriquées de manière éthique en Europe\u003c\/strong\u003e. Chaque étape du processus de production est rigoureusement contrôlée pour garantir la qualité et la durabilité de nos produits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENTRETIEN --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eConseils d'entretien \u0026amp; sécurité\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-care-box\"\u003e\n\u003cdiv class=\"bo-care-section\"\u003e\n\u003ch4\u003e🧼 Entretien\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eLaver la bouillotte avec une éponge humide\u003c\/li\u003e\n\u003cli\u003eNe pas mettre au lave-linge\u003c\/li\u003e\n\u003cli\u003eMatière en velours douce et résistante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-care-section\"\u003e\n\u003ch4\u003e⚠️ Sécurité\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eAssurez-vous que la bouillotte ne soit pas trop chaude avant utilisation\u003c\/li\u003e\n\u003cli\u003eÀ employer seulement en présence d'un adulte\u003c\/li\u003e\n\u003cli\u003eAttendre le refroidissement complet avant de réchauffer à nouveau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003cdiv class=\"bo-cta-box\"\u003e\n\u003cdiv class=\"bo-cta-icon\"\u003e💚\u003c\/div\u003e\n\u003cp\u003eOptez pour notre \u003cstrong\u003eBouillotte Micro-Onde Tour De Cou\u003c\/strong\u003e et offrez-vous un \u003cstrong\u003econfort inégalé\u003c\/strong\u003e tout en prenant soin de l'environnement. Améliorez votre quotidien avec ce produit indispensable et profitez de moments de détente privilégiés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ========== STYLE PREMIUM BOUILLOTTE ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES BOUILLOTTE === *\/\n:root {\n --bo-cream: #faf8f5;\n --bo-white: #ffffff;\n --bo-warm: #d4a574;\n --bo-warm-dark: #b8956a;\n --bo-terracotta: #c9765a;\n --bo-sand: #e6d5c3;\n --bo-clay: #a87c5f;\n --bo-amber: #d9a366;\n --bo-text: #2a2a2a;\n --bo-text-light: #5a5a5a;\n --bo-border: #e8e4dd;\n --bo-shadow: 0 4px 24px rgba(212, 165, 116, .12);\n --bo-shadow-lg: 0 12px 48px rgba(212, 165, 116, .2);\n --bo-radius: 20px;\n --bo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bo-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a574 0%, #c9765a 50%, #d9a366 100%);\n border-radius: var(--bo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--bo-shadow-lg);\n}\n\n.bo-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.bo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bo-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bo-warm-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.bo-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n margin: 0;\n max-width: 850px;\n margin-left: auto;\n margin-right: auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.bo-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.bo-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.bo-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--bo-warm-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bo-warm), var(--bo-amber));\n border-radius: 2px;\n}\n\n\/* === BENEFITS GRID === *\/\n.bo-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.bo-benefit-card {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--bo-shadow);\n transition: all .3s ease;\n border-top: 4px solid var(--bo-warm);\n}\n\n.bo-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--bo-shadow-lg);\n border-top-color: var(--bo-terracotta);\n}\n\n.bo-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(212, 165, 116, .2));\n}\n\n.bo-benefit-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--bo-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-benefit-card p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bo-text-light);\n margin: 0;\n}\n\n.bo-benefit-card strong {\n color: var(--bo-warm-dark);\n font-weight: 700;\n}\n\n\/* === USAGE TABS === *\/\n.bo-usage-tabs {\n display: grid;\n gap: 1.5rem;\n}\n\n@media (min-width: 768px) {\n .bo-usage-tabs {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.bo-usage-tab {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n overflow: hidden;\n box-shadow: var(--bo-shadow);\n transition: all .3s ease;\n}\n\n.bo-usage-tab:hover {\n transform: translateY(-5px);\n box-shadow: var(--bo-shadow-lg);\n}\n\n.bo-usage-tab-header {\n background: linear-gradient(135deg, var(--bo-warm) 0%, var(--bo-terracotta) 100%);\n padding: 1.75rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.bo-usage-cold .bo-usage-tab-header {\n background: linear-gradient(135deg, #64a4b8 0%, #4a8a9e 100%);\n}\n\n.bo-usage-tab-icon {\n font-size: 40px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));\n}\n\n.bo-usage-tab-header h3 {\n font-size: 20px;\n font-weight: 800;\n color: white;\n margin: 0;\n letter-spacing: -.02em;\n}\n\n.bo-usage-tab-body {\n padding: 1.75rem;\n}\n\n.bo-usage-method {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid var(--bo-border);\n}\n\n.bo-usage-method:last-of-type {\n border-bottom: none;\n}\n\n.bo-method-icon {\n font-size: 32px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 165, 116, .2));\n}\n\n.bo-method-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bo-warm-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-method-content p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--bo-text-light);\n margin: 0 0 0.5rem 0;\n}\n\n.bo-method-content p:last-child {\n margin-bottom: 0;\n}\n\n.bo-method-tip {\n font-size: 14px !important;\n color: var(--bo-warm-dark) !important;\n font-style: italic;\n}\n\n.bo-usage-note {\n background: linear-gradient(135deg, rgba(212, 165, 116, .08) 0%, rgba(201, 118, 90, .08) 100%);\n padding: 1rem 1.25rem;\n border-radius: var(--bo-radius-sm);\n font-size: 14px;\n line-height: 1.6;\n color: var(--bo-text);\n margin: 0;\n border-left: 3px solid var(--bo-warm);\n}\n\n\/* === ZONES GRID === *\/\n.bo-zones-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.bo-zone-card {\n background: linear-gradient(135deg, rgba(212, 165, 116, .05) 0%, rgba(217, 163, 102, .05) 100%);\n border: 2px solid var(--bo-border);\n border-radius: var(--bo-radius-sm);\n padding: 1.5rem;\n text-align: center;\n transition: all .3s ease;\n}\n\n.bo-zone-card:hover {\n border-color: var(--bo-warm);\n transform: translateY(-4px);\n box-shadow: var(--bo-shadow);\n}\n\n.bo-zone-icon {\n font-size: 36px;\n margin-bottom: 0.75rem;\n filter: drop-shadow(0 2px 8px rgba(212, 165, 116, .2));\n}\n\n.bo-zone-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bo-text);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-zone-card p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--bo-text-light);\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.bo-composition-box {\n display: grid;\n gap: 1.5rem;\n}\n\n.bo-composition-main {\n display: grid;\n gap: 1.5rem;\n}\n\n@media (min-width: 768px) {\n .bo-composition-main {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.bo-ingredient-card {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: 1.75rem;\n box-shadow: var(--bo-shadow);\n display: flex;\n gap: 1.25rem;\n transition: all .3s ease;\n border-left: 4px solid var(--bo-warm);\n}\n\n.bo-ingredient-card:hover {\n transform: translateX(8px);\n box-shadow: var(--bo-shadow-lg);\n}\n\n.bo-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 165, 116, .2));\n}\n\n.bo-ingredient-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--bo-warm-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-ingredient-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bo-text-light);\n margin: 0;\n}\n\n.bo-ingredient-content strong {\n color: var(--bo-warm-dark);\n font-weight: 700;\n}\n\n.bo-design-info {\n background: linear-gradient(135deg, var(--bo-warm) 0%, var(--bo-amber) 100%);\n border-radius: var(--bo-radius);\n padding: 2rem 2.5rem;\n display: flex;\n gap: 1.5rem;\n align-items: center;\n box-shadow: var(--bo-shadow);\n}\n\n.bo-design-icon {\n font-size: 52px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));\n}\n\n.bo-design-content h4 {\n font-size: 18px;\n font-weight: 800;\n color: white;\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-design-content p {\n font-size: 15px;\n color: rgba(255,255,255,.95);\n margin: 0 0 0.5rem 0;\n line-height: 1.6;\n}\n\n.bo-design-content p:last-child {\n margin-bottom: 0;\n}\n\n.bo-design-content strong {\n color: white;\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .bo-design-info {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === WHY GRID === *\/\n.bo-why-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.bo-why-item {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: 1.75rem;\n box-shadow: var(--bo-shadow);\n display: flex;\n gap: 1.5rem;\n transition: all .3s ease;\n border-left: 4px solid var(--bo-warm);\n}\n\n.bo-why-item:hover {\n transform: translateX(8px);\n box-shadow: var(--bo-shadow-lg);\n border-left-color: var(--bo-terracotta);\n}\n\n.bo-why-icon {\n font-size: 42px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 165, 116, .2));\n}\n\n.bo-why-content h3 {\n font-size: 19px;\n font-weight: 800;\n color: var(--bo-warm-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-why-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bo-text-light);\n margin: 0;\n}\n\n.bo-why-content strong {\n color: var(--bo-warm-dark);\n font-weight: 700;\n}\n\n\/* === ORIGIN BOX === *\/\n.bo-origin-box {\n background: linear-gradient(135deg, rgba(212, 165, 116, .1) 0%, rgba(217, 163, 102, .1) 100%);\n border: 2px solid var(--bo-warm);\n border-radius: var(--bo-radius);\n padding: 2rem 2.5rem;\n display: flex;\n gap: 2rem;\n align-items: center;\n}\n\n.bo-origin-icon {\n font-size: 64px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(212, 165, 116, .3));\n}\n\n.bo-origin-content h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--bo-warm-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-origin-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bo-text-light);\n margin: 0;\n}\n\n.bo-origin-content strong {\n color: var(--bo-warm-dark);\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .bo-origin-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === CARE BOX === *\/\n.bo-care-box {\n display: grid;\n gap: 1.5rem;\n}\n\n@media (min-width: 768px) {\n .bo-care-box {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.bo-care-section {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: 2rem;\n box-shadow: var(--bo-shadow);\n border-left: 4px solid var(--bo-warm);\n}\n\n.bo-care-section h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--bo-warm-dark);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-care-section ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.bo-care-section li {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bo-text-light);\n margin-bottom: 0.75rem;\n position: relative;\n padding-left: 1.5rem;\n}\n\n.bo-care-section li:last-child {\n margin-bottom: 0;\n}\n\n.bo-care-section li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--bo-warm);\n font-weight: 900;\n font-size: 18px;\n}\n\n\/* === CTA BOX === *\/\n.bo-cta-box {\n background: linear-gradient(135deg, var(--bo-warm) 0%, var(--bo-terracotta) 100%);\n border-radius: var(--bo-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n box-shadow: var(--bo-shadow-lg);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n}\n\n.bo-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.bo-cta-icon {\n font-size: 72px;\n filter: drop-shadow(0 4px 16px rgba(0,0,0,.15));\n position: relative;\n z-index: 1;\n}\n\n.bo-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n margin: 0;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n position: relative;\n z-index: 1;\n max-width: 800px;\n}\n\n.bo-cta-box strong {\n color: white;\n font-weight: 800;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bo-benefit-card,\n .bo-usage-tab,\n .bo-zone-card,\n .bo-why-item {\n animation: fadeInUp .6s ease backwards;\n }\n \n .bo-benefit-card:nth-child(1),\n .bo-usage-tab:nth-child(1),\n .bo-zone-card:nth-child(1),\n .bo-why-item:nth-child(1) { animation-delay: .1s; }\n \n .bo-benefit-card:nth-child(2),\n .bo-usage-tab:nth-child(2),\n .bo-zone-card:nth-child(2),\n .bo-why-item:nth-child(2) { animation-delay: .2s; }\n \n .bo-benefit-card:nth-child(3),\n .bo-zone-card:nth-child(3),\n .bo-why-item:nth-child(3) { animation-delay: .3s; }\n \n .bo-zone-card:nth-child(4),\n .bo-why-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .bo-premium {\n --bo-warm: #b8956a;\n --bo-warm-dark: #9b7e5c;\n }\n}\n\u003c\/style\u003e","brand":"ECO-CONSEILS","offers":[{"title":"Bordeaux","offer_id":45755225276573,"sku":"BOUILLBDX","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Fuchsia","offer_id":45755225309341,"sku":"BOUILLFUSCHIA","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Grise","offer_id":45755225342109,"sku":"BOUILLGRIS","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Marine","offer_id":45755225374877,"sku":"BOUILLMARINE","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Turquoise","offer_id":45755225407645,"sku":"BOUILLTURQUOISE","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Peach Orangée","offer_id":45755225440413,"sku":"BOUILLORANGE","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Vert Mousse","offer_id":45755225473181,"sku":"BOUILLVERTE","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Raisin","offer_id":45755225505949,"sku":"BOUILLRAISIN","price":25.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bouillotte-micro-onde-tour-de-cou-8-coloris-au-choix-eco-con-lifestyle.webp?v=1771434937"},{"product_id":"panaceo-med-darm-repair-200-gelules-ecoidees","title":"Panacéo Med Darm Repair - 200 gélules","description":"\u003cdiv class=\"pdr-premium\"\u003e\n\n \u003cdiv class=\"pdr-hero\"\u003e\n \u003cdiv class=\"pdr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pdr-hero-content\"\u003e\n \u003cdiv class=\"pdr-badges-top\"\u003e\n \u003cspan class=\"pdr-badge\"\u003e🏥 Dispositif médical\u003c\/span\u003e\n \u003cspan class=\"pdr-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"pdr-badge\"\u003e🇦🇹 Fabriqué en Autriche\u003c\/span\u003e\n \u003cspan class=\"pdr-badge\"\u003e💊 200 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pdr-hero-title\"\u003ePanacéo Med Darm Repair\u003c\/span\u003e\n \u003cp class=\"pdr-subtitle\"\u003eZéolithe clinoptilolite activée PMA — 200 gélules\u003c\/p\u003e\n \u003cp class=\"pdr-description\"\u003eLe dispositif médical d'origine naturelle qui cible votre barrière intestinale en profondeur. Capte les toxines, réduit le stress oxydatif et favorise la réparation de la muqueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pdr-section\"\u003e\n \u003ch2\u003ePanacéo Med Darm Repair : la zéolithe activée au service de votre intestin\u003c\/h2\u003e\n \u003cp class=\"pdr-section-intro\"\u003eBallonnements, inconforts digestifs, transit capricieux… Si votre ventre vous envoie des signaux de détresse, il est temps d'agir en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"pdr-grid\"\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e🛡️ Barrière intestinale renforcée\u003c\/h3\u003e\n \u003cp\u003ePanacéo Med Darm Repair est un dispositif médical conçu pour soutenir et renforcer votre barrière intestinale, bien au-delà d'un simple complément digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e⚙️ Procédé breveté PMA\u003c\/h3\u003e\n \u003cp\u003eSa formule à base de zéolithe clinoptilolite activée selon le procédé exclusif Panaceo Micro Activation cible directement la paroi intestinale pour favoriser sa réparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e🌱 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUn produit entièrement naturel, sans additifs chimiques, sans conservateurs, sans gluten et sans lactose. Gélules végétales adaptées aux végétariens et végétaliens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pdr-section\"\u003e\n \u003ch2\u003eQu'est-ce que la zéolithe clinoptilolite et pourquoi est-elle si efficace ?\u003c\/h2\u003e\n \u003cp class=\"pdr-section-intro\"\u003eLa zéolithe est un minéral microporeux d'origine volcanique dont la structure cristalline agit comme une véritable éponge à toxines dans votre tractus gastro-intestinal.\u003c\/p\u003e\n \u003cdiv class=\"pdr-grid\"\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e🧲 Capture des métaux lourds\u003c\/h3\u003e\n \u003cp\u003eCapte le plomb, cadmium, arsenic, chrome, nickel et l'ammonium grâce à un échange cationique naturel, puis les élimine par les voies naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e⚡ Neutralise les radicaux libres\u003c\/h3\u003e\n \u003cp\u003eRéduit le stress oxydatif qui fragilise vos cellules intestinales au quotidien, protégeant ainsi votre muqueuse des agressions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e🔧 Réparation de la muqueuse\u003c\/h3\u003e\n \u003cp\u003eSoutient activement la réparation de la muqueuse intestinale, un point essentiel en cas de perméabilité intestinale accrue (« leaky gut »).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-tip\"\u003e\n \u003cspan class=\"pdr-tip-icon\"\u003e🏅\u003c\/span\u003e\n \u003cp\u003eLe procédé \u003cstrong\u003ePMA Premium Zeolith\u003c\/strong\u003e, exclusif à Panacéo, optimise la surface d'action de la zéolithe pour une efficacité maximale. Ce n'est pas une zéolithe brute ordinaire : c'est une version activée, testée cliniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pdr-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"pdr-grid-compact\"\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e🪨 Zéolithe clinoptilolite activée PMA\u003c\/h3\u003e\n \u003cp\u003e410 mg par gélule — ingrédient actif principal breveté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003e90 mg de cellulose végétale — gélule 100 % végétarienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-tip\"\u003e\n \u003cspan class=\"pdr-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100 % naturelle\u003c\/strong\u003e : sans additifs chimiques, sans conservateurs, sans gluten, sans lactose. Fabriqué en \u003cstrong\u003eAutriche\u003c\/strong\u003e selon les normes de qualité européennes les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pdr-section\"\u003e\n \u003ch2\u003eComment prendre Panacéo Med Darm Repair ?\u003c\/h2\u003e\n \u003cdiv class=\"pdr-timeline\"\u003e\n \u003cdiv class=\"pdr-timeline-item\"\u003e\n \u003cdiv class=\"pdr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pdr-timeline-content\"\u003e\n \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 gélules, 2 à 3 fois par jour\u003c\/strong\u003e, avec au moins 100 ml d'eau. Pour une efficacité optimale, avalez-les \u003cstrong\u003eà jeun ou 30 minutes avant les repas\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-timeline-item\"\u003e\n \u003cdiv class=\"pdr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pdr-timeline-content\"\u003e\n \u003ch3\u003eHydratation essentielle\u003c\/h3\u003e\n \u003cp\u003eVeillez à bien vous hydrater tout au long de la journée pour favoriser l'élimination des toxines captées par la zéolithe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-timeline-item\"\u003e\n \u003cdiv class=\"pdr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pdr-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n \u003cp\u003eUn minimum de \u003cstrong\u003e12 semaines\u003c\/strong\u003e est recommandé pour permettre à la muqueuse intestinale de se régénérer en profondeur. Une boîte de 200 gélules vous accompagne pendant environ 5 semaines à raison de 6 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pdr-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire pour la digestion ?\u003c\/h2\u003e\n \u003cdiv class=\"pdr-grid\"\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e😌 Confort digestif durable\u003c\/h3\u003e\n \u003cp\u003ePour toute personne souhaitant retrouver un confort digestif en cas de digestion difficile ou de ballonnements récurrents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e🔄 Transit et microbiome\u003c\/h3\u003e\n \u003cp\u003ePour soutenir votre transit intestinal et restaurer l'équilibre de votre microbiome au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pdr-card\"\u003e\n \u003ch3\u003e🧹 Détoxification naturelle\u003c\/h3\u003e\n \u003cp\u003ePour réaliser une détoxification naturelle de l'organisme, notamment après une période de stress ou d'alimentation déséquilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pdr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"pdr-accordion\"\u003e\n \u003cdetails class=\"pdr-accordion-item\"\u003e\n \u003csummary class=\"pdr-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"pdr-accordion-content mt-3\"\u003e\n \u003cp\u003eRespectez un délai d'\u003cstrong\u003eau moins 1 heure\u003c\/strong\u003e entre la prise de ce produit et celle de tout médicament ou autre complément alimentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pdr-accordion-item\"\u003e\n \u003csummary class=\"pdr-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"pdr-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez votre médecin avant toute utilisation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pdr-accordion-item\"\u003e\n \u003csummary class=\"pdr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pdr-accordion-content mt-3\"\u003e\n \u003cp\u003eGardez le flacon dans un endroit frais, sec et à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"pdr-disclaimer\"\u003eCe dispositif médical ne remplace en aucun cas un traitement médical ni un suivi par un professionnel de santé. En cas de troubles digestifs persistants, consultez votre médecin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pdr-cream: #f5f4f0;\n --pdr-white: #ffffff;\n --pdr-primary: #6b6b6b;\n --pdr-primary-dark: #3a3a3a;\n --pdr-primary-light: #f0efec;\n --pdr-secondary: #c8a84e;\n --pdr-accent: #d4212a;\n --pdr-text: #1a1a1a;\n --pdr-text-light: #5a5a5a;\n --pdr-border: #e0e0e0;\n --pdr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pdr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pdr-radius: 20px;\n --pdr-radius-sm: 12px;\n}\n\n.pdr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pdr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pdr-hero {\n position: relative;\n background: linear-gradient(135deg, #4a4a4a 0%, #6b6b6b 40%, #c8a84e 100%);\n border-radius: var(--pdr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pdr-shadow-lg);\n}\n\n.pdr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 30px,\n rgba(255,255,255,.03) 30px,\n rgba(255,255,255,.03) 60px\n );\n opacity: 1;\n}\n\n.pdr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pdr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pdr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.pdr-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pdr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pdr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pdr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pdr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pdr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pdr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pdr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pdr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pdr-primary), var(--pdr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pdr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pdr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pdr-card {\n background: var(--pdr-white);\n border-radius: var(--pdr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pdr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pdr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pdr-shadow-lg);\n border-color: var(--pdr-secondary);\n}\n\n.pdr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pdr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pdr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pdr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pdr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pdr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pdr-grid-compact .pdr-card {\n padding: 1rem;\n}\n\n.pdr-grid-compact .pdr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pdr-grid-compact .pdr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pdr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pdr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pdr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pdr-primary), var(--pdr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pdr-timeline-content {\n flex: 1;\n background: var(--pdr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pdr-radius-sm);\n box-shadow: var(--pdr-shadow);\n}\n\n.pdr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pdr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pdr-timeline-content p {\n font-size: 14px;\n color: var(--pdr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pdr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pdr-primary-light);\n border-radius: var(--pdr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pdr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pdr-tip p {\n font-size: 14px;\n color: var(--pdr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pdr-accordion {\n background: var(--pdr-white);\n border-radius: var(--pdr-radius);\n box-shadow: var(--pdr-shadow);\n overflow: hidden;\n}\n\n.pdr-accordion-item {\n border-bottom: 1px solid var(--pdr-border);\n margin: 0;\n padding: 0;\n}\n\n.pdr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pdr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pdr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pdr-accordion-header:hover {\n background: var(--pdr-primary-light);\n}\n\n.pdr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pdr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pdr-secondary);\n transition: transform .2s ease;\n}\n\n.pdr-accordion-item[open] .pdr-accordion-header::after {\n content: '−';\n}\n\n.pdr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pdr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pdr-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pdr-disclaimer {\n font-size: 12px;\n color: var(--pdr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pdr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pdr-card {\n padding: 1.125rem;\n }\n\n .pdr-section {\n margin-bottom: 1.75rem;\n }\n\n .pdr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pdr-radius-sm);\n }\n\n .pdr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pdr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pdr-grid-compact {\n gap: .625rem;\n }\n\n .pdr-grid-compact .pdr-card {\n padding: .75rem;\n }\n\n .pdr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pdr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pdr-timeline-content h3 {\n font-size: 14px;\n }\n\n .pdr-timeline-content p {\n font-size: 13px;\n }\n\n .pdr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pdr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pdr-card {\n animation: pdrFadeInUp .5s ease backwards;\n }\n .pdr-card:nth-child(1) { animation-delay: .05s; }\n .pdr-card:nth-child(2) { animation-delay: .1s; }\n .pdr-card:nth-child(3) { animation-delay: .15s; }\n .pdr-card:nth-child(4) { animation-delay: .2s; }\n .pdr-card:nth-child(5) { animation-delay: .25s; }\n .pdr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pdrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pdr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ECOIDEES","offers":[{"title":"Default Title","offer_id":45755227340957,"sku":"PANACEODARM200","price":39.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/panaceo-med-darm-repair-200-gelules-ecoidee-packshothd.webp?v=1775986754"},{"product_id":"shampoojade-shampoing-traitant-doux-250-ml-jade-recherche","title":"Shampoojade - Shampoing Traitant Doux - 250 Ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoojade - Shampoing Traitant Doux\nPalette détectée:\n - Primaire: #E8B84A (doré\/jaune miel des ondulations sur le packaging)\n - Secondaire: #7AB356 (vert nature du logo Jade Recherche)\n - Accent: #4A9B7F (vert jade, référence au nom de marque)\nAmbiance: Naturel, doux, épuré, cosmétique naturelle française, clean beauty\nPréfixe CSS: sj\n--\u003e\n\n\u003cdiv class=\"sj-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sj-hero\"\u003e\n \u003cdiv class=\"sj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-hero-content\"\u003e\n \u003cdiv class=\"sj-badges-top\"\u003e\n \u003cspan class=\"sj-badge\"\u003e🌿 Sans sulfates\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e✨ Silicium organique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sj-hero-title\"\u003eShampoojade\u003c\/span\u003e\n \u003cp class=\"sj-subtitle\"\u003eShampoing traitant doux au silicium organique\u003c\/p\u003e\n \u003cp class=\"sj-description\"\u003eLa douceur d'un soin naturel, l'efficacité d'un traitement professionnel. Pour des cheveux souples, brillants et pleins de vitalité.\u003c\/p\u003e\n \u003cdiv class=\"sj-hero-stats\"\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-number\"\u003e250\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-number\"\u003e0%\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eSulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI SANS SULFATES --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003ePourquoi choisir un shampoing sans sulfates ?\u003c\/h2\u003e\n \u003cdiv class=\"sj-intro-box\"\u003e\n \u003cp\u003eLes sulfates présents dans de nombreux shampoings conventionnels peuvent agresser le cuir chevelu, provoquer des irritations et fragiliser la fibre capillaire sur le long terme. En optant pour le Shampoojade, vous préservez l'équilibre naturel de votre cuir chevelu tout en bénéficiant d'un nettoyage efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-grid sj-grid-4\"\u003e\n \u003cdiv class=\"sj-need-card\"\u003e\n \u003cspan class=\"sj-need-icon\"\u003e😣\u003c\/span\u003e\n \u003ch3\u003eCuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eSujet aux démangeaisons ou aux irritations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-need-card\"\u003e\n \u003cspan class=\"sj-need-icon\"\u003e💔\u003c\/span\u003e\n \u003ch3\u003eCheveux fragilisés\u003c\/h3\u003e\n \u003cp\u003eTernes, cassants ou abîmés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-need-card\"\u003e\n \u003cspan class=\"sj-need-icon\"\u003e❄️\u003c\/span\u003e\n \u003ch3\u003ePellicules\u003c\/h3\u003e\n \u003cp\u003eTendance aux pellicules ou rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-need-card\"\u003e\n \u003cspan class=\"sj-need-icon\"\u003e🎨\u003c\/span\u003e\n \u003ch3\u003eCheveux colorés\u003c\/h3\u003e\n \u003cp\u003eNécessitant un soin délicat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACTIFS PRINCIPAUX --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eUn complexe d'actifs naturels hautement concentré\u003c\/h2\u003e\n \u003cdiv class=\"sj-grid sj-grid-3\"\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eSilicium organique\u003c\/h3\u003e\n \u003cp class=\"sj-ingredient-benefit\"\u003eRenforce \u0026amp; stimule\u003c\/p\u003e\n \u003cp\u003eCet oligo-élément essentiel renforce la structure du cheveu, améliore son élasticité et contribue à la bonne santé du cuir chevelu. Il aide à lutter contre la chute des cheveux en stimulant leur ancrage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-icon\"\u003e🧈\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité\u003c\/h3\u003e\n \u003cp class=\"sj-ingredient-benefit\"\u003eNourrit \u0026amp; protège\u003c\/p\u003e\n \u003cp\u003eReconnu pour ses vertus nourrissantes exceptionnelles, il gaine le cheveu, lui redonne souplesse et éclat tout en protégeant des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eHuiles essentielles\u003c\/h3\u003e\n \u003cp class=\"sj-ingredient-benefit\"\u003ePurifie \u0026amp; équilibre\u003c\/p\u003e\n \u003cp\u003eSélectionnées pour leurs propriétés purifiantes et équilibrantes, elles assainissent le cuir chevelu et laissent un parfum frais et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVANTAGES FORMULE --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eLes atouts de la formule Shampoojade\u003c\/h2\u003e\n \u003cdiv class=\"sj-grid sj-grid-2\"\u003e\n \u003cdiv class=\"sj-feature-card\"\u003e\n \u003cdiv class=\"sj-feature-header\"\u003e\n \u003cspan class=\"sj-feature-icon\"\u003e🫧\u003c\/span\u003e\n \u003ch3\u003eBase lavante ultra douce\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eContrairement aux shampoings classiques qui moussent abondamment grâce aux sulfates agressifs, le Shampoojade utilise une base lavante douce qui produit une mousse fine et légère. Cette texture respectueuse nettoie parfaitement sans décaper ni dessécher. Vos cheveux restent hydratés et votre cuir chevelu apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-feature-card\"\u003e\n \u003cdiv class=\"sj-feature-header\"\u003e\n \u003cspan class=\"sj-feature-icon\"\u003e🚫\u003c\/span\u003e\n \u003ch3\u003eSans ingrédients controversés\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe shampoing est formulé sans sulfates, sans silicones et sans parabènes. Tous les ingrédients sont d'origine naturelle, pour un soin qui respecte autant vos cheveux que l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"sj-sans-badges\"\u003e\n \u003cspan class=\"sj-sans-badge\"\u003eSans sulfates\u003c\/span\u003e\n \u003cspan class=\"sj-sans-badge\"\u003eSans silicones\u003c\/span\u003e\n \u003cspan class=\"sj-sans-badge\"\u003eSans parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eComment utiliser le Shampoojade ?\u003c\/h2\u003e\n \u003cdiv class=\"sj-steps\"\u003e\n \u003cdiv class=\"sj-step\"\u003e\n \u003cdiv class=\"sj-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sj-step-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eHumidifiez vos cheveux à l'eau tiède pour ouvrir les écailles et permettre une meilleure pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-step\"\u003e\n \u003cdiv class=\"sj-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sj-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit grâce à sa formule concentrée. Répartissez dans vos mains avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-step\"\u003e\n \u003cdiv class=\"sj-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sj-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires du bout des doigts pendant 2 à 3 minutes. Ce massage stimule la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-step\"\u003e\n \u003cdiv class=\"sj-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sj-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 1 à 2 minutes pour permettre aux principes actifs d'agir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-step\"\u003e\n \u003cdiv class=\"sj-step-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"sj-step-content\"\u003e\n \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire jusqu'à élimination complète. Renouvelez si nécessaire pour les cheveux très sales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-tip-box\"\u003e\n \u003cp\u003e💡 Ce shampoing convient à un \u003cstrong\u003eusage fréquent\u003c\/strong\u003e, même quotidien, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003ePour quels types de cheveux ?\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eLe Shampoojade s'adapte à tous les types de cheveux, mais sera particulièrement apprécié pour :\u003c\/p\u003e\n \u003cdiv class=\"sj-grid sj-grid-3\"\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e🔴\u003c\/div\u003e\n \u003ch3\u003eCuir chevelu irrité\u003c\/h3\u003e\n \u003cp\u003eLa formule apaisante calme les démangeaisons et réduit les sensations d'inconfort dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e🪶\u003c\/div\u003e\n \u003ch3\u003eCheveux fins et fragiles\u003c\/h3\u003e\n \u003cp\u003eLe silicium organique renforce la fibre capillaire sans l'alourdir, pour des cheveux plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e🏜️\u003c\/div\u003e\n \u003ch3\u003eCheveux secs et abîmés\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité nourrit intensément et redonne douceur et brillance aux cheveux les plus desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eCheveux à tendance grasse\u003c\/h3\u003e\n \u003cp\u003eLes huiles essentielles purifiantes aident à réguler la production de sébum pour des cheveux frais plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e🎨\u003c\/div\u003e\n \u003ch3\u003eCheveux colorés\u003c\/h3\u003e\n \u003cp\u003eSans sulfates ni silicones, ce shampoing préserve l'éclat de votre couleur tout en prenant soin de vos longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eSa formule douce et naturelle le rend adapté à tous, y compris aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"sj-composition-box\"\u003e\n \u003cp class=\"sj-inci\" style=\"font-size:0.6em;\"\u003eAqua, Sodium Cocoyl Glutamate, Cocamidopropyl Betaine, Glycerin, Butyrospermum Parkii Butter (Beurre de Karité), Methylsilanol Mannuronate (Silicium Organique), Parfum, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp class=\"sj-composition-note\"\u003eCette formule concentre le meilleur des actifs naturels dans une base lavante respectueuse, sans aucun produit de synthèse nocif pour le cuir chevelu ou l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MARQUE --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eJade Recherche : l'expertise française\u003c\/h2\u003e\n \u003cdiv class=\"sj-brand-box\"\u003e\n \u003cdiv class=\"sj-brand-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"sj-brand-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eJade Recherche\u003c\/strong\u003e est un laboratoire français spécialisé dans le développement de soins capillaires et cosmétiques à base de silicium organique et d'ingrédients naturels.\u003c\/p\u003e\n \u003cp\u003eDepuis de nombreuses années, la marque s'engage à proposer des formules efficaces, respectueuses de la santé et de l'environnement. Chaque produit est élaboré avec rigueur, en sélectionnant des actifs de qualité et en privilégiant des procédés de fabrication respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CARACTÉRISTIQUES --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n \u003cdiv class=\"sj-specs-grid\"\u003e\n \u003cdiv class=\"sj-spec\"\u003e\n \u003cspan class=\"sj-spec-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"sj-spec-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"sj-spec-value\"\u003eShampoing traitant doux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-spec\"\u003e\n \u003cspan class=\"sj-spec-icon\"\u003e👥\u003c\/span\u003e\n \u003cspan class=\"sj-spec-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"sj-spec-value\"\u003eTous types de cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-spec\"\u003e\n \u003cspan class=\"sj-spec-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"sj-spec-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"sj-spec-value\"\u003eSulfates, silicones, parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-spec\"\u003e\n \u003cspan class=\"sj-spec-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"sj-spec-label\"\u003eActifs principaux\u003c\/span\u003e\n \u003cspan class=\"sj-spec-value\"\u003eSilicium, karité, HE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003cdiv class=\"sj-warning-box\"\u003e\n \u003cspan class=\"sj-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sj-cta-box\"\u003e\n \u003cdiv class=\"sj-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-cta-content\"\u003e\n \u003cspan class=\"sj-cta-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eOffrez à vos cheveux la douceur qu'ils méritent.\u003cbr\u003eLe Shampoojade, c'est l'alliance parfaite entre naturalité et efficacité pour une chevelure resplendissante au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sj-cream: #FDF8F1;\n --sj-white: #ffffff;\n --sj-primary: #E8B84A;\n --sj-primary-dark: #C9982E;\n --sj-primary-light: #FDF6E3;\n --sj-secondary: #7AB356;\n --sj-secondary-dark: #5A9336;\n --sj-accent: #4A9B7F;\n --sj-text: #1a1a1a;\n --sj-text-light: #5a5a5a;\n --sj-border: #e8e4dc;\n --sj-shadow: 0 4px 24px rgba(0,0,0,.06);\n --sj-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --sj-radius: 20px;\n --sj-radius-sm: 12px;\n}\n\n.sj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sj-text);\n line-height: 1.6;\n}\n\n.sj-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sj-hero {\n position: relative;\n background: linear-gradient(135deg, #F5E6B8 0%, #E8B84A 40%, #C9982E 100%);\n border-radius: var(--sj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q45 20 30 35 Q15 20 30 5' fill='none' stroke='%23fff' stroke-width='1' opacity='0.15'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .4;\n}\n\n.sj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sj-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 58px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.sj-hero .sj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.sj-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.sj-stat {\n text-align: center;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--sj-radius-sm);\n border: 1px solid rgba(255,255,255,.3);\n}\n\n.sj-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.sj-stat-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sj-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sj-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sj-primary), var(--sj-secondary));\n border-radius: 2px;\n}\n\n.sj-section-intro {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--sj-text-light);\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n\/* === GRILLES === *\/\n.sj-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.sj-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.sj-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.sj-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === INTRO BOX === *\/\n.sj-intro-box {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n margin-bottom: 2rem;\n border-left: 4px solid var(--sj-primary);\n}\n\n.sj-intro-box p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--sj-text);\n line-height: 1.8;\n}\n\n\/* === NEED CARDS === *\/\n.sj-need-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sj-need-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-primary);\n}\n\n.sj-need-icon {\n font-size: 2.5rem;\n display: block;\n margin-bottom: .75rem;\n}\n\n.sj-need-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sj-text);\n margin: 0 0 .5rem 0;\n}\n\n.sj-need-card p {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.sj-ingredient-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sj-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-secondary);\n}\n\n.sj-ingredient-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--sj-primary-light) 0%, #FEF3D6 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin: 0 auto 1rem;\n}\n\n.sj-ingredient-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sj-text);\n margin: 0 0 .5rem 0;\n}\n\n.sj-ingredient-benefit {\n display: inline-block;\n background: linear-gradient(135deg, var(--sj-secondary), var(--sj-accent));\n color: white;\n font-size: 12px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.sj-ingredient-card p:last-child {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === FEATURE CARDS === *\/\n.sj-feature-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n}\n\n.sj-feature-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-feature-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.sj-feature-icon {\n width: 50px;\n height: 50px;\n background: var(--sj-primary-light);\n border-radius: var(--sj-radius-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n\n.sj-feature-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sj-text);\n margin: 0;\n}\n\n.sj-feature-card p {\n font-size: 15px;\n color: var(--sj-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.sj-sans-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.sj-sans-badge {\n background: linear-gradient(135deg, #E8F5E9, #C8E6C9);\n color: var(--sj-secondary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 6px 12px;\n border-radius: 999px;\n}\n\n\/* === STEPS === *\/\n.sj-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto 2rem;\n}\n\n.sj-step {\n display: flex;\n gap: 1.5rem;\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n}\n\n.sj-step:hover {\n transform: translateX(8px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-step-number {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--sj-primary), var(--sj-primary-dark));\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.sj-step-content {\n flex: 1;\n}\n\n.sj-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sj-text);\n margin: 0 0 .25rem 0;\n}\n\n.sj-step-content p {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.sj-tip-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--sj-primary-light), #FEF9E7);\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n max-width: 800px;\n margin: 0 auto;\n border: 2px solid var(--sj-primary);\n}\n\n.sj-tip-icon {\n font-size: 2rem;\n flex-shrink: 0;\n}\n\n.sj-tip-box p {\n margin: 0;\n font-size: 15px;\n color: var(--sj-text);\n}\n\n\/* === PROFILE CARDS === *\/\n.sj-profile-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sj-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-accent);\n}\n\n.sj-profile-icon {\n font-size: 2.5rem;\n display: block;\n margin-bottom: .75rem;\n}\n\n.sj-profile-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sj-text);\n margin: 0 0 .5rem 0;\n}\n\n.sj-profile-card p {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FAQ === *\/\n.sj-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.sj-faq-item {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n}\n\n.sj-faq-item:hover {\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-faq-item h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sj-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.sj-faq-item p {\n font-size: 15px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION === *\/\n.sj-composition-box {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--sj-shadow);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.sj-inci {\n font-size: 13px;\n color: var(--sj-text-light);\n background: var(--sj-cream);\n padding: 1.5rem;\n border-radius: var(--sj-radius-sm);\n margin: 0 0 1rem 0;\n font-family: 'Courier New', monospace;\n line-height: 1.8;\n}\n\n.sj-composition-note {\n font-size: 14px;\n color: var(--sj-text);\n margin: 0;\n font-style: italic;\n}\n\n\/* === BRAND BOX === *\/\n.sj-brand-box {\n display: flex;\n gap: 2rem;\n align-items: center;\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--sj-shadow);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.sj-brand-icon {\n font-size: 4rem;\n flex-shrink: 0;\n}\n\n.sj-brand-content p {\n font-size: 15px;\n color: var(--sj-text);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.sj-brand-content p:last-child {\n margin: 0;\n color: var(--sj-text-light);\n}\n\n\/* === SPECS === *\/\n.sj-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.sj-spec {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n}\n\n.sj-spec:hover {\n transform: translateY(-4px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-spec-icon {\n font-size: 1.75rem;\n display: block;\n margin-bottom: .5rem;\n}\n\n.sj-spec-label {\n display: block;\n font-size: 11px;\n font-weight: 700;\n color: var(--sj-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.sj-spec-value {\n display: block;\n font-size: 14px;\n font-weight: 800;\n color: var(--sj-text);\n}\n\n\/* === WARNING === *\/\n.sj-warning-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: #FFF8E1;\n border: 2px solid #FFE082;\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.sj-warning-icon {\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n\n.sj-warning-box p {\n font-size: 13px;\n color: #8D6E00;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CTA BOX === *\/\n.sj-cta-box {\n background: linear-gradient(135deg, var(--sj-secondary) 0%, var(--sj-accent) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(3rem, 6vw, 4.5rem) clamp(2rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23fff' opacity='0.1'\/%3E%3C\/svg%3E\");\n background-size: 40px 40px;\n}\n\n.sj-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sj-cta-icon {\n font-size: 3rem;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sj-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sj-grid-2,\n .sj-grid-3,\n .sj-grid-4 {\n grid-template-columns: 1fr;\n }\n \n .sj-brand-box {\n flex-direction: column;\n text-align: center;\n }\n \n .sj-step {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n \n .sj-tip-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sj-need-card,\n .sj-ingredient-card,\n .sj-feature-card,\n .sj-profile-card,\n .sj-spec {\n animation: sjFadeInUp .6s ease backwards;\n }\n \n .sj-need-card:nth-child(1),\n .sj-ingredient-card:nth-child(1),\n .sj-profile-card:nth-child(1),\n .sj-spec:nth-child(1) { animation-delay: .1s; }\n \n .sj-need-card:nth-child(2),\n .sj-ingredient-card:nth-child(2),\n .sj-profile-card:nth-child(2),\n .sj-spec:nth-child(2) { animation-delay: .2s; }\n \n .sj-need-card:nth-child(3),\n .sj-ingredient-card:nth-child(3),\n .sj-profile-card:nth-child(3),\n .sj-spec:nth-child(3) { animation-delay: .3s; }\n \n .sj-need-card:nth-child(4),\n .sj-profile-card:nth-child(4),\n .sj-spec:nth-child(4) { animation-delay: .4s; }\n \n .sj-profile-card:nth-child(5),\n .sj-spec:nth-child(5) { animation-delay: .5s; }\n \n .sj-profile-card:nth-child(6),\n .sj-spec:nth-child(6) { animation-delay: .6s; }\n \n .sj-step {\n animation: sjSlideIn .5s ease backwards;\n }\n \n .sj-step:nth-child(1) { animation-delay: .1s; }\n .sj-step:nth-child(2) { animation-delay: .2s; }\n .sj-step:nth-child(3) { animation-delay: .3s; }\n .sj-step:nth-child(4) { animation-delay: .4s; }\n .sj-step:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes sjFadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes sjSlideIn {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sj-premium {\n --sj-text: #000000;\n --sj-text-light: #333333;\n }\n \n .sj-badge,\n .sj-sans-badge,\n .sj-ingredient-benefit {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755229536413,"sku":"JADESHAMPOO","price":15.28,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoo-jade_jaderecherche_11zon.jpg?v=1766658855"},{"product_id":"somnijoie-sommeil-profond-et-reduction-du-stress-120-gelules-jade-recherche","title":"Somnijoie - Sommeil Profond \u0026 Réduction du Stress - 120 Gélules - Jade Recherche","description":"\u003cdiv class=\"sj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sj-hero\"\u003e\n \u003cdiv class=\"sj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-hero-content\"\u003e\n \u003cdiv class=\"sj-badges-top\"\u003e\n \u003cspan class=\"sj-badge\"\u003e🌙 Sommeil profond\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e☀️ Anti-stress jour\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🌿 7 actifs naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sj-hero-title\"\u003eSomniJoie\u003c\/span\u003e\n \u003cp class=\"sj-subtitle\"\u003eSommeil profond \u0026amp; réduction du stress — 120 gélules\u003c\/p\u003e\n \u003cp class=\"sj-description\"\u003eLa formule 2-en-1 qui apaise vos nuits et illumine vos journées. 7 actifs naturels pour retrouver un sommeil réparateur et un équilibre émotionnel durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eSomniJoie : le complément alimentaire sommeil et anti-stress 2-en-1\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eVous dormez mal, vous vous réveillez en pleine nuit, ou le stress vous empêche de trouver le repos ? \u003cstrong\u003eSomniJoie\u003c\/strong\u003e de Jade Recherche est un complément alimentaire pour le sommeil et la gestion du stress qui agit sur les deux fronts.\u003c\/p\u003e\n \u003cdiv class=\"sj-grid-compact\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😴 Sommeil profond\u003c\/h3\u003e\n \u003cp\u003eFavorise un endormissement rapide et des nuits sans interruption\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n \u003cp\u003eRéduit la tension nerveuse et l'irritabilité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003e7 actifs d'origine naturelle, sans accoutumance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eMaintient la bonne humeur et la stabilité émotionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003ePourquoi choisir SomniJoie plutôt qu'un simple somnifère naturel ?\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eLa plupart des gélules sommeil se contentent de favoriser l'endormissement. SomniJoie va plus loin grâce à une \u003cstrong\u003edouble action unique\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"sj-dual\"\u003e\n \u003cdiv class=\"sj-dual-card sj-dual-night\"\u003e\n \u003cdiv class=\"sj-dual-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3\u003eLe soir — Mode Somni\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules 30 min avant le coucher\u003c\/strong\u003e pour un sommeil profond et réparateur, avec moins de réveils nocturnes. La mélatonine, la valériane et la passiflore s'unissent pour vous guider vers un repos complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-dual-card sj-dual-day\"\u003e\n \u003cdiv class=\"sj-dual-icon\"\u003e☀️\u003c\/div\u003e\n \u003ch3\u003eLe matin — Mode Joie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules au petit-déjeuner\u003c\/strong\u003e pour agir comme complément anti-stress, réduire l'irritabilité et maintenir la bonne humeur tout au long de la journée. L'ashwagandha et le griffonia soutiennent votre sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-tip\"\u003e\n \u003cspan class=\"sj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette polyvalence en fait un allié précieux si vous traversez une période de tension nerveuse, de surmenage ou de déprime passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eUne formule complète de 7 actifs naturels\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eChaque pilulier contient \u003cstrong\u003e120 gélules\u003c\/strong\u003e, soit un mois de cure à raison de 2 gélules par jour. Voici le détail de la composition :\u003c\/p\u003e\n \u003cdiv class=\"sj-grid\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌱 Ashwagandha\u003c\/h3\u003e\n \u003cp\u003eDosé à \u003cstrong\u003e5 % de withanolides\u003c\/strong\u003e. Plante adaptogène majeure qui aide le corps à gérer le stress, réduit le cortisol et augmente la durée du sommeil paradoxal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌿 Griffonia (5-HTP)\u003c\/h3\u003e\n \u003cp\u003ePrécurseur naturel de la \u003cstrong\u003esérotonine\u003c\/strong\u003e, l'hormone du bien-être. Associé à la vitamine B6, il soutient l'humeur et régule les compulsions alimentaires liées au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e💜 Valériane\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés \u003cstrong\u003esédatives douces\u003c\/strong\u003e, elle facilite l'endormissement sans somnolence au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌸 Passiflore\u003c\/h3\u003e\n \u003cp\u003eRéduit l'anxiété et favorise un \u003cstrong\u003esommeil continu\u003c\/strong\u003e, sans interruption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🤍 Aubépine\u003c\/h3\u003e\n \u003cp\u003eApaise le système nerveux et \u003cstrong\u003ecalme les palpitations\u003c\/strong\u003e liées au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🍃 Mélisse\u003c\/h3\u003e\n \u003cp\u003eEffet \u003cstrong\u003erelaxant et digestif\u003c\/strong\u003e, idéal si le stress vous noue l'estomac le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌙 Mélatonine\u003c\/h3\u003e\n \u003cp\u003eL'hormone du sommeil par excellence, qui \u003cstrong\u003eraccourcit le temps d'endormissement\u003c\/strong\u003e de façon naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-clean-badges\"\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans gluten\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans lactose\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans OGM\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans colorants artificiels\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eComment prendre SomniJoie ?\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau :\u003c\/p\u003e\n \u003cdiv class=\"sj-timeline\"\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e🌙 Pour le sommeil\u003c\/h3\u003e\n \u003cp\u003e2 gélules le soir, environ \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e. Laissez la formule agir pour un endormissement naturel et un sommeil profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e☀️ Pour le stress et l'équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003e2 gélules le matin \u003cstrong\u003eau petit-déjeuner\u003c\/strong\u003e. L'ashwagandha et le griffonia soutiennent votre sérénité tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e pour ressentir pleinement les bienfaits. Renouvelez selon vos besoins ou alternez les prises matin\/soir en fonction des périodes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"sj-testimonial\"\u003e\n \u003cp class=\"sj-testimonial-text\"\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e par le laboratoire Jade Recherche, SomniJoie répond aux normes de qualité les plus strictes. Les ingrédients sont sélectionnés pour leur pureté et leur efficacité, et le conditionnement privilégie des emballages respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e✅ Normes strictes\u003c\/h3\u003e\n \u003cp\u003ePureté et efficacité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballages respectueux de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🔬 Ingrédients sélectionnés\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité optimales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément sommeil ?\u003c\/h2\u003e\n \u003cdiv class=\"sj-grid\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😴 Difficultés d'endormissement\u003c\/h3\u003e\n \u003cp\u003eVous mettez plus de 30 minutes à vous endormir ou vous vous réveillez fréquemment la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🔍 En quête du meilleur complément sommeil\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une solution naturelle associant détente profonde et sérénité durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🧠 Profils stressés ou surmenés\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période émotionnellement exigeante et avez besoin d'un soutien quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-cta-box\"\u003e\n \u003cp\u003e🌙 Retrouvez des nuits sereines et des journées lumineuses avec SomniJoie — votre allié sommeil \u0026amp; bien-être 2-en-1 ☀️\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sj-disclaimer\"\u003eCe complément alimentaire ne remplace ni un traitement médical ni un suivi professionnel. En cas de doute, consultez votre médecin ou pharmacien avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médicamenteux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sj-cream: #f5f2ed;\n --sj-white: #ffffff;\n --sj-primary: #2a5daa;\n --sj-primary-dark: #1a3d6e;\n --sj-primary-light: #e8f0fa;\n --sj-secondary: #f5a623;\n --sj-accent: #ffd366;\n --sj-night: #1e2d5a;\n --sj-day: #fff8eb;\n --sj-text: #1a1a1a;\n --sj-text-light: #5a5a5a;\n --sj-border: #e0e0e0;\n --sj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sj-radius: 20px;\n --sj-radius-sm: 12px;\n}\n\n.sj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sj-night) 0%, var(--sj-primary) 50%, var(--sj-secondary) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,211,102,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(245,166,35,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sj-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.sj-subtitle {\n color: var(--sj-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.sj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sj-primary), var(--sj-secondary));\n border-radius: 2px;\n}\n\n.sj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sj-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sj-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-primary);\n}\n\n.sj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sj-grid-compact .sj-card {\n padding: 1rem;\n}\n\n.sj-grid-compact .sj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sj-grid-compact .sj-card p {\n font-size: 12px;\n}\n\n\/* === DUAL CARDS (Jour\/Nuit) === *\/\n.sj-dual {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.sj-dual-card {\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n text-align: center;\n}\n\n.sj-dual-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-dual-night {\n background: linear-gradient(145deg, #1e2d5a 0%, #2a5daa 100%);\n color: white;\n}\n\n.sj-dual-night h3 {\n color: var(--sj-accent);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n margin: .75rem 0 .5rem;\n}\n\n.sj-dual-night p {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n margin: 0;\n}\n\n.sj-dual-day {\n background: linear-gradient(145deg, #fff8eb 0%, #fff0d0 100%);\n border: 2px solid var(--sj-secondary);\n}\n\n.sj-dual-day h3 {\n color: #b37d00;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n margin: .75rem 0 .5rem;\n}\n\n.sj-dual-day p {\n color: var(--sj-text-light);\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n margin: 0;\n}\n\n.sj-dual-icon {\n font-size: 36px;\n}\n\n\/* === TIMELINE === *\/\n.sj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sj-primary), var(--sj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sj-timeline-content {\n flex: 1;\n background: var(--sj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sj-radius-sm);\n box-shadow: var(--sj-shadow);\n}\n\n.sj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sj-timeline-content p {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sj-testimonial {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n border-left: 4px solid var(--sj-primary);\n}\n\n.sj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sj-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CLEAN BADGES === *\/\n.sj-clean-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 1.5rem;\n}\n\n.sj-clean-badge {\n display: inline-flex;\n align-items: center;\n padding: 8px 18px;\n background: var(--sj-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n border: 1px solid rgba(42,93,170,.15);\n}\n\n\/* === TIP === *\/\n.sj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sj-primary-light);\n border-radius: var(--sj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sj-tip p {\n font-size: 14px;\n color: var(--sj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sj-cta-box {\n background: linear-gradient(135deg, var(--sj-primary) 0%, var(--sj-night) 60%, var(--sj-secondary) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.sj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sj-disclaimer {\n font-size: 12px;\n color: var(--sj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sj-card {\n padding: 1.125rem;\n }\n\n .sj-section {\n margin-bottom: 1.75rem;\n }\n\n .sj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sj-radius-sm);\n }\n\n .sj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sj-grid-compact {\n gap: .625rem;\n }\n\n .sj-grid-compact .sj-card {\n padding: .75rem;\n }\n\n .sj-dual {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sj-timeline-content h3 {\n font-size: 14px;\n }\n\n .sj-timeline-content p {\n font-size: 13px;\n }\n\n .sj-testimonial {\n padding: 1.25rem;\n }\n\n .sj-testimonial-text {\n font-size: 14px;\n }\n\n .sj-clean-badges {\n gap: 6px;\n }\n\n .sj-clean-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n\n .sj-dual-icon {\n font-size: 28px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sj-card {\n animation: sjFadeInUp .5s ease backwards;\n }\n .sj-card:nth-child(1) { animation-delay: .05s; }\n .sj-card:nth-child(2) { animation-delay: .1s; }\n .sj-card:nth-child(3) { animation-delay: .15s; }\n .sj-card:nth-child(4) { animation-delay: .2s; }\n .sj-card:nth-child(5) { animation-delay: .25s; }\n .sj-card:nth-child(6) { animation-delay: .3s; }\n .sj-card:nth-child(7) { animation-delay: .35s; }\n\n .sj-dual-card {\n animation: sjFadeInUp .6s ease backwards;\n }\n .sj-dual-card:nth-child(1) { animation-delay: .1s; }\n .sj-dual-card:nth-child(2) { animation-delay: .2s; }\n\n .sj-timeline-item {\n animation: sjFadeInUp .5s ease backwards;\n }\n .sj-timeline-item:nth-child(1) { animation-delay: .05s; }\n .sj-timeline-item:nth-child(2) { animation-delay: .1s; }\n .sj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes sjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755232878749,"sku":"SOMNIJOIE","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/somnijoie-sommeil-profond-reduction-du-stress-120-gelules-ja-ingredients_a94a62d5-43eb-4153-bbfd-8cb96ca214fb.webp?v=1773304685"},{"product_id":"asthen-complexe-dhuiles-essentielles-30-ml-jade-recherche","title":"Asthen - Complexe d'huiles Essentielles Surrénales - 30 ml - Jade Recherche","description":"\u003cdiv class=\"asth-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"asth-hero\"\u003e\n \u003cdiv class=\"asth-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asth-hero-content\"\u003e\n \u003cdiv class=\"asth-badges-top\"\u003e\n \u003cspan class=\"asth-badge\"\u003e🌲 Huiles essentielles pures\u003c\/span\u003e\n \u003cspan class=\"asth-badge\"\u003e⚡ Recharge énergétique\u003c\/span\u003e\n \u003cspan class=\"asth-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"asth-hero-title\"\u003eAsthen\u003c\/span\u003e\n \u003cp class=\"asth-subtitle\"\u003eComplexe d'huiles essentielles surrénales\u003c\/p\u003e\n \u003cp class=\"asth-description\"\u003eUn mélange synergique d'huiles essentielles de conifères pour soutenir vos glandes surrénales, restaurer votre énergie vitale et renforcer votre résistance au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eUn complexe de 3 huiles essentielles idéales\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-grid\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌲 Picea mariana (Épinette noire)\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle d'épinette noire aux propriétés stimulantes et équilibrantes pour les surrénales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌿 Pinus sylvestris (Pin Sylvestre)\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de pin sylvestre apportant un effet tonifiant et énergisant naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💧 Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eBase végétale nourrissante qui facilite l'application et protège la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"mt-4\"\u003eLes bienfaits d'Asthen sur les surrénales\u003c\/h2\u003e\n \u003cp class=\"asth-section-intro\"\u003eLes surrénales jouent un rôle crucial dans la résistance au stress et la vitalité\n générale. Lorsqu'elles sont \"à plat\", Asthen aide à restaurer leur fonction naturellement.\u003c\/p\u003e\n\n \u003cdiv class=\"asth-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n \u003cp\u003eRevitalise en période de fatigue chronique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n \u003cp\u003eRenforce la résilience face au stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💆 Détente nerveuse\u003c\/h3\u003e\n \u003cp\u003eFavorise la relaxation et l'endormissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💇 Vitalité capillaire\u003c\/h3\u003e\n \u003cp\u003eSoutient la santé des cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-timeline\"\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003ePréparez l'application\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes d'Asthen sur le dos de chaque main\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003eLocalisez les surrénales\u003c\/h3\u003e\n \u003cp\u003ePlacez vos poings fermés au-dessus des reins, au creux du dos sous les côtes flottantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massant de bas en haut, matin et\/ou soir selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asth-tip\"\u003e\n \u003cspan class=\"asth-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Le matin pour un regain d'énergie, le soir pour favoriser la détente et l'endormissement. Un flacon de 30 ml dure plusieurs mois avec un usage quotidien !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Caractéristiques --\u003e\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-grid-compact\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e30 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌲 Actifs\u003c\/h3\u003e\n \u003cp\u003ePicea mariana \u0026amp; Pinus sylvestris\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💧 Base\u003c\/h3\u003e\n \u003cp\u003eHuile végétale de jojoba\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e✋ Usage\u003c\/h3\u003e\n \u003cp\u003eExterne uniquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eJade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n \u003csection class=\"asth-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-accordion\"\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e⚠️ Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eNe pas ingérer. Ne pas appliquer sur les muqueuses ou sur une peau irritée. En cas de réaction inhabituelle, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eNe convient pas aux enfants sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e🩺 En cas de réaction\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eEn cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asth-cta-box\"\u003e\n \u003cp\u003e🌲 Offrez à vos surrénales le soutien naturel qu'elles méritent avec la puissance des huiles essentielles de conifères\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"asth-disclaimer\"\u003eLes informations fournies ne remplacent pas l'avis d'un professionnel de santé. Complément de bien-être, ne se substitue pas à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --asth-cream: #F5F3EF;\n --asth-white: #ffffff;\n --asth-primary: #5B7B6F;\n --asth-primary-dark: #3D5A4F;\n --asth-primary-light: #E8F0EC;\n --asth-secondary: #8B6914;\n --asth-accent: #6B5B4F;\n --asth-text: #1a1a1a;\n --asth-text-light: #5a5a5a;\n --asth-border: #e0e0e0;\n --asth-shadow: 0 4px 24px rgba(0,0,0,.08);\n --asth-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --asth-radius: 20px;\n --asth-radius-sm: 12px;\n}\n\n.asth-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--asth-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.asth-hero {\n position: relative;\n background: linear-gradient(135deg, #3D5A4F 0%, #5B7B6F 50%, #7A9B8F 100%);\n border-radius: var(--asth-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--asth-shadow-lg);\n}\n\n.asth-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L30 20 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Cpath d='M30 35 L38 55 L30 48 L22 55 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.asth-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.asth-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.asth-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--asth-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.asth-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.asth-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.asth-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.asth-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.asth-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asth-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--asth-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.asth-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--asth-primary), var(--asth-secondary));\n border-radius: 2px;\n}\n\n.asth-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--asth-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.asth-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.asth-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.asth-card {\n background: var(--asth-white);\n border-radius: var(--asth-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--asth-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.asth-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--asth-shadow-lg);\n border-color: var(--asth-primary);\n}\n\n.asth-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--asth-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.asth-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--asth-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.asth-grid-compact .asth-card {\n padding: 1rem;\n}\n\n.asth-grid-compact .asth-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.asth-grid-compact .asth-card p {\n font-size: 12px;\n}\n\n.asth-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.asth-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.asth-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--asth-primary), var(--asth-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.asth-timeline-content {\n flex: 1;\n background: var(--asth-white);\n padding: 1rem 1.25rem;\n border-radius: var(--asth-radius-sm);\n box-shadow: var(--asth-shadow);\n}\n\n.asth-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--asth-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.asth-timeline-content p {\n font-size: 14px;\n color: var(--asth-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.asth-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--asth-primary-light);\n border-radius: var(--asth-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.asth-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.asth-tip p {\n font-size: 14px;\n color: var(--asth-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.asth-accordion {\n background: var(--asth-white);\n border-radius: var(--asth-radius);\n box-shadow: var(--asth-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.asth-accordion-item {\n border-bottom: 1px solid var(--asth-border);\n margin: 0;\n padding: 0;\n}\n\n.asth-accordion-item:last-child {\n border-bottom: none;\n}\n\n.asth-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--asth-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.asth-accordion-header:hover {\n background: var(--asth-primary-light);\n}\n\n.asth-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.asth-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--asth-primary);\n transition: transform .2s ease;\n}\n\n.asth-accordion-item[open] .asth-accordion-header::after {\n content: '−';\n}\n\n.asth-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--asth-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.asth-accordion-content p {\n margin: 0;\n}\n\n.asth-cta-box {\n background: linear-gradient(135deg, var(--asth-primary) 0%, var(--asth-primary-dark) 100%);\n border-radius: var(--asth-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.asth-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.asth-disclaimer {\n font-size: 12px;\n color: var(--asth-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .asth-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .asth-card {\n padding: 1.125rem;\n }\n \n .asth-section {\n margin-bottom: 1.75rem;\n }\n \n .asth-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--asth-radius-sm);\n }\n \n .asth-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .asth-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .asth-grid-compact {\n gap: .625rem;\n }\n \n .asth-grid-compact .asth-card {\n padding: .75rem;\n }\n \n .asth-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .asth-timeline-content {\n padding: .875rem 1rem;\n }\n \n .asth-timeline-content h3 {\n font-size: 14px;\n }\n \n .asth-timeline-content p {\n font-size: 13px;\n }\n \n .asth-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .asth-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .asth-card {\n animation: fadeInUp .5s ease backwards;\n }\n .asth-card:nth-child(1) { animation-delay: .05s; }\n .asth-card:nth-child(2) { animation-delay: .1s; }\n .asth-card:nth-child(3) { animation-delay: .15s; }\n .asth-card:nth-child(4) { animation-delay: .2s; }\n .asth-card:nth-child(5) { animation-delay: .25s; }\n .asth-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .asth-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755253096605,"sku":"ASTHENJADE","price":23.37,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/asthen-complexe-dhuiles-essentielles-surrenales-30-ml-jade-r-lifestyle.webp?v=1768895283"},{"product_id":"memorinda-memoire-et-concentration-jade-recherche","title":"Memorinda - Mémoire \u0026 Concentration - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Memorinda - Mémoire \u0026 Concentration\nPalette détectée:\n - Primaire: #4CAF50 (vert vif du packaging - évoque nature\/vitalité)\n - Secondaire: #2196F3 (bleu du bandeau supérieur - évoque cerveau\/cognition)\n - Accent: #FFD700 (jaune doré de l'ampoule\/bandeau - évoque lumière\/idées)\nAmbiance: Scientifique\/naturel, cerveau illuminé, ADN stylisé, profils humains en réflexion\nPréfixe CSS: memo\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"🧠 Composition complète et dosage précis\"\n 2. \"🎯 Bienfaits \u0026 utilisations\"\n 3. \"✅ Conseils d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"memo-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"memo-hero\"\u003e\n \u003cdiv class=\"memo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"memo-hero-content\"\u003e\n \u003cdiv class=\"memo-badges-top\"\u003e\n \u003cspan class=\"memo-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e\n \u003cspan class=\"memo-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"memo-badge\"\u003e🔬 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"memo-hero-title\"\u003eMemorinda\u003c\/span\u003e\n \u003cp class=\"memo-subtitle\"\u003eRéveillez votre potentiel cognitif\u003c\/p\u003e\n \u003cp class=\"memo-description\"\u003eComplément alimentaire naturel associant plantes, algues et champignons pour stimuler la mémoire, la concentration et détoxifier l'organisme en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Composition --\u003e\n \u003csection class=\"memo-section\"\u003e\n \u003ch2\u003e🧠 Composition complète et dosage précis\u003c\/h2\u003e\n \n \u003cdiv class=\"memo-dosage-box\"\u003e\n \u003cdiv class=\"memo-dosage-item\"\u003e\n \u003cspan class=\"memo-dosage-number\"\u003e60 ou 180\u003c\/span\u003e\n \u003cspan class=\"memo-dosage-label\"\u003egélules selon format\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-dosage-item\"\u003e\n \u003cspan class=\"memo-dosage-number\"\u003e2-3\u003c\/span\u003e\n \u003cspan class=\"memo-dosage-label\"\u003egélules par jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-dosage-item\"\u003e\n \u003cspan class=\"memo-dosage-number\"\u003e30-90\u003c\/span\u003e\n \u003cspan class=\"memo-dosage-label\"\u003ejours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"memo-section-intro\"\u003ePosologie : \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, à prendre avec un grand verre d'eau, au cours d'un repas.\u003c\/p\u003e\n\n \u003cdiv class=\"memo-grid\"\u003e\n \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n \u003ch3\u003e🍈 Noni (Morinda citrifolia)\u003c\/h3\u003e\n \u003cp class=\"memo-dose\"\u003e600 mg\u003c\/p\u003e\n \u003cp\u003eRiche en antioxydants pour protéger les neurones du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n \u003ch3\u003e🦁 Héricium erinaceus\u003c\/h3\u003e\n \u003cp class=\"memo-dose\"\u003e450 mg\u003c\/p\u003e\n \u003cp\u003eLe \"Lion's Mane\" : favorise la neurogénèse et améliore la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n \u003ch3\u003e🌀 Spiruline\u003c\/h3\u003e\n \u003cp class=\"memo-dose\"\u003e300 mg\u003c\/p\u003e\n \u003cp\u003eSource de protéines, fer et vitamines pour une énergie cérébrale durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n \u003ch3\u003e🟢 Chlorella\u003c\/h3\u003e\n \u003cp class=\"memo-dose\"\u003e200 mg\u003c\/p\u003e\n \u003cp\u003eAlgue détoxifiante, aide à l'élimination des métaux lourds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Ginseng (Panax)\u003c\/h3\u003e\n \u003cp class=\"memo-dose\"\u003e150 mg\u003c\/p\u003e\n \u003cp\u003ePlante adaptogène reconnue pour soutenir la mémoire et la vigilance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n \u003ch3\u003e🍒 Acérola\u003c\/h3\u003e\n \u003cp class=\"memo-dose\"\u003e100 mg (700 mg fruit)\u003c\/p\u003e\n \u003cp\u003eVitamine C naturelle, booste les défenses et protège les cellules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Extrait pépins de raisin\u003c\/h3\u003e\n \u003cp class=\"memo-dose\"\u003e80 mg\u003c\/p\u003e\n \u003cp\u003eRiche en proanthocyanidines, puissant antioxydant cérébral\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Bienfaits --\u003e\n \u003csection class=\"memo-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits de Mémorinda sur la mémoire \u0026amp; la concentration\u003c\/h2\u003e\n \n \u003cdiv class=\"memo-grid\"\u003e\n \u003cdiv class=\"memo-card\"\u003e\n \u003ch3\u003e🧠 Améliorer la mémoire\u003c\/h3\u003e\n \u003cp\u003eStimulation de la plasticité neuronale grâce à l'Héricium et aux antioxydants ciblés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-card\"\u003e\n \u003ch3\u003e🎯 Optimiser la concentration\u003c\/h3\u003e\n \u003cp\u003eMeilleure circulation sanguine cérébrale et vitalité globale pour rester focus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-card\"\u003e\n \u003ch3\u003e🧹 Détoxifier l'organisme\u003c\/h3\u003e\n \u003cp\u003eÉlimination des métaux lourds (chlorella) et protection anti-oxydante complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-card\"\u003e\n \u003ch3\u003e🛡️ Renforcer les défenses\u003c\/h3\u003e\n \u003cp\u003eVitamine C naturelle et adaptogènes pour lutter efficacement contre le stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"memo-tip\"\u003e\n \u003cspan class=\"memo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eIdéal pour :\u003c\/strong\u003e étudiants en période d'examens, actifs sous pression, seniors souhaitant préserver leur vivacité d'esprit… ou toute personne désirant booster ses capacités intellectuelles naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Conseils --\u003e\n \u003csection class=\"memo-section\"\u003e\n \u003ch2\u003e✅ Conseils d'utilisation\u003c\/h2\u003e\n \n \u003cdiv class=\"memo-timeline\"\u003e\n \u003cdiv class=\"memo-timeline-item\"\u003e\n \u003cdiv class=\"memo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"memo-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 6 mois\u003c\/strong\u003e pour découvrir les effets cumulés sur vos fonctions cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-timeline-item\"\u003e\n \u003cdiv class=\"memo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"memo-timeline-content\"\u003e\n \u003ch3\u003ePrise régulière\u003c\/h3\u003e\n \u003cp\u003eChaque jour, idéalement à la même heure pour maximiser l'adhésion et les résultats\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"memo-timeline-item\"\u003e\n \u003cdiv class=\"memo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"memo-timeline-content\"\u003e\n \u003ch3\u003eHygiène de vie\u003c\/h3\u003e\n \u003cp\u003eComplétez avec un bon sommeil, une activité physique régulière et une hydratation suffisante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"memo-accordion\"\u003e\n \u003cdetails class=\"memo-accordion-item\"\u003e\n \u003csummary class=\"memo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"memo-accordion-content\"\u003e\n \u003cp\u003eNe remplace pas un traitement médical. Consultez un professionnel de santé en cas de pathologie ou traitement chronique. Déconseillé aux femmes enceintes et allaitantes. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"memo-accordion-item\"\u003e\n \u003csummary class=\"memo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"memo-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"memo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"memo-cta-box\"\u003e\n \u003cp\u003e🧠 Offrez à votre cerveau le meilleur de la nature avec \u003cstrong\u003eMemorinda\u003c\/strong\u003e — formule exclusive Jade Recherche pour une mémoire vive et une concentration optimale !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"memo-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS MEMORINDA === *\/\n:root {\n --memo-cream: #f8faf5;\n --memo-white: #ffffff;\n --memo-primary: #4CAF50;\n --memo-primary-dark: #2e7d32;\n --memo-primary-light: #e8f5e9;\n --memo-secondary: #2196F3;\n --memo-secondary-light: #e3f2fd;\n --memo-accent: #FFD700;\n --memo-accent-dark: #f9a825;\n --memo-text: #1a1a1a;\n --memo-text-light: #5a5a5a;\n --memo-border: #e0e0e0;\n --memo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --memo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --memo-radius: 20px;\n --memo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.memo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--memo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.memo-hero {\n position: relative;\n background: linear-gradient(135deg, var(--memo-secondary) 0%, var(--memo-primary) 50%, var(--memo-primary-dark) 100%);\n border-radius: var(--memo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--memo-shadow-lg);\n}\n\n.memo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,215,0,.2) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 30%);\n opacity: 1;\n}\n\n.memo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.memo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.memo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--memo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.memo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.memo-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.memo-subtitle {\n color: var(--memo-accent);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.memo-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.memo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.memo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--memo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.memo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--memo-secondary), var(--memo-primary));\n border-radius: 2px;\n}\n\n.memo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--memo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === DOSAGE BOX === *\/\n.memo-dosage-box {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.memo-dosage-item {\n background: linear-gradient(135deg, var(--memo-secondary) 0%, var(--memo-primary) 100%);\n border-radius: var(--memo-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n min-width: 120px;\n box-shadow: var(--memo-shadow);\n}\n\n.memo-dosage-number {\n display: block;\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.memo-dosage-label {\n display: block;\n font-size: 12px;\n color: rgba(255,255,255,.9);\n margin-top: 4px;\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.memo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.memo-card {\n background: var(--memo-white);\n border-radius: var(--memo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--memo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.memo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--memo-shadow-lg);\n border-color: var(--memo-primary);\n}\n\n.memo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--memo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.memo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--memo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (avec dosage) === *\/\n.memo-card-ingredient .memo-dose {\n display: inline-block;\n background: linear-gradient(135deg, var(--memo-accent), var(--memo-accent-dark));\n color: var(--memo-text);\n font-size: 13px;\n font-weight: 800;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n\/* === TIP BOX === *\/\n.memo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--memo-secondary-light);\n border-radius: var(--memo-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--memo-secondary);\n}\n\n.memo-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.memo-tip p {\n font-size: 15px;\n color: var(--memo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.memo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.memo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.memo-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--memo-secondary), var(--memo-primary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(76,175,80,.3);\n}\n\n.memo-timeline-content {\n flex: 1;\n background: var(--memo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--memo-radius-sm);\n box-shadow: var(--memo-shadow);\n}\n\n.memo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--memo-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.memo-timeline-content p {\n font-size: 14px;\n color: var(--memo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.memo-accordion {\n background: var(--memo-white);\n border-radius: var(--memo-radius);\n box-shadow: var(--memo-shadow);\n overflow: hidden;\n}\n\n.memo-accordion-item {\n border-bottom: 1px solid var(--memo-border);\n margin: 0;\n padding: 0;\n}\n\n.memo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.memo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--memo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.memo-accordion-header:hover {\n background: var(--memo-primary-light);\n}\n\n.memo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.memo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--memo-primary);\n transition: transform .2s ease;\n}\n\n.memo-accordion-item[open] .memo-accordion-header::after {\n content: '−';\n}\n\n.memo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--memo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.memo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.memo-cta-box {\n background: linear-gradient(135deg, var(--memo-primary) 0%, var(--memo-secondary) 100%);\n border-radius: var(--memo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.memo-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,215,0,.15) 0%, transparent 50%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.memo-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.memo-disclaimer {\n font-size: 12px;\n color: var(--memo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .memo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .memo-card {\n padding: 1.125rem;\n }\n \n .memo-section {\n margin-bottom: 1.75rem;\n }\n \n .memo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--memo-radius-sm);\n }\n \n .memo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .memo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .memo-dosage-box {\n gap: .75rem;\n }\n \n .memo-dosage-item {\n padding: .875rem 1rem;\n min-width: 100px;\n }\n \n .memo-dosage-number {\n font-size: 22px;\n }\n \n .memo-dosage-label {\n font-size: 11px;\n }\n \n .memo-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .memo-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .memo-timeline-content h3 {\n font-size: 14px;\n }\n \n .memo-timeline-content p {\n font-size: 13px;\n }\n \n .memo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .memo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .memo-tip {\n padding: 1rem;\n gap: .75rem;\n }\n \n .memo-tip-icon {\n font-size: 24px;\n }\n \n .memo-tip p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .memo-card {\n animation: fadeInUp .5s ease backwards;\n }\n .memo-card:nth-child(1) { animation-delay: .05s; }\n .memo-card:nth-child(2) { animation-delay: .1s; }\n .memo-card:nth-child(3) { animation-delay: .15s; }\n .memo-card:nth-child(4) { animation-delay: .2s; }\n .memo-card:nth-child(5) { animation-delay: .25s; }\n .memo-card:nth-child(6) { animation-delay: .3s; }\n .memo-card:nth-child(7) { animation-delay: .35s; }\n \n .memo-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .memo-timeline-item:nth-child(1) { animation-delay: .1s; }\n .memo-timeline-item:nth-child(2) { animation-delay: .2s; }\n .memo-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .memo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .memo-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"60 gélules","offer_id":56167821836665,"sku":"MEMORINDA-1","price":29.73,"currency_code":"EUR","in_stock":true},{"title":"180 gélules","offer_id":56167821869433,"sku":"MEMORINDA-2","price":76.07,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/memorinda_jade_recherche-min.jpg?v=1758476452"},{"product_id":"vascu10-atout-jeunesse-jade-recherche","title":"Vascu 10 - Atout Jeunesse - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vascu 10 - Complément alimentaire cardiovasculaire\nPalette détectée:\n - Primaire: #C73333 (rouge des bandes horizontales - évoque le sang\/cœur)\n - Secondaire: #2E5C8A (bleu du logo cœur et texte ingrédients - confiance\/médical)\n - Accent: #3A7D3A (vert du texte \"VASCU 10\" - naturalité)\nAmbiance: Médical\/santé cardiovasculaire avec touche naturelle. Packaging blanc épuré, professionnel type laboratoire. Logo cœur bicolore rouge\/bleu symbolisant la circulation. Style clinique rassurant.\nPréfixe CSS: vc\n--\u003e\n\n\u003cdiv class=\"vc-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"vc-hero\"\u003e\n \u003cdiv class=\"vc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vc-hero-content\"\u003e\n \u003cdiv class=\"vc-badges-top\"\u003e\n \u003cspan class=\"vc-badge\"\u003e❤️ Santé cardiovasculaire\u003c\/span\u003e\n \u003cspan class=\"vc-badge\"\u003e🧬 5 actifs synergiques\u003c\/span\u003e\n \u003cspan class=\"vc-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vc-hero-title\"\u003eVascu 10\u003c\/span\u003e\n \u003cp class=\"vc-subtitle\"\u003eAtout jeunesse pour votre système vasculaire\u003c\/p\u003e\n \u003cp class=\"vc-description\"\u003eUne formule concentrée associant nicotinamide, carnosine, bromélaïne, CoQ10 et bêta-alanine pour soutenir la santé de vos vaisseaux et préserver votre vitalité cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"vc-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits de Vascu 10\u003c\/h2\u003e\n \u003cdiv class=\"vc-grid\"\u003e\n \u003cdiv class=\"vc-card\"\u003e\n \u003ch3\u003e❤️ Protection vasculaire\u003c\/h3\u003e\n \u003cp\u003eSoutient l'intégrité et l'élasticité de vos vaisseaux sanguins pour une circulation optimale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card\"\u003e\n \u003ch3\u003e⚡ Énergie cellulaire\u003c\/h3\u003e\n \u003cp\u003eLe CoQ10 et la nicotinamide boostent la production d'ATP, carburant essentiel de vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eLa carnosine neutralise les radicaux libres et protège vos tissus du stress oxydatif lié à l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card\"\u003e\n \u003ch3\u003e🔄 Circulation fluide\u003c\/h3\u003e\n \u003cp\u003eLa bromélaïne favorise une bonne fluidité sanguine et soutient le confort circulatoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card\"\u003e\n \u003ch3\u003e🧬 Anti-âge cellulaire\u003c\/h3\u003e\n \u003cp\u003eFormule \"atout jeunesse\" qui préserve la vitalité de vos cellules et tissus vasculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card\"\u003e\n \u003ch3\u003e🌿 100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules HPMC d'origine végétale, convient aux végétariens et végétaliens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"vc-section\"\u003e\n \u003ch2\u003e🧪 Composition par dose (2 gélules)\u003c\/h2\u003e\n \u003cdiv class=\"vc-grid\"\u003e\n \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n \u003ch3\u003e💊 Nicotinamide (B3)\u003c\/h3\u003e\n \u003cdiv class=\"vc-dosage\"\u003e430 mg\u003c\/div\u003e\n \u003cp\u003eForme active de la vitamine B3, essentielle au métabolisme énergétique et à la réparation de l'ADN cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n \u003ch3\u003e🧬 Carnosine\u003c\/h3\u003e\n \u003cdiv class=\"vc-dosage\"\u003e360 mg\u003c\/div\u003e\n \u003cp\u003eDipeptide anti-glycation puissant qui protège les protéines et ralentit le vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n \u003ch3\u003e🍍 Bromélaïne\u003c\/h3\u003e\n \u003cdiv class=\"vc-dosage\"\u003e80 mg\u003c\/div\u003e\n \u003cp\u003eEnzyme naturelle de l'ananas aux propriétés anti-inflammatoires et pro-circulatoires reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n \u003ch3\u003e⚡ Coenzyme Q10\u003c\/h3\u003e\n \u003cdiv class=\"vc-dosage\"\u003e70 mg\u003c\/div\u003e\n \u003cp\u003eCoenzyme indispensable à la production d'énergie mitochondriale, particulièrement important pour le cœur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card vc-card-ingredient\"\u003e\n \u003ch3\u003e💪 Bêta-alanine\u003c\/h3\u003e\n \u003cdiv class=\"vc-dosage\"\u003e20 mg\u003c\/div\u003e\n \u003cp\u003ePrécurseur de la carnosine, amplifie son action protectrice contre l'acidité et l'oxydation tissulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"vc-section\"\u003e\n \u003ch2\u003e👥 Pour qui est Vascu 10 ?\u003c\/h2\u003e\n \u003cdiv class=\"vc-grid-compact\"\u003e\n \u003cdiv class=\"vc-card\"\u003e\n \u003ch3\u003e👴 Seniors actifs\u003c\/h3\u003e\n \u003cp\u003ePréserver la jeunesse vasculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eOptimiser récupération et endurance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card\"\u003e\n \u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n \u003cp\u003eContrer le stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-card\"\u003e\n \u003ch3\u003e🧘 Préventif 40+\u003c\/h3\u003e\n \u003cp\u003eAnticiper le vieillissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"vc-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"vc-usage-box\"\u003e\n \u003cdiv class=\"vc-usage-step\"\u003e\n \u003cdiv class=\"vc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePosologie\u003c\/strong\u003e\n \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-usage-step\"\u003e\n \u003cdiv class=\"vc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMoment\u003c\/strong\u003e\n \u003cp\u003ePendant un repas avec un verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vc-usage-step\"\u003e\n \u003cdiv class=\"vc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDurée\u003c\/strong\u003e\n \u003cp\u003eCure de 30 jours, renouvelable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"vc-section\"\u003e\n \u003ch2\u003e📌 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"vc-accordion\"\u003e\n \u003cdetails class=\"vc-accordion-item\"\u003e\n \u003csummary class=\"vc-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"vc-accordion-content\"\u003e\n \u003cp\u003ePilulier de 60 gélules végétales HPMC, soit 30 jours de cure à raison de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vc-accordion-item\"\u003e\n \u003csummary class=\"vc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vc-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer après usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vc-accordion-item\"\u003e\n \u003csummary class=\"vc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vc-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes. En cas de traitement médical, consulter votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vc-accordion-item\"\u003e\n \u003csummary class=\"vc-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"vc-accordion-content\"\u003e\n \u003cp\u003eFormulé et fabriqué en France par Jade Recherche. Stéarate de magnésium végétal utilisé comme anti-agglomérant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"vc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vc-cta-box\"\u003e\n \u003cp\u003e🫀 \u003cstrong\u003eVascu 10\u003c\/strong\u003e : la synergie de 5 actifs premium pour protéger votre capital vasculaire et préserver la jeunesse de vos cellules. Investissez dans votre santé cardiovasculaire dès aujourd'hui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --vc-cream: #F7F5F2;\n --vc-white: #ffffff;\n --vc-primary: #C73333;\n --vc-primary-dark: #A52828;\n --vc-primary-light: #FCE8E8;\n --vc-secondary: #2E5C8A;\n --vc-accent: #3A7D3A;\n --vc-text: #1a1a1a;\n --vc-text-light: #5a5a5a;\n --vc-border: #e0e0e0;\n --vc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --vc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --vc-radius: 20px;\n --vc-radius-sm: 12px;\n}\n\n.vc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vc-secondary) 0%, #3D6FA0 50%, var(--vc-primary) 100%);\n border-radius: var(--vc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.vc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.vc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--vc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.vc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.vc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.vc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--vc-primary), var(--vc-secondary));\n border-radius: 2px;\n}\n\n.vc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vc-card {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vc-shadow-lg);\n border-color: var(--vc-primary);\n}\n\n.vc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vc-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vc-card-ingredient {\n border-left: 4px solid var(--vc-accent);\n text-align: left;\n}\n\n.vc-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--vc-primary), var(--vc-primary-dark));\n color: white;\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 800;\n margin-bottom: .75rem;\n}\n\n.vc-usage-box {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vc-shadow);\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem;\n justify-content: center;\n}\n\n.vc-usage-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n min-width: 200px;\n}\n\n.vc-step-num {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--vc-primary), var(--vc-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n color: white;\n flex-shrink: 0;\n}\n\n.vc-usage-step strong {\n display: block;\n font-size: 15px;\n color: var(--vc-secondary);\n margin-bottom: 2px;\n}\n\n.vc-usage-step p {\n font-size: 13px;\n color: var(--vc-text-light);\n margin: 0;\n}\n\n.vc-accordion {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n box-shadow: var(--vc-shadow);\n overflow: hidden;\n}\n\n.vc-accordion-item {\n border-bottom: 1px solid var(--vc-border);\n margin: 0;\n padding: 0;\n}\n\n.vc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.vc-accordion-header:hover {\n background: var(--vc-primary-light);\n}\n\n.vc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vc-primary);\n transition: transform .2s ease;\n}\n\n.vc-accordion-item[open] .vc-accordion-header::after {\n content: '−';\n}\n\n.vc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.vc-accordion-content p {\n margin: 0;\n}\n\n.vc-cta-box {\n background: linear-gradient(135deg, var(--vc-primary) 0%, var(--vc-primary-dark) 100%);\n border-radius: var(--vc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .vc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vc-grid-compact {\n gap: .625rem;\n }\n \n .vc-grid-compact .vc-card {\n padding: .75rem;\n }\n \n .vc-grid-compact .vc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .vc-grid-compact .vc-card p {\n font-size: 12px;\n }\n \n .vc-card {\n padding: 1.125rem;\n }\n \n .vc-section {\n margin-bottom: 1.75rem;\n }\n \n .vc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vc-radius-sm);\n }\n \n .vc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vc-usage-box {\n flex-direction: column;\n gap: 1rem;\n }\n \n .vc-usage-step {\n min-width: auto;\n }\n \n .vc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .vc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .vc-card:nth-child(1) { animation-delay: .05s; }\n .vc-card:nth-child(2) { animation-delay: .1s; }\n .vc-card:nth-child(3) { animation-delay: .15s; }\n .vc-card:nth-child(4) { animation-delay: .2s; }\n .vc-card:nth-child(5) { animation-delay: .25s; }\n .vc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .vc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755254341789,"sku":"JADEVASCU10","price":33.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vascu10_jaderecherche_11zon.jpg?v=1767976339"},{"product_id":"apigene-90-extrait-a-90-jade-recherche","title":"Apigene 90 - extrait à 90% d'apigénine - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Apigene 90 - Extrait à 90% d'apigénine - Jade Recherche\nPalette détectée:\n - Primaire: #E63329 (rouge vif du logo APIGENE)\n - Secondaire: #2E8B57 (vert émeraude des accents et flèches)\n - Accent: #1E73BE (bleu du bandeau Citrus Paradisi)\n - Neutre: #F5F5F0 (crème\/beige clair pour le fond)\nAmbiance: Scientifique\/pharmaceutique avec une touche naturelle (agrumes), packaging médical épuré, pot en verre transparent suggérant pureté et qualité\nPréfixe CSS: api\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits de l'apigénine pour la peau\"\n 2. \"🧪 Composition\"\n 3. \"🧴 Mode d'emploi\"\n 4. \"⚠️ Précautions d'emploi\"\n 5. \"🔎 Notre avis sur Apigene 90\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"api-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"api-hero\"\u003e\n \u003cdiv class=\"api-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"api-hero-content\"\u003e\n \u003cdiv class=\"api-badges-top\"\u003e\n \u003cspan class=\"api-badge\"\u003e🍊 Citrus Paradisi\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🔬 90% Apigénine\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"api-hero-title\"\u003eApigene 90\u003c\/span\u003e\n \u003cp class=\"api-subtitle\"\u003eExtrait concentré à 90% d'apigénine\u003c\/p\u003e\n \u003cp class=\"api-description\"\u003eUn soin topique hautement concentré en apigénine, flavonoïde naturel extrait du pamplemousse, pour apaiser les inflammations cutanées, atténuer les cernes et renforcer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Les bienfaits de l'apigénine pour la peau --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'apigénine pour la peau\u003c\/h2\u003e\n \u003cdiv class=\"api-grid\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e👁️ Réduction des cernes et ecchymoses\u003c\/h3\u003e\n \u003cp\u003eL'apigénine améliore la microcirculation en renforçant les parois capillaires et en favorisant l'élimination de la bilirubine, responsable de la coloration des cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌿 Apaisement des inflammations\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés anti-inflammatoires puissantes, l'apigénine atténue les réactions inflammatoires de la peau, idéale en cas de dermatite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🛡️ Renforcement de la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eL'application topique réduit la perte d'eau transépidermique et augmente l'hydratation du stratum corneum pour une peau protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"api-grid-compact\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🍊 Ingrédient actif\u003c\/h3\u003e\n \u003cp\u003eExtrait de \u003cem\u003eCitrus paradisi\u003c\/em\u003e titré à 90% d'apigénine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre de 8 g de poudre pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Mode d'emploi --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🧴 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"api-timeline\"\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e200 à 400 mg par jour, soit une à deux cuillères doseuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003eDiluer la poudre dans quelques gouttes d'eau ou d'huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquer localement sur la zone concernée en massant légèrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisation quotidienne recommandée pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"api-accordion\"\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🚫 Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eCe produit est destiné exclusivement à un usage topique. Ne pas ingérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🍋 Allergies aux agrumes\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue aux agrumes ou au pamplemousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Notre avis sur Apigene 90 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🔎 Notre avis sur Apigene 90\u003c\/h2\u003e\n \u003cdiv class=\"api-testimonial\"\u003e\n \u003cp class=\"api-testimonial-text\"\u003e\"Très honnêtement, Apigene 90 s'adresse surtout à celles et ceux qui veulent aller un peu plus loin dans le soin ciblé. Ce n'est pas le genre de produit qu'on applique vite fait sans y penser : il demande un peu de préparation, un dosage précis, et surtout une utilisation régulière pour bien en tirer les bénéfices. Mais c'est justement là que réside tout son intérêt. Vous avez des cernes marqués, une peau qui rougit facilement, ou quelques irritations chroniques ? Dans ces cas-là, l'apigénine à cette concentration peut vraiment faire la différence. On apprécie beaucoup la pureté de la formule, sans ingrédients superflus ni parfum ajouté, ce qui en fait une option très douce pour la peau, même sensible. Après, soyons transparents : il ne remplacera pas une bonne routine de base, mais il viendra la compléter de façon très efficace sur les zones spécifiques qui posent problème.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"api-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"api-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau le pouvoir apaisant de l'apigénine avec Apigene 90.\u003cbr\u003eUn soin naturel et concentré pour une peau visiblement plus lumineuse et revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"api-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à une routine de soin complète. Résultats variables selon les individus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --api-cream: #F7F6F2;\n --api-white: #ffffff;\n --api-primary: #E63329;\n --api-primary-dark: #C42A22;\n --api-primary-light: #FEF0EF;\n --api-secondary: #2E8B57;\n --api-secondary-light: #E8F5EE;\n --api-accent: #1E73BE;\n \n \/* Textes *\/\n --api-text: #1a1a1a;\n --api-text-light: #5a5a5a;\n \n \/* Effets *\/\n --api-border: #e0e0e0;\n --api-shadow: 0 4px 24px rgba(0,0,0,.08);\n --api-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --api-radius: 20px;\n --api-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.api-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--api-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.api-hero {\n position: relative;\n background: linear-gradient(135deg, var(--api-primary) 0%, var(--api-primary-dark) 40%, var(--api-secondary) 100%);\n border-radius: var(--api-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--api-shadow-lg);\n}\n\n.api-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.api-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.api-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.api-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.api-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.api-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.api-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--api-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.api-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.api-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.api-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--api-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.api-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--api-primary), var(--api-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.api-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.api-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.api-card {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--api-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.api-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--api-shadow-lg);\n border-color: var(--api-primary);\n}\n\n.api-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--api-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.api-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.api-grid-compact .api-card {\n padding: 1.25rem;\n}\n\n.api-grid-compact .api-card h3 {\n font-size: 15px;\n margin-bottom: .5rem;\n}\n\n.api-grid-compact .api-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.api-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.api-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.api-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--api-primary), var(--api-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(230,51,41,.25);\n}\n\n.api-timeline-content {\n flex: 1;\n background: var(--api-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--api-radius-sm);\n box-shadow: var(--api-shadow);\n}\n\n.api-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--api-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.api-timeline-content p {\n font-size: 14px;\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.api-accordion {\n background: var(--api-white);\n border-radius: var(--api-radius);\n box-shadow: var(--api-shadow);\n overflow: hidden;\n}\n\n.api-accordion-item {\n border-bottom: 1px solid var(--api-border);\n margin: 0;\n padding: 0;\n}\n\n.api-accordion-item:last-child {\n border-bottom: none;\n}\n\n.api-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--api-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.api-accordion-header:hover {\n background: var(--api-primary-light);\n}\n\n.api-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.api-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--api-primary);\n transition: transform .2s ease;\n}\n\n.api-accordion-item[open] .api-accordion-header::after {\n content: '−';\n}\n\n.api-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--api-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 0;\n}\n\n.api-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.api-testimonial {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--api-shadow);\n border-left: 4px solid var(--api-secondary);\n}\n\n.api-testimonial-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--api-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.api-cta-box {\n background: linear-gradient(135deg, var(--api-secondary) 0%, #236B43 100%);\n border-radius: var(--api-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.api-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 200px;\n height: 200px;\n background: rgba(255,255,255,.08);\n border-radius: 50%;\n}\n\n.api-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.api-disclaimer {\n font-size: 12px;\n color: var(--api-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .api-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .api-grid-compact {\n gap: .75rem;\n }\n \n .api-grid-compact .api-card {\n padding: 1rem;\n }\n \n .api-grid-compact .api-card h3 {\n font-size: 14px;\n }\n \n .api-grid-compact .api-card p {\n font-size: 12px;\n }\n \n .api-card {\n padding: 1.125rem;\n }\n \n .api-section {\n margin-bottom: 1.75rem;\n }\n \n .api-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--api-radius-sm);\n }\n \n .api-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .api-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .api-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .api-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .api-timeline-content h3 {\n font-size: 14px;\n }\n \n .api-timeline-content p {\n font-size: 13px;\n }\n \n .api-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .api-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .api-testimonial {\n padding: 1.25rem;\n }\n \n .api-testimonial-text {\n font-size: 14px;\n }\n \n .api-badges-top {\n gap: 6px;\n }\n \n .api-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .api-card {\n animation: fadeInUp .5s ease backwards;\n }\n .api-card:nth-child(1) { animation-delay: .05s; }\n .api-card:nth-child(2) { animation-delay: .1s; }\n .api-card:nth-child(3) { animation-delay: .15s; }\n .api-card:nth-child(4) { animation-delay: .2s; }\n .api-card:nth-child(5) { animation-delay: .25s; }\n .api-card:nth-child(6) { animation-delay: .3s; }\n \n .api-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .api-timeline-item:nth-child(1) { animation-delay: .1s; }\n .api-timeline-item:nth-child(2) { animation-delay: .2s; }\n .api-timeline-item:nth-child(3) { animation-delay: .3s; }\n .api-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .api-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755254767773,"sku":"APIJADE90","price":50.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/apigene-90-extrait-a-90-dapigenine-jade-recherche-lifestyle.webp?v=1768908833"},{"product_id":"cire-coiffante-bio-40-g-k-pour-karite","title":"Cire Coiffante Bio - 40 gr - K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cire Coiffante Bio K pour Karité\nPalette détectée:\n - Primaire: #8B6914 (brun doré\/bronze du packaging)\n - Secondaire: #5C4A1F (brun foncé terreux)\n - Accent: #C4A35A (doré lumineux)\nAmbiance: Naturel\/organique, masculin-unisexe, artisanal, terreux et authentique\nPréfixe CSS: kpk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Conseils d'utilisation\"\n 2. \"Composition\"\n 3. \"Origine et fabrication\"\n 4. \"Ingrédients\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kpk-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"kpk-hero\"\u003e\n \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kpk-hero-content\"\u003e\n \u003cdiv class=\"kpk-badges-top\"\u003e\n \u003cspan class=\"kpk-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🐝 Cire d'abeille\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e✨ Bio certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eCire Coiffante Bio K pour Karité\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eSculptez votre style naturellement\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eUne formule unique aux ingrédients biologiques pour structurer et styliser votre coiffure tout en respectant vos cheveux et l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n \u003cp\u003eBoîte de 40g facile à transporter, idéale pour un usage quotidien à la maison ou en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003eFacile à appliquer et à rincer, sans résidus gras. Laisse les cheveux souples et légers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌸 Parfum subtil\u003c\/h3\u003e\n \u003cp\u003eUne expérience sensorielle exceptionnelle avec un parfum naturel et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CONSEILS D'UTILISATION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une petite quantité\u003c\/h3\u003e\n \u003cp\u003ePrenez une noisette de cire dans la paume de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez entre vos mains\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement pour réchauffer la cire et la rendre plus malléable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eSculptez votre coiffure\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux secs ou humides en modelant selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eRemodelable à volonté\u003c\/h3\u003e\n \u003cp\u003eSa formule légère permet de remodeler votre coiffure à tout moment de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pro :\u003c\/strong\u003e Sur l'ensemble de la chevelure pour un effet plaqué ou sculpté, uniquement sur les pointes pour un rendu naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kpk-usages\"\u003e\n \u003cp class=\"kpk-usages-title\"\u003eIdéale pour :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✂️ Coupes courtes\u003c\/h3\u003e\n \u003cp\u003eÉbouriffez et texturez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💇 Cheveux longs\u003c\/h3\u003e\n \u003cp\u003eRelief et discipline\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n \u003cp\u003eTexture et volume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eDéfinition des boucles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eDes ingrédients naturels et biologiques soigneusement sélectionnés pour leurs bienfaits pour le cuir chevelu et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003ePropriétés hydratantes et nourrissantes exceptionnelles. Assure une protection optimale de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure la tenue de votre coiffure tout en respectant la nature de vos cheveux, sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et minéraux, elle nourrit et protège vos cheveux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de romarin\u003c\/h3\u003e\n \u003cp\u003eStimule la circulation sanguine du cuir chevelu, fortifie les cheveux et aide à prévenir leur chute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE ET FABRICATION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"kpk-testimonial\"\u003e\n \u003cp class=\"kpk-testimonial-text\"\u003eFabriquée en France dans la Loire, cette cire coiffante est le fruit d'un savoir-faire artisanal et d'un engagement profond pour le respect de l'environnement. K pour Karité utilise des méthodes de production éthiques et durables pour offrir des produits de haute qualité, tout en minimisant l'impact écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire artisanal de la Loire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 Démarche éthique\u003c\/h3\u003e\n \u003cp\u003eProduction durable et solidaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INGRÉDIENTS --\u003e\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eIngrédients\u003c\/h2\u003e\n \u003cdiv class=\"kpk-accordion\"\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content\"\u003e\n \u003cp\u003eRicinus communis (castor) seed oil, cocos nucifera (coconut) oil*, cera alba (cire d'abeille\/beeswax), hydrogenated castor oil, orbignya oleifera (huile de babassu\/babassu vegetable oil) seed oil*, cetearyl alcohol, simmondsia chinensis (huile végétale de jojoba\/jojoba) seed oil*, butyrospermum parkii (beurre de karité\/shea butter) extract, parfum (fragrance), copernicia cerifera (carnauba) wax, tocopherol, linalool\u003c\/p\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e🌿 Naturalité \u0026amp; certifications\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e100%\u003c\/strong\u003e du total des ingrédients sont d'origine naturelle.\u003cbr\u003e\n \u003cstrong\u003e40%\u003c\/strong\u003e du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cp style=\"margin-top: .5rem;\"\u003eCertifié COSMOS Natural par ECOCERT.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003eFaites le choix d'un produit qui combine \u003cstrong\u003eefficacité\u003c\/strong\u003e, \u003cstrong\u003enaturel\u003c\/strong\u003e et \u003cstrong\u003eéthique\u003c\/strong\u003e.\u003cbr\u003eOffrez à vos cheveux la douceur et la tenue qu'ils méritent.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"kpk-disclaimer\"\u003eLes résultats peuvent varier selon les types de cheveux. Pour une tenue optimale, adapter la quantité à la longueur et l'épaisseur de vos cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #FAF8F5;\n --kpk-white: #ffffff;\n --kpk-primary: #8B6914;\n --kpk-primary-dark: #5C4A1F;\n --kpk-primary-light: #F5EFE0;\n --kpk-secondary: #6B5D4D;\n --kpk-accent: #C4A35A;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e0e0e0;\n --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kpk-radius: 20px;\n --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A1F 0%, #8B6914 50%, #C4A35A 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kpk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kpk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kpk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.kpk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kpk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kpk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kpk-primary), var(--kpk-accent));\n border-radius: 2px;\n}\n\n.kpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kpk-shadow-lg);\n border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kpk-timeline-content {\n flex: 1;\n background: var(--kpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kpk-radius-sm);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n font-size: 14px;\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kpk-primary-light);\n border-radius: var(--kpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kpk-tip p {\n font-size: 14px;\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === USAGES === *\/\n.kpk-usages {\n margin-top: 1.5rem;\n}\n\n.kpk-usages-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n text-align: center;\n margin-bottom: 1rem;\n}\n\n\/* === TESTIMONIAL === *\/\n.kpk-testimonial {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kpk-shadow);\n border-left: 4px solid var(--kpk-primary);\n}\n\n.kpk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kpk-accordion {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n box-shadow: var(--kpk-shadow);\n overflow: hidden;\n}\n\n.kpk-accordion-item {\n border-bottom: 1px solid var(--kpk-border);\n margin: 0;\n padding: 0;\n}\n\n.kpk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kpk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kpk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kpk-accordion-header:hover {\n background: var(--kpk-primary-light);\n}\n\n.kpk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kpk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kpk-primary);\n transition: transform .2s ease;\n}\n\n.kpk-accordion-item[open] .kpk-accordion-header::after {\n content: '−';\n}\n\n.kpk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kpk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kpk-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.kpk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kpk-disclaimer {\n font-size: 12px;\n color: var(--kpk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kpk-card {\n padding: 1.125rem;\n }\n \n .kpk-section {\n margin-bottom: 1.75rem;\n }\n \n .kpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kpk-radius-sm);\n }\n \n .kpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kpk-grid-compact {\n gap: .625rem;\n }\n \n .kpk-grid-compact .kpk-card {\n padding: .75rem;\n }\n \n .kpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kpk-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kpk-timeline-content h3 {\n font-size: 14px;\n }\n \n .kpk-timeline-content p {\n font-size: 13px;\n }\n \n .kpk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kpk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kpk-testimonial {\n padding: 1.25rem;\n }\n \n .kpk-testimonial-text {\n font-size: 14px;\n }\n \n .kpk-tip {\n padding: .875rem 1rem;\n }\n \n .kpk-tip-icon {\n font-size: 20px;\n }\n \n .kpk-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kpk-card:nth-child(1) { animation-delay: .05s; }\n .kpk-card:nth-child(2) { animation-delay: .1s; }\n .kpk-card:nth-child(3) { animation-delay: .15s; }\n .kpk-card:nth-child(4) { animation-delay: .2s; }\n .kpk-card:nth-child(5) { animation-delay: .25s; }\n .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kpk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755260666013,"sku":"KPKCCC1","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cire-coiffante-bio-40-gr-k-pour-karite-packshothd.webp?v=1775998731"},{"product_id":"prostajade-jade-recherche","title":"Prostajade - Complément alimentaire Naturel pour la Prostate - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: ProstaJade - Complément alimentaire pour la prostate\nPalette détectée:\n - Primaire: #7B2D5B (magenta\/prune profond - bandeau du packaging)\n - Secondaire: #E8A838 (doré\/curcuma - évoquant les ingrédients naturels)\n - Accent: #3A9E8C (vert-bleu de la goutte du logo - fraîcheur, naturalité)\nAmbiance: Médical-naturel premium. Le packaging blanc épuré avec le bandeau prune crée un univers sérieux et rassurant. Les éléments naturels (curcuma, ortie, baies) renforcent l'aspect phytothérapique. Style masculin, sobre, axé santé et bien-être naturel.\nPréfixe CSS: pj\n--\u003e\n\n\u003cdiv class=\"pj-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"pj-hero\"\u003e\n \u003cdiv class=\"pj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pj-hero-content\"\u003e\n \u003cdiv class=\"pj-badges-top\"\u003e\n \u003cspan class=\"pj-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"pj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"pj-badge\"\u003e🌙 Sommeil préservé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pj-hero-title\"\u003eProstaJade\u003c\/span\u003e\n \u003cp class=\"pj-subtitle\"\u003eVotre allié naturel pour le confort prostatique\u003c\/p\u003e\n \u003cp class=\"pj-description\"\u003eUne synergie de 4 extraits de plantes premium pour soutenir votre fonction prostatique, améliorer votre confort urinaire et retrouver des nuits sereines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"pj-section\"\u003e\n \u003ch2\u003e🎯 Les 4 actions clés\u003c\/h2\u003e\n \u003cdiv class=\"pj-grid\"\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e💧 Confort urinaire\u003c\/h3\u003e\n \u003cp\u003eRéduit les envies fréquentes d'uriner et améliore le flux pour une miction plus confortable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e🛡️ Fonction prostatique\u003c\/h3\u003e\n \u003cp\u003eSoutient activement la santé de la prostate et contribue à réduire l'hypertrophie bénigne liée à l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eDiminue les réveils nocturnes pour des nuits plus paisibles et une meilleure récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e🌿 Formule 100% naturelle\u003c\/h3\u003e\n \u003cp\u003e4 extraits de plantes rigoureusement sélectionnés, sans additifs chimiques ni OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"pj-section\"\u003e\n \u003ch2\u003e🌱 Une synergie de 4 plantes d'exception\u003c\/h2\u003e\n \u003cdiv class=\"pj-grid\"\u003e\n \u003cdiv class=\"pj-card pj-card-ingredient\"\u003e\n \u003ch3\u003e🌴 Sabal serrulata\u003c\/h3\u003e\n \u003cp class=\"pj-ingredient-latin\"\u003ePalmier nain (Serenoa repens)\u003c\/p\u003e\n \u003cp\u003eL'actif de référence pour la fonction urinaire normale chez l'homme. Reconnu pour son action bénéfique sur l'hypertrophie prostatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card pj-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Pygeum africanum\u003c\/h3\u003e\n \u003cp class=\"pj-ingredient-latin\"\u003ePrunier d'Afrique\u003c\/p\u003e\n \u003cp\u003eUtilisé traditionnellement depuis des siècles pour soutenir la santé de la prostate et améliorer le confort urinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card pj-card-ingredient\"\u003e\n \u003ch3\u003e✨ Curcuma longa\u003c\/h3\u003e\n \u003cp class=\"pj-ingredient-latin\"\u003eCurcumine biodisponible\u003c\/p\u003e\n \u003cp\u003ePuissantes propriétés anti-inflammatoires et antioxydantes pour protéger les cellules prostatiques du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card pj-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Urtica dioica\u003c\/h3\u003e\n \u003cp class=\"pj-ingredient-latin\"\u003eOrtie dioïque\u003c\/p\u003e\n \u003cp\u003eContribue à l'élimination rénale et soutient la fonction urinaire. Renforce l'action globale de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"pj-section\"\u003e\n \u003ch2\u003e👨 ProstaJade est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"pj-grid\"\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e🎂 Vous avez plus de 45 ans\u003c\/h3\u003e\n \u003cp\u003eL'âge où les troubles prostatiques commencent naturellement à apparaître. Une supplémentation préventive est bénéfique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e🚻 Envies fréquentes d'uriner\u003c\/h3\u003e\n \u003cp\u003eVous ressentez des besoins pressants ou fréquents qui perturbent votre quotidien et vos activités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e😴 Réveils nocturnes répétés\u003c\/h3\u003e\n \u003cp\u003eVos nuits sont fragmentées par des allers-retours aux toilettes, impactant votre qualité de sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e💪 Flux urinaire diminué\u003c\/h3\u003e\n \u003cp\u003eVous constatez une baisse de la force du jet ou une difficulté à initier la miction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"pj-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pj-usage-box\"\u003e\n \u003cdiv class=\"pj-usage-step\"\u003e\n \u003cdiv class=\"pj-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pj-step-content\"\u003e\n \u003ch3\u003e☀️ Matin\u003c\/h3\u003e\n \u003cp\u003e1 gélule au petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-usage-step\"\u003e\n \u003cdiv class=\"pj-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pj-step-content\"\u003e\n \u003ch3\u003e🌤️ Midi\u003c\/h3\u003e\n \u003cp\u003e1 gélule au déjeuner pour maintenir l'action tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-usage-step\"\u003e\n \u003cdiv class=\"pj-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pj-step-content\"\u003e\n \u003ch3\u003e🌙 Soir\u003c\/h3\u003e\n \u003cp\u003e1 gélule au dîner pour une action continue pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eCure recommandée :\u003c\/strong\u003e 2 mois minimum pour des résultats optimaux. Les premiers bienfaits apparaissent généralement après 3 à 4 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"pj-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"pj-grid-compact\"\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e💊 180 gélules\u003c\/h3\u003e\n \u003cp\u003eCure complète de 2 mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pj-card\"\u003e\n \u003ch3\u003e✅ Sans gluten\u003c\/h3\u003e\n \u003cp\u003eSans OGM, sans additifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"pj-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"pj-accordion\"\u003e\n \u003cdetails class=\"pj-accordion-item\"\u003e\n \u003csummary class=\"pj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pj-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, dans un endroit sec. Tenir hors de portée des enfants. Refermer soigneusement après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pj-accordion-item\"\u003e\n \u003csummary class=\"pj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"pj-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de traitement médical en cours, demandez conseil à votre médecin. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pj-accordion-item\"\u003e\n \u003csummary class=\"pj-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"pj-accordion-content\"\u003e\n \u003cp\u003eFabriqué en France par le laboratoire Jade Recherche selon les normes strictes de l'industrie pharmaceutique (BPF). Chaque lot est contrôlé pour garantir la pureté et la teneur en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pj-accordion-item\"\u003e\n \u003csummary class=\"pj-accordion-header\"\u003e📅 Durée de cure recommandée\u003c\/summary\u003e\n \u003cdiv class=\"pj-accordion-content\"\u003e\n \u003cp\u003ePour des résultats significatifs et durables, une cure de 2 à 6 mois est recommandée selon vos besoins. Les études cliniques sur les extraits de plantes montrent une efficacité optimale à partir de 4 mois d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"pj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pj-cta-box\"\u003e\n \u003cp\u003e🌿 \u003cstrong\u003eRetrouvez votre confort masculin naturellement\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eProstaJade associe le meilleur de la phytothérapie pour vous accompagner au quotidien. Une formule naturelle, fabriquée en France, pour préserver votre santé prostatique et améliorer durablement votre qualité de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --pj-cream: #f9f7f5;\n --pj-white: #ffffff;\n --pj-primary: #7B2D5B;\n --pj-primary-dark: #5C1E44;\n --pj-primary-light: #F5EDF2;\n --pj-secondary: #E8A838;\n --pj-accent: #3A9E8C;\n\n --pj-text: #1a1a1a;\n --pj-text-light: #5a5a5a;\n\n --pj-border: #e0e0e0;\n --pj-shadow: 0 4px 24px rgba(123, 45, 91, 0.08);\n --pj-shadow-lg: 0 12px 48px rgba(123, 45, 91, 0.15);\n --pj-radius: 20px;\n --pj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pj-primary) 0%, var(--pj-primary-dark) 50%, #3D1530 100%);\n border-radius: var(--pj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pj-shadow-lg);\n}\n\n.pj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.pj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pj-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.pj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pj-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.pj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.pj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pj-primary), var(--pj-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.pj-card {\n background: var(--pj-white);\n border-radius: var(--pj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pj-shadow-lg);\n border-color: var(--pj-primary);\n}\n\n.pj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pj-card-ingredient {\n background: linear-gradient(135deg, var(--pj-white) 0%, var(--pj-primary-light) 100%);\n}\n\n.pj-ingredient-latin {\n font-style: italic;\n font-size: clamp(12px, 1.8vw, 14px) !important;\n color: var(--pj-primary) !important;\n margin-bottom: .75rem !important;\n}\n\n\/* === GRILLES === *\/\n.pj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pj-grid-compact .pj-card {\n padding: 1rem;\n}\n\n.pj-grid-compact .pj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pj-grid-compact .pj-card p {\n font-size: 12px;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.pj-usage-box {\n background: var(--pj-white);\n border-radius: var(--pj-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--pj-shadow);\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.pj-usage-step {\n display: flex;\n gap: 1.25rem;\n align-items: center;\n}\n\n.pj-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--pj-primary), var(--pj-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(123, 45, 91, 0.3);\n}\n\n.pj-step-content h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--pj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pj-step-content p {\n color: var(--pj-text-light);\n font-size: clamp(13px, 2vw, 15px);\n margin: 0;\n line-height: 1.5;\n}\n\n.pj-tip-box {\n background: linear-gradient(135deg, #FFF9E6 0%, var(--pj-white) 100%);\n border-radius: var(--pj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1rem;\n border-left: 4px solid var(--pj-secondary);\n}\n\n.pj-tip-box p {\n margin: 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pj-text);\n line-height: 1.6;\n}\n\n.pj-tip-box strong {\n color: var(--pj-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.pj-accordion {\n background: var(--pj-white);\n border-radius: var(--pj-radius);\n box-shadow: var(--pj-shadow);\n overflow: hidden;\n}\n\n.pj-accordion-item {\n border-bottom: 1px solid var(--pj-border);\n margin: 0;\n padding: 0;\n}\n\n.pj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pj-accordion-header:hover {\n background: var(--pj-primary-light);\n}\n\n.pj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pj-primary);\n transition: transform .2s ease;\n}\n\n.pj-accordion-item[open] .pj-accordion-header::after {\n content: '−';\n}\n\n.pj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.pj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pj-cta-box {\n background: linear-gradient(135deg, var(--pj-primary) 0%, var(--pj-primary-dark) 100%);\n border-radius: var(--pj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1rem 0;\n}\n\n.pj-cta-box p:last-child {\n margin-bottom: 0;\n font-weight: 400;\n font-size: clamp(14px, 2vw, 17px);\n opacity: .95;\n}\n\n.pj-cta-box strong {\n font-weight: 800;\n font-size: clamp(18px, 3vw, 24px);\n display: block;\n margin-bottom: .5rem;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pj-card {\n padding: 1.125rem;\n }\n \n .pj-section {\n margin-bottom: 1.75rem;\n }\n \n .pj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pj-radius-sm);\n }\n \n .pj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pj-grid-compact {\n gap: .625rem;\n }\n \n .pj-grid-compact .pj-card {\n padding: .75rem;\n }\n \n .pj-usage-step {\n gap: 1rem;\n }\n \n .pj-step-number {\n width: 38px;\n height: 38px;\n font-size: 16px;\n }\n \n .pj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pj-card:nth-child(1) { animation-delay: .05s; }\n .pj-card:nth-child(2) { animation-delay: .1s; }\n .pj-card:nth-child(3) { animation-delay: .15s; }\n .pj-card:nth-child(4) { animation-delay: .2s; }\n .pj-card:nth-child(5) { animation-delay: .25s; }\n .pj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45814290940061,"sku":"PROSTAJADE180","price":39.08,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/prostajade_jade-recherche_11zon.jpg?v=1766656914"},{"product_id":"capitonic-cosmetique-haut-de-gamme-cheveu-125-ml-jade-recherche","title":"Capitonic - Anti-Chute et Repousse des Cheveux - 125 ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Capitonic - Anti-Chute et Repousse des Cheveux\nPalette détectée:\n - Primaire: #E5A91B (jaune doré\/moutarde du bandeau principal)\n - Secondaire: #C84536 (rouge brique du cartouche \"CAPI TONIC\")\n - Accent: #4A7C59 (vert jade du logo Jade Recherche)\nAmbiance: Naturel\/scientifique, laboratoire français, soin capillaire expert, fond blanc épuré avec touches chaudes\nPréfixe CSS: ct\n--\u003e\n\n\u003cdiv class=\"ct-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ct-hero\"\u003e\n \u003cdiv class=\"ct-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ct-hero-content\"\u003e\n \u003cdiv class=\"ct-badges-top\"\u003e\n \u003cspan class=\"ct-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🧪 Silicium organique\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🌿 Huiles essentielles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ct-hero-title\"\u003eCapitonic\u003c\/span\u003e\n \u003cp class=\"ct-subtitle\"\u003eLotion anti-chute \u0026amp; repousse des cheveux\u003c\/p\u003e\n \u003cp class=\"ct-description\"\u003eLa synergie experte du silicium organique, du vinaigre de cidre et des huiles essentielles pour des cheveux renforcés, une chute freinée et une repousse visible.\u003c\/p\u003e\n \u003cdiv class=\"ct-hero-stats\"\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e125\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003eml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e1-6\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003emois de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e2x\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003epar jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI CHOISIR --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003ePourquoi choisir Capitonic ?\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eContrairement aux lotions classiques qui masquent le problème, Capitonic agit en profondeur sur le cuir chevelu et le follicule pileux.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eRenforce la fibre\u003c\/h3\u003e\n \u003cp\u003eAction dès la racine grâce au silicium organique hautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eRééquilibre le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eNormalise la production de sébum pour un environnement sain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eStimule la microcirculation\u003c\/h3\u003e\n \u003cp\u003eNourrit mieux les follicules pour une meilleure vitalité capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eFavorise la repousse\u003c\/h3\u003e\n \u003cp\u003eCheveux plus denses, plus vigoureux et plus résistants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACTIF CLÉ : SILICIUM --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eLe silicium organique : l'actif clé\u003c\/h2\u003e\n \u003cdiv class=\"ct-highlight-box\"\u003e\n \u003cdiv class=\"ct-highlight-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"ct-highlight-content\"\u003e\n \u003cp\u003eCet oligo-élément essentiel est au cœur de la formule Capitonic. Il joue un rôle fondamental dans la santé du cheveu et la régénération du bulbe capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-grid ct-grid-2\"\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e01\u003c\/span\u003e\n \u003ch4\u003eRégénération tissulaire\u003c\/h4\u003e\n \u003cp\u003eSoutient le tissu conjonctif qui entoure et protège le bulbe capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e02\u003c\/span\u003e\n \u003ch4\u003eNutrition optimisée\u003c\/h4\u003e\n \u003cp\u003eAméliore les échanges cellulaires pour mieux nourrir les follicules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e03\u003c\/span\u003e\n \u003ch4\u003eSynergie minérale\u003c\/h4\u003e\n \u003cp\u003ePotentialise le cuivre et le zinc, essentiels à la pigmentation et solidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e04\u003c\/span\u003e\n \u003ch4\u003eTige renforcée\u003c\/h4\u003e\n \u003cp\u003eCheveux plus résistants à la casse et aux agressions quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-cider-box\"\u003e\n \u003cspan class=\"ct-cider-icon\"\u003e🍎\u003c\/span\u003e\n \u003cp\u003eAssocié au \u003cstrong\u003evinaigre de cidre\u003c\/strong\u003e, le silicium contribue à restaurer le pH naturel du cuir chevelu, créant un environnement favorable à la pousse de cheveux sains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- HUILES ESSENTIELLES --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eLe complexe d'huiles essentielles\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eChaque huile a été sélectionnée pour ses propriétés spécifiques sur la santé capillaire.\u003c\/p\u003e\n \u003cdiv class=\"ct-oils-grid\"\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003eLaurier noble\u003c\/h4\u003e\n \u003cp\u003eStimule la circulation sanguine et purifie le cuir chevelu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch4\u003eRomarin\u003c\/h4\u003e\n \u003cp\u003eFavorise la pousse et redonne vigueur aux cheveux fatigués\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch4\u003eSauge\u003c\/h4\u003e\n \u003cp\u003eRégule l'excès de sébum et apporte brillance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch4\u003eYlang-ylang\u003c\/h4\u003e\n \u003cp\u003eNourrit en profondeur avec un parfum délicat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eComment utiliser Capitonic ?\u003c\/h2\u003e\n \u003cdiv class=\"ct-usage-container\"\u003e\n \u003cdiv class=\"ct-usage-daily\"\u003e\n \u003ch3\u003e📋 Application quotidienne\u003c\/h3\u003e\n \u003cdiv class=\"ct-steps\"\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eVaporisez \u003cstrong\u003e1 spray\u003c\/strong\u003e directement sur les racines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eAppliquez \u003cstrong\u003ematin et soir\u003c\/strong\u003e pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eMassez délicatement du bout des doigts pendant \u003cstrong\u003e1 à 2 minutes\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas rincer\u003c\/strong\u003e : le produit agit en continu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ct-usage-note\"\u003e💡 Peut s'appliquer sur cheveux secs ou légèrement humides après le lavage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-usage-duration\"\u003e\n \u003ch3\u003e⏱️ Durée de la cure\u003c\/h3\u003e\n \u003cdiv class=\"ct-duration-box\"\u003e\n \u003cdiv class=\"ct-duration-range\"\u003e\n \u003cspan class=\"ct-duration-num\"\u003e1 à 6\u003c\/span\u003e\n \u003cspan class=\"ct-duration-unit\"\u003emois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eselon l'intensité de la chute\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-results-timeline\"\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e1er mois\u003c\/strong\u003e\n \u003cp\u003eRéduction de la chute, cheveux plus forts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e2-3 mois\u003c\/strong\u003e\n \u003cp\u003eApparition de nouveaux cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e4-6 mois\u003c\/strong\u003e\n \u003cp\u003eDensité et vigueur retrouvées\u003c\/p\u003e\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!-- POUR QUI --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Capitonic ?\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eCette lotion convient aux hommes comme aux femmes, pour tous types de cheveux.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid ct-grid-3\"\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e📉\u003c\/span\u003e\n \u003ch4\u003eChute diffuse ou localisée\u003c\/h4\u003e\n \u003cp\u003ePerte de cheveux visible au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🪶\u003c\/span\u003e\n \u003ch4\u003eCheveux fins et fragiles\u003c\/h4\u003e\n \u003cp\u003eManque de densité et de volume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch4\u003eCuir chevelu déséquilibré\u003c\/h4\u003e\n \u003cp\u003eExcès de sébum ou sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e😰\u003c\/span\u003e\n \u003ch4\u003eStress et fatigue\u003c\/h4\u003e\n \u003cp\u003ePerte de vigueur liée aux tensions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🍂\u003c\/span\u003e\n \u003ch4\u003eChangements saisonniers\u003c\/h4\u003e\n \u003cp\u003eChute automne\/printemps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch4\u003ePrévention\u003c\/h4\u003e\n \u003cp\u003eAvant que la chute ne s'installe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION INCI --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ct-inci-box\"\u003e\n \u003cp style=\"font-size:0.6em;\"\u003eAqua, Acetone, Guar Gum, \u003cstrong\u003eLaurus Nobilis Oil\u003c\/strong\u003e (Huile essentielle de Laurier noble), \u003cstrong\u003eRosmarinus Officinalis Oil\u003c\/strong\u003e (Huile essentielle de Romarin), \u003cstrong\u003eSalvia Officinalis Oil\u003c\/strong\u003e (Huile essentielle de Sauge), \u003cstrong\u003eCananga Odorata Oil\u003c\/strong\u003e (Huile essentielle d'Ylang-ylang), \u003cstrong\u003eMethylsilanol Hydroxyproline Aspartate\u003c\/strong\u003e (Silicium organique), Polysorbate 20, Caprylyl Glycol, Sodium Lactate, Sodium Formate, Citric Acid, Methylchloroisothiazolinone, Benzyl Benzoate, Ascorbic Acid, Phenoxyethanol, Sorbic Acid, Limonene.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ct-warning-box\"\u003e\n \u003cul class=\"ct-warning-list\"\u003e\n \u003cli\u003eUsage externe uniquement\u003c\/li\u003e\n \u003cli\u003eÉvitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire\u003c\/li\u003e\n \u003cli\u003eContient des huiles essentielles : déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ct-info-grid\"\u003e\n\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e💨\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eFlacon spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e⏳\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eDurée\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003e≈ 2 mois\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e🏢\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eLaboratoire\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eJade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e👥\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eHommes \u0026amp; Femmes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ct-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ct-cta-box\"\u003e\n \u003cdiv class=\"ct-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ct-cta-content\"\u003e\n \u003cspan class=\"ct-cta-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eFormulé par \u003cstrong\u003eJade Recherche\u003c\/strong\u003e, laboratoire français engagé dans les soins naturels et efficaces. Des ingrédients rigoureusement sélectionnés pour leur qualité, leur traçabilité et le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"ct-cta-badges\"\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e🔬 Expertise française\u003c\/span\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e💚 Engagement qualité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ct-cream: #FDFBF7;\n --ct-white: #ffffff;\n --ct-primary: #E5A91B;\n --ct-primary-dark: #C4900F;\n --ct-primary-light: #FDF6E3;\n --ct-secondary: #C84536;\n --ct-secondary-light: #FCEAE8;\n --ct-accent: #4A7C59;\n --ct-accent-light: #E8F2EA;\n --ct-text: #1a1a1a;\n --ct-text-light: #5a5a5a;\n --ct-border: #e8e4dc;\n --ct-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ct-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --ct-radius: 20px;\n --ct-radius-sm: 12px;\n}\n\n.ct-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ct-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ct-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.ct-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 50%, var(--ct-secondary) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.ct-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ct-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ct-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ct-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ct-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ct-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ct-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ct-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.ct-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(2rem, 5vw, 4rem);\n flex-wrap: wrap;\n}\n\n.ct-stat {\n text-align: center;\n}\n\n.ct-stat-number {\n display: block;\n color: white;\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n}\n\n.ct-stat-label {\n color: rgba(255,255,255,.8);\n font-size: 14px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.ct-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ct-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--ct-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ct-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ct-primary), var(--ct-secondary));\n border-radius: 2px;\n}\n\n.ct-intro {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--ct-text-light);\n max-width: 700px;\n margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n}\n\n\/* === GRILLES === *\/\n.ct-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.ct-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.ct-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS === *\/\n.ct-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ct-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--ct-shadow-lg);\n border-color: var(--ct-primary);\n}\n\n.ct-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.ct-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 .75rem 0;\n}\n\n.ct-card p {\n font-size: 15px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ct-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--ct-primary-light) 0%, var(--ct-accent-light) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n border-left: 5px solid var(--ct-primary);\n}\n\n.ct-highlight-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.ct-highlight-content p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--ct-text);\n line-height: 1.7;\n}\n\n\/* === BENEFIT CARDS === *\/\n.ct-benefit-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--ct-shadow);\n position: relative;\n overflow: hidden;\n transition: all .3s ease;\n}\n\n.ct-benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-benefit-number {\n position: absolute;\n top: 10px;\n right: 15px;\n font-size: 48px;\n font-weight: 900;\n color: var(--ct-primary);\n opacity: .15;\n line-height: 1;\n}\n\n.ct-benefit-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ct-benefit-card p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CIDER BOX === *\/\n.ct-cider-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 2rem;\n border: 2px dashed var(--ct-primary);\n}\n\n.ct-cider-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ct-cider-box p {\n margin: 0;\n font-size: 15px;\n color: var(--ct-text);\n}\n\n\/* === OILS GRID === *\/\n.ct-oils-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.ct-oil-card {\n background: linear-gradient(145deg, var(--ct-accent-light) 0%, var(--ct-white) 100%);\n border-radius: var(--ct-radius);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid var(--ct-accent);\n border-opacity: .2;\n transition: all .3s ease;\n}\n\n.ct-oil-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-oil-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.ct-oil-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-accent);\n margin: 0 0 .5rem 0;\n}\n\n.ct-oil-card p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === USAGE === *\/\n.ct-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2rem;\n}\n\n.ct-usage-daily, .ct-usage-duration {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-usage-daily h3, .ct-usage-duration h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 1.5rem 0;\n}\n\n.ct-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.ct-step-num {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--ct-primary), var(--ct-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.ct-step p {\n margin: 0;\n font-size: 15px;\n color: var(--ct-text);\n padding-top: 4px;\n}\n\n.ct-usage-note {\n margin: 1.5rem 0 0 0;\n padding: 1rem;\n background: var(--ct-primary-light);\n border-radius: var(--ct-radius-sm);\n font-size: 14px;\n color: var(--ct-primary-dark);\n}\n\n.ct-duration-box {\n text-align: center;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--ct-secondary-light) 0%, var(--ct-primary-light) 100%);\n border-radius: var(--ct-radius-sm);\n margin-bottom: 1.5rem;\n}\n\n.ct-duration-range {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: .5rem;\n}\n\n.ct-duration-num {\n font-size: 42px;\n font-weight: 900;\n color: var(--ct-secondary);\n line-height: 1;\n}\n\n.ct-duration-unit {\n font-size: 20px;\n font-weight: 700;\n color: var(--ct-secondary);\n}\n\n.ct-duration-box \u003e p {\n margin: .5rem 0 0 0;\n font-size: 14px;\n color: var(--ct-text-light);\n}\n\n.ct-results-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-timeline-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.ct-timeline-dot {\n width: 12px;\n height: 12px;\n background: var(--ct-primary);\n border-radius: 50%;\n margin-top: 4px;\n flex-shrink: 0;\n position: relative;\n}\n\n.ct-timeline-item:not(:last-child) .ct-timeline-dot::after {\n content: '';\n position: absolute;\n top: 12px;\n left: 50%;\n transform: translateX(-50%);\n width: 2px;\n height: calc(100% + 1rem);\n background: var(--ct-border);\n}\n\n.ct-timeline-item strong {\n display: block;\n font-size: 14px;\n color: var(--ct-text);\n margin-bottom: 2px;\n}\n\n.ct-timeline-item p {\n margin: 0;\n font-size: 13px;\n color: var(--ct-text-light);\n}\n\n\/* === TARGET CARDS === *\/\n.ct-target-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--ct-shadow);\n transition: all .3s ease;\n}\n\n.ct-target-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-target-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.ct-target-card h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 .25rem 0;\n}\n\n.ct-target-card p {\n font-size: 13px;\n color: var(--ct-text-light);\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.ct-inci-box {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border-left: 5px solid var(--ct-accent);\n}\n\n.ct-inci-box p {\n margin: 0;\n font-size: 14px;\n color: var(--ct-text-light);\n line-height: 1.8;\n}\n\n.ct-inci-box strong {\n color: var(--ct-accent);\n}\n\n\/* === WARNING BOX === *\/\n.ct-warning-box {\n display: flex;\n gap: 1.5rem;\n background: var(--ct-secondary-light);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--ct-secondary);\n}\n\n.ct-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ct-warning-list {\n margin: 0;\n padding-left: 1.25rem;\n list-style: disc;\n}\n\n.ct-warning-list li {\n font-size: 14px;\n color: var(--ct-text);\n margin-bottom: .5rem;\n line-height: 1.6;\n}\n\n.ct-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === INFO GRID === *\/\n.ct-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.ct-info-item {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--ct-shadow);\n transition: all .3s ease;\n}\n\n.ct-info-item:hover {\n transform: translateY(-3px);\n}\n\n.ct-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.ct-info-label {\n display: block;\n font-size: 12px;\n color: var(--ct-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.ct-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.ct-cta-box {\n background: linear-gradient(135deg, var(--ct-accent) 0%, #3a6347 100%);\n border-radius: var(--ct-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ct-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 5c-1.5 6-6 10.5-12 12 6 1.5 10.5 6 12 12 1.5-6 6-10.5 12-12-6-1.5-10.5-6-12-12z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.ct-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.ct-cta-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.ct-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.ct-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.ct-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ct-grid, .ct-grid-2, .ct-grid-3, .ct-oils-grid {\n grid-template-columns: 1fr;\n }\n \n .ct-usage-container {\n grid-template-columns: 1fr;\n }\n \n .ct-highlight-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ct-warning-box {\n flex-direction: column;\n align-items: center;\n text-align: left;\n }\n \n .ct-cider-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ct-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 480px) {\n .ct-info-grid {\n grid-template-columns: 1fr;\n }\n \n .ct-hero-stats {\n gap: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ct-card, .ct-benefit-card, .ct-oil-card, .ct-target-card, .ct-info-item {\n animation: ctFadeInUp .6s ease backwards;\n }\n \n .ct-card:nth-child(1), .ct-benefit-card:nth-child(1), .ct-oil-card:nth-child(1), .ct-target-card:nth-child(1) { animation-delay: .1s; }\n .ct-card:nth-child(2), .ct-benefit-card:nth-child(2), .ct-oil-card:nth-child(2), .ct-target-card:nth-child(2) { animation-delay: .2s; }\n .ct-card:nth-child(3), .ct-benefit-card:nth-child(3), .ct-oil-card:nth-child(3), .ct-target-card:nth-child(3) { animation-delay: .3s; }\n .ct-card:nth-child(4), .ct-benefit-card:nth-child(4), .ct-oil-card:nth-child(4), .ct-target-card:nth-child(4) { animation-delay: .4s; }\n .ct-target-card:nth-child(5) { animation-delay: .5s; }\n .ct-target-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes ctFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ct-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .ct-card, .ct-benefit-card, .ct-oil-card, .ct-target-card {\n border: 2px solid var(--ct-text);\n }\n \n .ct-badge, .ct-cta-badge {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755274625181,"sku":"JADECAPI125","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/capitonic-anti-chute-et-repousse-des-cheveux-125-ml-jade-rec-lifestyle.webp?v=1773389848"},{"product_id":"immunocance-jade-recherche-defenses-immunitaires-60-g-jade-recherche","title":"Immunocance Jade Recherche - Défenses Immunitaires - 60 g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Immunocance Jade Recherche - Défenses Immunitaires - 60 g\nPalette détectée:\n - Primaire: #C2185B (rose magenta\/fuchsia dominant du packaging)\n - Secondaire: #E6A817 (doré\/orange des bulles décoratives et texte jaune)\n - Accent: #9C27B0 (violet\/pourpre visible sur les bords de l'étiquette)\nAmbiance: Santé naturelle, champignons médicinaux, immunité, univers féminin\/vibrant avec touches dorées évoquant la qualité premium. Pot blanc sobre avec étiquette rose vif et éléments dorés.\nPréfixe CSS: imc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Immunocance Jade Recherche : le pouvoir des champignons médicinaux pour votre immunité\"\n 2. \"Pourquoi choisir Immunocance pour renforcer votre immunité ?\"\n 3. \"Composition détaillée pour 4 g (dose journalière)\"\n 4. \"Comment prendre Immunocance ?\"\n 5. \"À qui s'adresse ce complément ?\"\n 6. \"Qualité et fabrication française\"\n 7. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"imc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"imc-hero\"\u003e\n \u003cdiv class=\"imc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"imc-hero-content\"\u003e\n \u003cdiv class=\"imc-badges-top\"\u003e\n \u003cspan class=\"imc-badge\"\u003e🍄 Maïtaké · Shiitaké · Reishi\u003c\/span\u003e\n \u003cspan class=\"imc-badge\"\u003e🧬 Vitamine C liposomale 170% AR\u003c\/span\u003e\n \u003cspan class=\"imc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"imc-hero-title\"\u003eImmunocance Jade Recherche\u003c\/span\u003e\n \u003cp class=\"imc-subtitle\"\u003eDéfenses immunitaires — 60 g de poudre\u003c\/p\u003e\n \u003cp class=\"imc-description\"\u003eLa synergie de 3 champignons médicinaux adaptogènes et de vitamine C liposomale pour soutenir votre immunité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003eImmunocance Jade Recherche : le pouvoir des champignons médicinaux pour votre immunité\u003c\/h2\u003e\n \u003cp class=\"imc-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire immunité\u003c\/strong\u003e qui associe le meilleur de la mycothérapie à la \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e ?\u003c\/p\u003e\n \u003cdiv class=\"imc-grid\"\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🍄 Trio de champignons adaptogènes\u003c\/h3\u003e\n \u003cp\u003eMaïtaké, shiitaké et reishi réunis dans une seule formule en poudre pour une action synergique sur vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🧬 Vitamine C liposomale\u003c\/h3\u003e\n \u003cp\u003eEncapsulée dans des liposomes pour une biodisponibilité supérieure à la vitamine C classique. 136 mg par dose, soit 170 % des AR.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🌿 Formule 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de sources naturelles, enrichis de poudre de jus de noni pour un apport complémentaire en antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003ePourquoi choisir Immunocance pour renforcer votre immunité ?\u003c\/h2\u003e\n \u003cdiv class=\"imc-grid\"\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🏔️ Maïtaké (Grifola frondosa)\u003c\/h3\u003e\n \u003cp\u003eChampignon traditionnellement utilisé en médecine asiatique, riche en \u003cstrong\u003ebêta-glucanes\u003c\/strong\u003e qui contribuent à stimuler l'activité des cellules immunitaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🌸 Shiitaké (Lentinus edodes)\u003c\/h3\u003e\n \u003cp\u003eDeuxième pilier de la formule, reconnu pour sa richesse en polysaccharides immunostimulants et son usage millénaire en mycothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e✨ Reishi (Ganoderma lucidum)\u003c\/h3\u003e\n \u003cp\u003eSurnommé « champignon de l'immortalité », il complète le trio grâce à ses \u003cstrong\u003epropriétés adaptogènes\u003c\/strong\u003e reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e💊 Vitamine C liposomale\u003c\/h3\u003e\n \u003cp\u003eEncapsulée dans des liposomes de lécithine de tournesol pour une \u003cstrong\u003eabsorption nettement supérieure\u003c\/strong\u003e, contribuant au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🍈 Jus de noni\u003c\/h3\u003e\n \u003cp\u003eLa poudre de jus de \u003cstrong\u003eMorinda citrifolia\u003c\/strong\u003e apporte un complément d'antioxydants naturels pour renforcer la synergie globale de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🔬 Synergie optimisée\u003c\/h3\u003e\n \u003cp\u003eLa complémentarité des actifs fait toute la différence : chaque ingrédient amplifie l'efficacité des autres pour un soutien immunitaire complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 4 g (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"imc-composition-table\"\u003e\n \u003cdiv class=\"imc-compo-row imc-compo-header\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003eIngrédient\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003eDosage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003e🍄 \u003cstrong\u003eMaïtaké\u003c\/strong\u003e (Grifola frondosa)*\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e1,6 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003e🍄 \u003cstrong\u003eShiitaké\u003c\/strong\u003e (Lentinus edodes)*\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e1,28 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003e🍈 \u003cstrong\u003ePoudre de jus de noni\u003c\/strong\u003e (Morinda citrifolia)*\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e0,6 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003e✨ \u003cstrong\u003eReishi\u003c\/strong\u003e (Ganoderma lucidum)*\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e0,32 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row imc-compo-highlight\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003e💊 \u003cstrong\u003eVitamine C liposomale\u003c\/strong\u003e (acide L-ascorbique)\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e136 mg\u003c\/strong\u003e — 170 % AR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-compo-row\"\u003e\n \u003cspan class=\"imc-compo-name\"\u003eÉmulsifiant : lécithine de tournesol\u003c\/span\u003e\n \u003cspan class=\"imc-compo-dose\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"imc-disclaimer\"\u003e* Ingrédients issus de sources naturelles. Contenance nette : \u003cstrong\u003e60 g\u003c\/strong\u003e de poudre.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003eComment prendre Immunocance ?\u003c\/h2\u003e\n \u003cdiv class=\"imc-timeline\"\u003e\n \u003cdiv class=\"imc-timeline-item\"\u003e\n \u003cdiv class=\"imc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-content\"\u003e\n \u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 cuillères à café rases\u003c\/strong\u003e par jour (soit 2 à 4 g).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-item\"\u003e\n \u003cdiv class=\"imc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-content\"\u003e\n \u003ch3\u003eDiluez dans de l'eau chaude\u003c\/h3\u003e\n \u003cp\u003eVersez la poudre dans un verre d'eau chaude d'environ \u003cstrong\u003e200 ml\u003c\/strong\u003e, puis mélangez bien. Vous pouvez aussi l'incorporer dans une tisane ou un jus tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-item\"\u003e\n \u003cdiv class=\"imc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-content\"\u003e\n \u003ch3\u003ePrenez pendant un repas\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez une prise \u003cstrong\u003ependant un repas\u003c\/strong\u003e pour favoriser l'absorption de la vitamine C liposomale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-item\"\u003e\n \u003cdiv class=\"imc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"imc-timeline-content\"\u003e\n \u003ch3\u003eFaites une cure régulière\u003c\/h3\u003e\n \u003cp\u003ePour une cure efficace, une prise régulière \u003cstrong\u003esur plusieurs semaines\u003c\/strong\u003e est recommandée, notamment à l'approche de l'automne, de l'hiver ou lors de périodes de fatigue passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"imc-grid-compact\"\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🛡️ Immunité naturelle\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant renforcer leur immunité de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🍄 Mycothérapie\u003c\/h3\u003e\n \u003cp\u003eCeux qui veulent bénéficier des bienfaits des champignons médicinaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e💊 Vitamine C optimisée\u003c\/h3\u003e\n \u003cp\u003ePersonnes cherchant une forme liposomale mieux assimilée par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n \u003cp\u003ePour soutenir l'organisme lors des transitions saisonnières ou périodes exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"imc-section\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"imc-testimonial\"\u003e\n \u003cp class=\"imc-testimonial-text\"\u003eConçu et fabriqué en France par \u003cstrong\u003eJade Recherche\u003c\/strong\u003e, Immunocance bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Jade Recherche est un laboratoire spécialisé dans le développement de formules naturelles innovantes, reconnu pour son exigence scientifique et son engagement envers des ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConception et fabrication françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imc-card\"\u003e\n \u003ch3\u003e🔬 Contrôle qualité\u003c\/h3\u003e\n \u003cp\u003eRigueur à chaque étape de production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"imc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"imc-accordion\"\u003e\n \u003cdetails class=\"imc-accordion-item\"\u003e\n \u003csummary class=\"imc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"imc-accordion-item\"\u003e\n \u003csummary class=\"imc-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical en cours, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"imc-accordion-item\"\u003e\n \u003csummary class=\"imc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"imc-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --imc-cream: #fdf6f9;\n --imc-white: #ffffff;\n --imc-primary: #C2185B;\n --imc-primary-dark: #880E4F;\n --imc-primary-light: #fce4ec;\n --imc-secondary: #E6A817;\n --imc-accent: #9C27B0;\n --imc-text: #1a1a1a;\n --imc-text-light: #5a5a5a;\n --imc-border: #f0e0e6;\n --imc-shadow: 0 4px 24px rgba(194,24,91,.08);\n --imc-shadow-lg: 0 12px 48px rgba(194,24,91,.15);\n --imc-radius: 20px;\n --imc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.imc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--imc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.imc-premium *, .imc-premium *::before, .imc-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.imc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--imc-primary-dark) 0%, var(--imc-primary) 40%, var(--imc-accent) 100%);\n border-radius: var(--imc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--imc-shadow-lg);\n}\n\n.imc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(230,168,23,.25) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(230,168,23,.15) 0%, transparent 60%);\n opacity: .6;\n}\n\n.imc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.imc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.imc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.imc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.imc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.imc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--imc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.imc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.imc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.imc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--imc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.imc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--imc-primary), var(--imc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.imc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--imc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.imc-card {\n background: var(--imc-white);\n border-radius: var(--imc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--imc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.imc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--imc-shadow-lg);\n border-color: var(--imc-primary);\n}\n\n.imc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--imc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.imc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--imc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.imc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.imc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.imc-grid-compact .imc-card {\n padding: 1rem;\n}\n\n.imc-grid-compact .imc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.imc-grid-compact .imc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.imc-composition-table {\n background: var(--imc-white);\n border-radius: var(--imc-radius);\n box-shadow: var(--imc-shadow);\n overflow: hidden;\n}\n\n.imc-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--imc-border);\n gap: 1rem;\n}\n\n.imc-compo-row:last-child {\n border-bottom: none;\n}\n\n.imc-compo-header {\n background: linear-gradient(135deg, var(--imc-primary-dark), var(--imc-primary));\n color: white;\n font-weight: 800;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.imc-compo-header .imc-compo-name,\n.imc-compo-header .imc-compo-dose {\n color: white;\n}\n\n.imc-compo-name {\n font-size: 14px;\n color: var(--imc-text);\n line-height: 1.4;\n flex: 1;\n}\n\n.imc-compo-dose {\n font-size: 14px;\n color: var(--imc-primary-dark);\n font-weight: 700;\n text-align: right;\n flex-shrink: 0;\n white-space: nowrap;\n}\n\n.imc-compo-highlight {\n background: var(--imc-primary-light);\n}\n\n.imc-compo-highlight .imc-compo-dose {\n color: var(--imc-primary);\n font-size: 15px;\n}\n\n\/* === TIMELINE === *\/\n.imc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.imc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.imc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--imc-primary), var(--imc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(194,24,91,.25);\n}\n\n.imc-timeline-content {\n flex: 1;\n background: var(--imc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--imc-radius-sm);\n box-shadow: var(--imc-shadow);\n}\n\n.imc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--imc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.imc-timeline-content p {\n font-size: 14px;\n color: var(--imc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.imc-testimonial {\n background: var(--imc-white);\n border-radius: var(--imc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--imc-shadow);\n border-left: 4px solid var(--imc-primary);\n}\n\n.imc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--imc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.imc-accordion {\n background: var(--imc-white);\n border-radius: var(--imc-radius);\n box-shadow: var(--imc-shadow);\n overflow: hidden;\n}\n\n.imc-accordion-item {\n border-bottom: 1px solid var(--imc-border);\n margin: 0;\n padding: 0;\n}\n\n.imc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.imc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--imc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.imc-accordion-header:hover {\n background: var(--imc-primary-light);\n}\n\n.imc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.imc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--imc-primary);\n transition: transform .2s ease;\n}\n\n.imc-accordion-item[open] .imc-accordion-header::after {\n content: '−';\n}\n\n.imc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--imc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.imc-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.imc-disclaimer {\n font-size: 12px;\n color: var(--imc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .imc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .imc-card {\n padding: 1.125rem;\n }\n\n .imc-section {\n margin-bottom: 1.75rem;\n }\n\n .imc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--imc-radius-sm);\n }\n\n .imc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .imc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte mobile *\/\n .imc-grid-compact {\n gap: .625rem;\n }\n\n .imc-grid-compact .imc-card {\n padding: .75rem;\n }\n\n \/* Composition table mobile *\/\n .imc-compo-row {\n padding: .75rem 1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n\n .imc-compo-header {\n flex-direction: row;\n }\n\n .imc-compo-name {\n font-size: 13px;\n }\n\n .imc-compo-dose {\n font-size: 13px;\n text-align: left;\n }\n\n \/* Timeline mobile *\/\n .imc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .imc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .imc-timeline-content h3 {\n font-size: 14px;\n }\n\n .imc-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .imc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .imc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .imc-testimonial {\n padding: 1.25rem;\n }\n\n .imc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .imc-card {\n animation: imcFadeInUp .5s ease backwards;\n }\n .imc-card:nth-child(1) { animation-delay: .05s; }\n .imc-card:nth-child(2) { animation-delay: .1s; }\n .imc-card:nth-child(3) { animation-delay: .15s; }\n .imc-card:nth-child(4) { animation-delay: .2s; }\n .imc-card:nth-child(5) { animation-delay: .25s; }\n .imc-card:nth-child(6) { animation-delay: .3s; }\n\n .imc-timeline-item {\n animation: imcFadeInUp .5s ease backwards;\n }\n .imc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .imc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .imc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .imc-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes imcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .imc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755277279389,"sku":"JADEIMMU60","price":42.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/immunocance-jade-recherche-defenses-immunitaires-60-g-ingredients.webp?v=1771338877"},{"product_id":"cailloux-de-fir-balsam-jardin-de-mon-grand-pere","title":"Cailloux de Fir Balsam - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux de Fir Balsam - Jardin de mon Grand Père\nPalette détectée:\n - Primaire: #8B7355 (kraft\/beige chaleureux du packaging)\n - Secondaire: #2E5A3C (vert sapin profond de l'ambiance forestière)\n - Accent: #4A90A4 (bleu turquoise de l'étiquette visible sur la boîte)\nAmbiance: Naturel, artisanal, forestier, chaleureux, authentique - évocation des forêts de conifères nord-américaines\nPréfixe CSS: fir\n--\u003e\n\n\u003cdiv class=\"fir-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"fir-hero\"\u003e\n \u003cdiv class=\"fir-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fir-hero-content\"\u003e\n \u003cdiv class=\"fir-badges-top\"\u003e\n \u003cspan class=\"fir-badge\"\u003e🌲 100% naturel\u003c\/span\u003e\n \u003cspan class=\"fir-badge\"\u003e🍂 Artisanat québécois\u003c\/span\u003e\n \u003cspan class=\"fir-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fir-hero-title\"\u003eCailloux de Fir Balsam\u003c\/span\u003e\n \u003cp class=\"fir-subtitle\"\u003eJardin de mon Grand Père\u003c\/p\u003e\n \u003cp class=\"fir-description\"\u003eTransportez-vous au cœur d'une forêt de sapins baumiers. Ces petits trésors parfumés diffusent naturellement une senteur résineuse enveloppante, pour une ambiance boisée authentique dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION : L'EXPÉRIENCE SENSORIELLE --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e🌲 L'essence du sapin baumier\u003c\/h2\u003e\n \u003cp class=\"fir-intro\"\u003eLe \u003cstrong\u003eFir Balsam\u003c\/strong\u003e (\u003cem\u003eAbies balsamea\u003c\/em\u003e) est un conifère emblématique des forêts nord-américaines, utilisé depuis des siècles par les peuples autochtones pour ses propriétés apaisantes.\u003c\/p\u003e\n \u003cdiv class=\"fir-grid fir-grid-4\"\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e🍯\u003c\/div\u003e\n \u003ch3\u003eNotes balsamiques\u003c\/h3\u003e\n \u003cp\u003eUne douceur résineuse enveloppante qui réchauffe l'atmosphère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e🪵\u003c\/div\u003e\n \u003ch3\u003eFacettes boisées\u003c\/h3\u003e\n \u003cp\u003eL'authenticité du bois de conifère dans toute sa noblesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e🍬\u003c\/div\u003e\n \u003ch3\u003eTouches sucrées\u003c\/h3\u003e\n \u003cp\u003eUne rondeur délicate qui adoucit l'ensemble\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e❄️\u003c\/div\u003e\n \u003ch3\u003eFraîcheur persistante\u003c\/h3\u003e\n \u003cp\u003eComme une brise traversant les aiguilles de sapin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : UN DIFFUSEUR DIFFÉRENT --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e✨ Un diffuseur vraiment différent\u003c\/h2\u003e\n \u003cdiv class=\"fir-highlight-box\"\u003e\n \u003cdiv class=\"fir-highlight-content\"\u003e\n \u003cp\u003eContrairement aux diffuseurs électriques ou aux sprays qui libèrent leur fragrance en quelques secondes, ces \u003cstrong\u003ecailloux solides diffusent progressivement\u003c\/strong\u003e, créant une ambiance subtile et durable.\u003c\/p\u003e\n \u003cp\u003eLeur forme de petits galets irréguliers permet une \u003cstrong\u003ediffusion optimale du parfum\u003c\/strong\u003e grâce à leur surface texturée. Posés dans une coupelle, près d'un radiateur ou simplement dans votre poche, ils libèrent leurs notes boisées au rythme de la chaleur ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : MODES D'UTILISATION --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e🔥 Comment les utiliser\u003c\/h2\u003e\n \u003cdiv class=\"fir-grid\"\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e01\u003c\/div\u003e\n \u003ch3\u003eDiffusion douce\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 5 cailloux dans une coupelle décorative. Placez-la dans votre entrée, salon, chambre ou bureau. Rapprochez d'une source de chaleur douce pour \u003cstrong\u003eintensifier la diffusion\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e02\u003c\/div\u003e\n \u003ch3\u003eEn brûle-parfum\u003c\/h3\u003e\n \u003cp\u003ePlacez 3 cailloux dans la coupelle, allumez une bougie chauffe-plat. La matière se liquéfie et libère une \u003cstrong\u003efragrance boisée puissante\u003c\/strong\u003e. Une fois éteinte, le parfum se resolidifie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e03\u003c\/div\u003e\n \u003ch3\u003eTalisman parfumé\u003c\/h3\u003e\n \u003cp\u003eGlissez un ou deux cailloux dans votre poche. Au contact de votre \u003cstrong\u003echaleur corporelle\u003c\/strong\u003e, ils deviennent malléables et libèrent leur parfum toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e04\u003c\/div\u003e\n \u003ch3\u003eEspaces clos\u003c\/h3\u003e\n \u003cp\u003eParfaits pour vos tiroirs, armoires, placards ou voiture. Leur format compact et leur diffusion lente en font un \u003cstrong\u003ediffuseur idéal\u003c\/strong\u003e pour ces espaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : AVANTAGES --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e💚 Pourquoi choisir un parfum solide\u003c\/h2\u003e\n \u003cdiv class=\"fir-advantages\"\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDiffusion progressive\u003c\/strong\u003e\n \u003cp\u003ePas de pic olfactif agressif, une présence constante et subtile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e📆\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDurée prolongée\u003c\/strong\u003e\n \u003cp\u003ePlusieurs semaines de parfum avec une utilisation correcte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e♻️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eZéro déchet aérosol\u003c\/strong\u003e\n \u003cp\u003ePas de bombe métallique à jeter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e🎯\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMulti-usages\u003c\/strong\u003e\n \u003cp\u003eÀ froid, à chaud, sur soi ou dans la maison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e🎁\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormat pratique\u003c\/strong\u003e\n \u003cp\u003eFacile à transporter et à offrir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : POUR QUI --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e👥 Pour qui sont-ils faits ?\u003c\/h2\u003e\n \u003cdiv class=\"fir-grid fir-grid-3\"\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eLes adeptes de \u003cstrong\u003eparfums naturels\u003c\/strong\u003e sans propulseur ni alcool\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🏔️\u003c\/span\u003e\n \u003cp\u003eLes amoureux des \u003cstrong\u003esenteurs boisées\u003c\/strong\u003e et résineuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🛋️\u003c\/span\u003e\n \u003cp\u003eCeux qui recherchent une \u003cstrong\u003eatmosphère cocooning\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🤧\u003c\/span\u003e\n \u003cp\u003eLes personnes \u003cstrong\u003esensibles aux parfums\u003c\/strong\u003e synthétiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e💝\u003c\/span\u003e\n \u003cp\u003eCeux qui cherchent un \u003cstrong\u003ecadeau original\u003c\/strong\u003e nature\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eLes amateurs de \u003cstrong\u003eproduits artisanaux\u003c\/strong\u003e authentiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : FORMATS --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e📦 Formats disponibles\u003c\/h2\u003e\n \u003cp class=\"fir-intro\"\u003ePrésentés dans un \u003cstrong\u003esachet kraft hermétique\u003c\/strong\u003e qui préserve leur parfum et leur confère un aspect naturel et soigné.\u003c\/p\u003e\n \u003cdiv class=\"fir-grid fir-grid-3\"\u003e\n \u003cdiv class=\"fir-format-card\"\u003e\n \u003cdiv class=\"fir-format-weight\"\u003e50g\u003c\/div\u003e\n \u003cp class=\"fir-format-qty\"\u003e≈ 7 à 9 cailloux\u003c\/p\u003e\n \u003cp\u003eIdéal pour découvrir ou offrir un petit cadeau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-format-card fir-format-popular\"\u003e\n \u003cdiv class=\"fir-format-badge\"\u003ePopulaire\u003c\/div\u003e\n \u003cdiv class=\"fir-format-weight\"\u003e100g\u003c\/div\u003e\n \u003cp class=\"fir-format-qty\"\u003eFormat intermédiaire\u003c\/p\u003e\n \u003cp\u003ePour parfumer plusieurs pièces\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-format-card\"\u003e\n \u003cdiv class=\"fir-format-weight\"\u003e200g\u003c\/div\u003e\n \u003cp class=\"fir-format-qty\"\u003eFormat familial\u003c\/p\u003e\n \u003cp\u003ePour les amateurs conquis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : CONSERVATION --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e💡 Conseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"fir-tips-grid\"\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eConservez dans le sachet d'origine entre deux utilisations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003eÉvitez l'exposition directe au soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eStockez à température ambiante, à l'abri de l'humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003eRefermez bien le sachet pour préserver l'intensité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : COMPOSITION --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e📋 Composition et sécurité\u003c\/h2\u003e\n \u003cdiv class=\"fir-composition-box\"\u003e\n \u003cdiv class=\"fir-composition-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eContient :\u003c\/strong\u003e Benzyl Salicylate, OTNE, Tert-butylcyclohexyl acetate.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eUFI :\u003c\/strong\u003e T1A0-H0V3-X000-JSC0\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-warning-box\"\u003e\n \u003cdiv class=\"fir-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"fir-warning-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eMentions de sécurité :\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003ePeut produire une réaction allergique chez les personnes sensibles\u003c\/li\u003e\n \u003cli\u003eNocif pour les organismes aquatiques, entraîne des effets néfastes à long terme\u003c\/li\u003e\n \u003cli\u003eÉviter le rejet dans l'environnement\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : ARTISAN --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e🏡 Le Jardin de mon Grand Père\u003c\/h2\u003e\n \u003cdiv class=\"fir-artisan-box\"\u003e\n \u003cp\u003eDerrière ces cailloux parfumés se cache le savoir-faire d'un \u003cstrong\u003eartisan passionné\u003c\/strong\u003e. Le Jardin de mon Grand Père perpétue une tradition de création de parfums d'ambiance originaux, en privilégiant les senteurs authentiques et les formats inattendus.\u003c\/p\u003e\n \u003cp\u003eChaque caillou est le fruit d'un \u003cstrong\u003etravail minutieux\u003c\/strong\u003e, réalisé en petites séries pour garantir une qualité constante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CTA FINALE --\u003e\n \u003csection class=\"fir-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fir-cta-box\"\u003e\n \u003cdiv class=\"fir-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fir-cta-content\"\u003e\n \u003cp\u003e🌲 Offrez-vous une escapade olfactive au cœur des forêts de sapins baumiers. Ces cailloux parfumés artisanaux transformeront votre intérieur en un havre de paix boisé et réconfortant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fir-cream: #F5F2ED;\n --fir-white: #ffffff;\n --fir-primary: #8B7355;\n --fir-primary-dark: #5D4E3C;\n --fir-primary-light: #D4C4B0;\n --fir-secondary: #2E5A3C;\n --fir-secondary-light: #4A7C59;\n --fir-accent: #4A90A4;\n --fir-text: #1a1a1a;\n --fir-text-light: #5a5a5a;\n --fir-border: #e0e0e0;\n --fir-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fir-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fir-radius: 20px;\n --fir-radius-sm: 12px;\n}\n\n.fir-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fir-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--fir-text);\n line-height: 1.6;\n}\n\n.fir-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.fir-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fir-secondary) 0%, var(--fir-secondary-light) 40%, var(--fir-primary) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 20 L30 18 L25 20 Z M30 25 L38 45 L30 40 L22 45 Z M30 50 L32 55 L28 55 Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.fir-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fir-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.fir-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fir-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fir-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fir-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fir-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n font-style: italic;\n}\n\n.fir-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.fir-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.fir-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--fir-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fir-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fir-secondary), var(--fir-primary));\n border-radius: 2px;\n}\n\n.fir-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fir-text-light);\n max-width: 800px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.fir-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.fir-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.fir-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === NOTES OLFACTIVES === *\/\n.fir-note-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.fir-note-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-secondary);\n}\n\n.fir-note-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.fir-note-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--fir-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.fir-note-card p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.fir-highlight-box {\n background: linear-gradient(135deg, var(--fir-secondary) 0%, var(--fir-secondary-light) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-highlight-content p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.fir-highlight-content p:last-child {\n margin-bottom: 0;\n}\n\n.fir-highlight-content strong {\n color: var(--fir-primary-light);\n}\n\n\/* === USAGE CARDS === *\/\n.fir-usage-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.fir-usage-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-primary);\n}\n\n.fir-usage-number {\n position: absolute;\n top: -10px;\n right: -10px;\n font-size: 80px;\n font-weight: 900;\n color: var(--fir-primary-light);\n opacity: 0.3;\n line-height: 1;\n}\n\n.fir-usage-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--fir-secondary);\n margin: 0 0 0.75rem 0;\n position: relative;\n}\n\n.fir-usage-card p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.6;\n position: relative;\n}\n\n.fir-usage-card strong {\n color: var(--fir-primary-dark);\n}\n\n\/* === AVANTAGES === *\/\n.fir-advantages {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.fir-advantage {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--fir-white);\n border-radius: var(--fir-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--fir-shadow);\n transition: all .3s ease;\n}\n\n.fir-advantage:hover {\n transform: translateX(8px);\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-advantage-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.fir-advantage strong {\n display: block;\n font-size: 15px;\n font-weight: 800;\n color: var(--fir-primary-dark);\n margin-bottom: 4px;\n}\n\n.fir-advantage p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === PROFILS === *\/\n.fir-profile-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n text-align: center;\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.fir-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-accent);\n}\n\n.fir-profile-emoji {\n font-size: 36px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.fir-profile-card p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fir-profile-card strong {\n color: var(--fir-primary-dark);\n}\n\n\/* === FORMATS === *\/\n.fir-format-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n}\n\n.fir-format-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-primary);\n}\n\n.fir-format-popular {\n border-color: var(--fir-secondary);\n background: linear-gradient(180deg, var(--fir-white) 0%, rgba(46,90,60,.05) 100%);\n}\n\n.fir-format-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--fir-secondary);\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 6px 16px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.fir-format-weight {\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: var(--fir-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fir-format-qty {\n font-size: 14px;\n font-weight: 700;\n color: var(--fir-secondary);\n margin: 0 0 0.5rem 0;\n}\n\n.fir-format-card \u003e p:last-child {\n font-size: 13px;\n color: var(--fir-text-light);\n margin: 0;\n}\n\n\/* === TIPS === *\/\n.fir-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.fir-tip {\n background: var(--fir-white);\n border-radius: var(--fir-radius-sm);\n padding: 1.25rem;\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n box-shadow: var(--fir-shadow);\n transition: all .3s ease;\n}\n\n.fir-tip:hover {\n transform: translateY(-4px);\n}\n\n.fir-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fir-tip p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.fir-composition-box {\n background: var(--fir-white);\n border-radius: var(--fir-radius-sm);\n padding: 1.5rem;\n margin-bottom: 1rem;\n box-shadow: var(--fir-shadow);\n}\n\n.fir-composition-content p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0 0 0.5rem 0;\n}\n\n.fir-composition-content p:last-child {\n margin-bottom: 0;\n}\n\n.fir-composition-content strong {\n color: var(--fir-text);\n}\n\n.fir-warning-box {\n background: linear-gradient(135deg, #FFF8E7 0%, #FFF3D6 100%);\n border-radius: var(--fir-radius-sm);\n padding: 1.5rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border-left: 4px solid #E6A700;\n}\n\n.fir-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.fir-warning-content p {\n font-size: 14px;\n color: var(--fir-text);\n margin: 0 0 0.75rem 0;\n}\n\n.fir-warning-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.fir-warning-content li {\n font-size: 13px;\n color: var(--fir-text-light);\n margin-bottom: 4px;\n line-height: 1.5;\n}\n\n.fir-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === ARTISAN BOX === *\/\n.fir-artisan-box {\n background: linear-gradient(135deg, var(--fir-primary-light) 0%, var(--fir-primary) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-artisan-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.fir-artisan-box p:last-child {\n margin-bottom: 0;\n}\n\n.fir-artisan-box strong {\n color: var(--fir-cream);\n}\n\n\/* === CTA BOX === *\/\n.fir-cta-box {\n background: linear-gradient(135deg, var(--fir-secondary) 0%, var(--fir-primary-dark) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n}\n\n.fir-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.fir-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .fir-grid,\n .fir-grid-3,\n .fir-grid-4 {\n grid-template-columns: 1fr;\n }\n \n .fir-tips-grid {\n grid-template-columns: 1fr;\n }\n \n .fir-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .fir-advantage {\n flex-direction: column;\n text-align: center;\n }\n \n .fir-advantage:hover {\n transform: translateY(-4px);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fir-note-card,\n .fir-usage-card,\n .fir-profile-card,\n .fir-format-card,\n .fir-advantage {\n animation: firFadeInUp .6s ease backwards;\n }\n \n .fir-note-card:nth-child(1),\n .fir-usage-card:nth-child(1),\n .fir-profile-card:nth-child(1),\n .fir-format-card:nth-child(1),\n .fir-advantage:nth-child(1) { animation-delay: .1s; }\n \n .fir-note-card:nth-child(2),\n .fir-usage-card:nth-child(2),\n .fir-profile-card:nth-child(2),\n .fir-format-card:nth-child(2),\n .fir-advantage:nth-child(2) { animation-delay: .2s; }\n \n .fir-note-card:nth-child(3),\n .fir-usage-card:nth-child(3),\n .fir-profile-card:nth-child(3),\n .fir-format-card:nth-child(3),\n .fir-advantage:nth-child(3) { animation-delay: .3s; }\n \n .fir-note-card:nth-child(4),\n .fir-usage-card:nth-child(4),\n .fir-profile-card:nth-child(4),\n .fir-advantage:nth-child(4) { animation-delay: .4s; }\n \n .fir-profile-card:nth-child(5),\n .fir-advantage:nth-child(5) { animation-delay: .5s; }\n \n .fir-profile-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes firFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fir-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .fir-premium {\n background: white;\n }\n \n .fir-note-card,\n .fir-usage-card,\n .fir-profile-card,\n .fir-format-card,\n .fir-advantage,\n .fir-tip,\n .fir-composition-box {\n border: 2px solid var(--fir-text);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720401142137,"sku":"CAILFIRBALSAM-50","price":3.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720401174905,"sku":"CAILFIRBALSAM-100","price":7.79,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720401207673,"sku":"CAILFIRBALSAM-200","price":15.47,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cailloux_d_ambre_11.png?v=1766138463"},{"product_id":"hepatance-soutien-du-foie-60-gelules-jade-recherche","title":"Hépatance - Soutien du Foie - 60 gélules - Jade Recherche","description":"\u003cdiv class=\"hp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hp-hero\"\u003e\n \u003cdiv class=\"hp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hp-hero-content\"\u003e\n \u003cdiv class=\"hp-badges-top\"\u003e\n \u003cspan class=\"hp-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e🧬 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e🛡️ Sans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hp-hero-title\"\u003eHépatance – Soutien du foie\u003c\/span\u003e\n \u003cp class=\"hp-subtitle\"\u003ePar Jade Recherche\u003c\/p\u003e\n \u003cp class=\"hp-description\"\u003eChardon-marie, artichaut \u0026amp; desmodium : la synergie végétale pour détoxifier, protéger et revitaliser votre foie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eHépatance de Jade Recherche : votre allié naturel pour la détox du foie\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eFatigue persistante, digestion lourde, teint brouillé… Et si votre foie vous envoyait des signaux ? Sollicité en permanence par l'alimentation, le stress ou les polluants, cet organe vital mérite une attention particulière.\u003c\/p\u003e\n \u003cdiv class=\"hp-grid-compact\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🍃 Formule naturelle\u003c\/h3\u003e\n \u003cp\u003eExtraits végétaux reconnus pour soutenir et protéger la fonction hépatique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e💊 60 gélules végétales\u003c\/h3\u003e\n \u003cp\u003eUn mois complet de cure détox douce, naturelle et efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🧹 Cure détox du foie\u003c\/h3\u003e\n \u003cp\u003eAccompagnez votre organisme dans l'élimination des toxines accumulées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans colorants, sans conservateurs, pour une approche respectueuse de votre corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003ePourquoi prendre soin de votre foie au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eLe foie assure plus de \u003cstrong\u003e500 fonctions métaboliques\u003c\/strong\u003e : filtration des toxines, production de bile, métabolisme des graisses, stockage des vitamines… Lorsqu'il est surchargé, tout l'organisme en ressent les effets.\u003c\/p\u003e\n \u003cdiv class=\"hp-grid\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🔬 Filtration des toxines\u003c\/h3\u003e\n \u003cp\u003eVotre foie neutralise chaque jour des centaines de substances nocives issues de l'alimentation, de l'air et du stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🫗 Production de bile\u003c\/h3\u003e\n \u003cp\u003eIndispensable à la digestion des graisses et à l'absorption des vitamines liposolubles (A, D, E, K)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e⚡ Métabolisme énergétique\u003c\/h3\u003e\n \u003cp\u003eUn foie performant, c'est plus d'énergie, un teint lumineux et un confort digestif retrouvé au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-tip\"\u003e\n \u003cspan class=\"hp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne \u003cstrong\u003edétox du foie naturelle\u003c\/strong\u003e permet de relancer ses capacités d'élimination et de retrouver un véritable confort digestif. Hépatance a été conçu précisément dans cet objectif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eUne formule synergique de plantes hépatoprotectrices\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eLa force d'Hépatance réside dans le choix judicieux de ses ingrédients actifs, chacun apportant un bénéfice ciblé :\u003c\/p\u003e\n \u003cdiv class=\"hp-grid\"\u003e\n \u003cdiv class=\"hp-card hp-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Chardon-marie (silymarine)\u003c\/h3\u003e\n \u003cp\u003eConsidéré comme la \u003cstrong\u003eréférence en phytothérapie hépatique\u003c\/strong\u003e, il protège les cellules du foie grâce à sa puissante action antioxydante et favorise leur régénération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card hp-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Artichaut\u003c\/h3\u003e\n \u003cp\u003eStimule la production et l'évacuation de la bile, ce qui facilite la \u003cstrong\u003edigestion des graisses\u003c\/strong\u003e et contribue au drainage hépatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card hp-card-ingredient\"\u003e\n \u003ch3\u003e🍀 Desmodium\u003c\/h3\u003e\n \u003cp\u003ePlante traditionnelle africaine reconnue pour soutenir le fonctionnement hépatique, notamment en période de \u003cstrong\u003esurcharge ou après des excès\u003c\/strong\u003e alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card hp-card-ingredient\"\u003e\n \u003ch3\u003e💚 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eEnveloppe d'origine végétale, convient parfaitement aux personnes souhaitant éviter les gélules d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-tip\"\u003e\n \u003cspan class=\"hp-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans additifs, sans colorants et sans conservateurs\u003c\/strong\u003e, pour une approche respectueuse de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"hp-timeline\"\u003e\n \u003cdiv class=\"hp-timeline-item\"\u003e\n \u003cdiv class=\"hp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence \u003cstrong\u003eavant les repas\u003c\/strong\u003e (matin et midi).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-item\"\u003e\n \u003cdiv class=\"hp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003ePour une détox du foie en profondeur, privilégiez une cure de \u003cstrong\u003e4 à 8 semaines\u003c\/strong\u003e, renouvelable aux changements de saison ou après une période d'excès.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-item\"\u003e\n \u003cdiv class=\"hp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-content\"\u003e\n \u003ch3\u003eOptimisez les résultats\u003c\/h3\u003e\n \u003cp\u003eAssociez cette cure à une alimentation variée, riche en légumes verts et pauvre en aliments ultra-transformés. Pensez à bien vous \u003cstrong\u003ehydrater\u003c\/strong\u003e tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-tip\"\u003e\n \u003cspan class=\"hp-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eLe flacon de \u003cstrong\u003e60 gélules\u003c\/strong\u003e correspond à \u003cstrong\u003e1 mois de cure\u003c\/strong\u003e complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Hépatance ?\u003c\/h2\u003e\n \u003cdiv class=\"hp-grid\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🫃 Lourdeurs digestives\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes ressentant des ballonnements ou une digestion pesante après les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🌱 Détox saisonnière\u003c\/h3\u003e\n \u003cp\u003eParfait pour réaliser une détox du foie naturellement, au printemps ou après les fêtes de fin d'année\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e⚖️ Rééquilibrage alimentaire\u003c\/h3\u003e\n \u003cp\u003eSoutient le métabolisme hépatique dans le cadre d'un rééquilibrage alimentaire ou d'un changement d'hygiène de vie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🏙️ Stress \u0026amp; pollution\u003c\/h3\u003e\n \u003cp\u003eConvient à toute personne exposée au stress, à la pollution ou à une alimentation déséquilibrée au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eQualité et savoir-faire Jade Recherche\u003c\/h2\u003e\n \u003cdiv class=\"hp-testimonial\"\u003e\n \u003cp class=\"hp-testimonial-text\"\u003e\"Jade Recherche est un laboratoire français spécialisé dans les compléments alimentaires naturels. Chaque lot d'Hépatance est fabriqué selon des normes de qualité strictes, avec des matières premières rigoureusement sélectionnées pour leur pureté et leur concentration en principes actifs.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire français aux normes strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🔍 Matières sélectionnées\u003c\/h3\u003e\n \u003cp\u003ePureté et concentration optimales en principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"hp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hp-accordion\"\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée ni à un avis médical. \u003cstrong\u003eDéconseillé aux femmes enceintes ou allaitantes.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hp-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière conseillée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hp-cream: #f6f9f2;\n --hp-white: #ffffff;\n --hp-primary: #4a8c3f;\n --hp-primary-dark: #2d5a24;\n --hp-primary-light: #e8f3e5;\n --hp-secondary: #7b2d3b;\n --hp-accent: #c4a035;\n --hp-text: #1a1a1a;\n --hp-text-light: #5a5a5a;\n --hp-border: #dde8d8;\n --hp-shadow: 0 4px 24px rgba(45, 90, 36, .08);\n --hp-shadow-lg: 0 12px 48px rgba(45, 90, 36, .15);\n --hp-radius: 20px;\n --hp-radius-sm: 12px;\n}\n\n.hp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hp-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a24 0%, #4a8c3f 45%, #7b2d3b 100%);\n border-radius: var(--hp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hp-shadow-lg);\n}\n\n.hp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,160,53,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.hp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.hp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.hp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.hp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.hp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hp-primary), var(--hp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.hp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hp-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.hp-section-intro strong {\n color: var(--hp-text);\n}\n\n\/* === CARDS === *\/\n.hp-card {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hp-shadow-lg);\n border-color: var(--hp-primary);\n}\n\n.hp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hp-card p strong {\n color: var(--hp-text);\n}\n\n.hp-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--hp-primary);\n}\n\n\/* === GRILLES === *\/\n.hp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hp-grid-compact .hp-card {\n padding: 1rem;\n}\n\n.hp-grid-compact .hp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hp-grid-compact .hp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hp-primary), var(--hp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.hp-timeline-content {\n flex: 1;\n background: var(--hp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hp-radius-sm);\n box-shadow: var(--hp-shadow);\n}\n\n.hp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hp-timeline-content p {\n font-size: 14px;\n color: var(--hp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hp-timeline-content p strong {\n color: var(--hp-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.hp-testimonial {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hp-shadow);\n border-left: 4px solid var(--hp-primary);\n}\n\n.hp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hp-accordion {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n box-shadow: var(--hp-shadow);\n overflow: hidden;\n}\n\n.hp-accordion-item {\n border-bottom: 1px solid var(--hp-border);\n margin: 0;\n padding: 0;\n}\n\n.hp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hp-accordion-header:hover {\n background: var(--hp-primary-light);\n}\n\n.hp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hp-primary);\n transition: transform .2s ease;\n}\n\n.hp-accordion-item[open] .hp-accordion-header::after {\n content: '−';\n}\n\n.hp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hp-accordion-content p {\n margin: 0;\n}\n\n.hp-accordion-content p strong {\n color: var(--hp-text);\n}\n\n\/* === TIP BOX === *\/\n.hp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hp-primary-light);\n border-radius: var(--hp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hp-tip p {\n font-size: 14px;\n color: var(--hp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hp-tip p strong {\n color: var(--hp-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.hp-disclaimer {\n font-size: 12px;\n color: var(--hp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hp-card {\n padding: 1.125rem;\n }\n\n .hp-section {\n margin-bottom: 1.75rem;\n }\n\n .hp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hp-radius-sm);\n }\n\n .hp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hp-grid-compact {\n gap: .625rem;\n }\n\n .hp-grid-compact .hp-card {\n padding: .75rem;\n }\n\n .hp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hp-timeline-content h3 {\n font-size: 14px;\n }\n\n .hp-timeline-content p {\n font-size: 13px;\n }\n\n .hp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hp-testimonial {\n padding: 1.25rem;\n }\n\n .hp-testimonial-text {\n font-size: 14px;\n }\n\n .hp-card-ingredient {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hp-card {\n animation: hpFadeInUp .5s ease backwards;\n }\n .hp-card:nth-child(1) { animation-delay: .05s; }\n .hp-card:nth-child(2) { animation-delay: .1s; }\n .hp-card:nth-child(3) { animation-delay: .15s; }\n .hp-card:nth-child(4) { animation-delay: .2s; }\n .hp-card:nth-child(5) { animation-delay: .25s; }\n .hp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755278917789,"sku":"JADEHEPAT60","price":21.23,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hepatance-soutien-du-foie-60-gelules-jade-recherche-packshothd.webp?v=1773777375"},{"product_id":"cristal-de-fleur-precieuse-fleur-dosmanthus-parfum-solide-jardin-de-mon-grand-pere","title":"Cristal de Fleur d'Osmanthus - Fleur Précieuse - Parfum Solide - Jardin de mon Grand Père","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003eCristal de Fleur Précieuse - Fleur d'Osmanthus\u003c\/strong\u003e, un \u003cem\u003eparfum solide\u003c\/em\u003e naturellement envoûtant, proposé par \u003cstrong\u003eJardin de mon Grand-Père\u003c\/strong\u003e. Ce bijou olfactif s'inspire des jardins en fleurs où les notes délicates d'osmanthus émerveillent les sens. Idéal pour les amateurs de parfums authentiques et naturels, ce cristal parfumé est conçu pour offrir une expérience sensorielle unique et durable.\u003c\/p\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eparfum solide\u003c\/strong\u003e est très simple d'utilisation. Il suffit de frotter délicatement le cristal entre vos doigts et d'appliquer le parfum aux points de pulsation: derrière les oreilles, sur les poignets, et dans le cou. Grâce à sa texture solide, ce format est parfait pour une application discrète et nomade, vous permettant de raviver votre fragrance à tout moment de la journée.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité biologique\u003c\/strong\u003e : hydratant et nourrissant pour la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de jojoba\u003c\/strong\u003e : protège la peau et améliore la durabilité du parfum.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de fleur d'osmanthus naturel\u003c\/strong\u003e : apporte la note florale délicate et envoûtante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCire d'abeille\u003c\/strong\u003e : garantit la stabilité solide du parfum.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuiles essentielles\u003c\/strong\u003e : ajoutent une touche aromatique subtile et agréable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eTous les ingrédients sont sélectionnés pour leur \u003cstrong\u003epureté\u003c\/strong\u003e et leur \u003cstrong\u003equalité biologique\u003c\/strong\u003e, afin de garantir une expérience olfactive saine et naturelle.\u003c\/p\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eCristal de Fleur Précieuse - Fleur d'Osmanthus - Parfum Solide - Jardin de mon Grand-Père\u003c\/strong\u003e est fabriqué avec amour en France, dans notre atelier situé en pleine campagne, loin de la pollution urbaine. Nos méthodes de production respectent les traditions artisanales tout en intégrant les exigences d'une fabrication éco-responsable. Nous nous engageons à employer des \u003cstrong\u003eprocédés durables\u003c\/strong\u003e et des \u003cstrong\u003eingrédients respectueux de l'environnement\u003c\/strong\u003e, pour un produit final de haute qualité qui préserve la nature.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir le Cristal de Fleur Précieuse - Fleur d'Osmanthus ?\u003c\/h2\u003e\n\u003cp\u003eL'utilisation d'un \u003cstrong\u003eparfum solide\u003c\/strong\u003e présente de nombreux avantages par rapport aux parfums liquides traditionnels. En plus d'être plus pratique et transportable, il est aussi plus \u003cstrong\u003erespectueux de l'environnement\u003c\/strong\u003e grâce à son emballage minimaliste et réutilisable. De plus, les ingrédients naturels garantissent une expérience olfactive sans produits chimiques agressifs, idéale pour les peaux sensibles.\u003c\/p\u003e\n\u003cp\u003eChoisissez le \u003cem\u003eCristal de Fleur Précieuse - Fleur d'Osmanthus\u003c\/em\u003e pour une \u003cstrong\u003efragrance raffinée et durable\u003c\/strong\u003e, qui vous accompagnera dans tous vos moments précieux.\u003c\/p\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720568095097,"sku":"OSMANTHUSJDMGP50","price":6.78,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720568127865,"sku":"OSMANTHUSJDMGP100","price":7.79,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720568160633,"sku":"OSMANTHUSJDMGP200","price":15.47,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cristaux_de_fleur_D_osmanthus_1__11zon.jpg?v=1766150883"},{"product_id":"triphala-digestion-bio-60-gelules-vegetales-ayurvana","title":"Triphala Bio - Digestion \u0026 Élimination - 60 gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Triphala Bio - Digestion \u0026 Élimination\nPalette détectée:\n - Primaire: #5B9A4A (Vert sauge du couvercle et bande inférieure)\n - Secondaire: #F5F0DC (Beige crème du corps du packaging)\n - Accent: #E67E22 (Orange des fruits Amalaki illustrés)\nAmbiance: Naturel\/bio, ayurvédique traditionnel, motifs mandala colorés, zen et holistique\nStyle: Naturel organique avec touche ethnique indienne, certifications bio prominentes\nPréfixe CSS: tri\n--\u003e\n\n\u003cdiv class=\"tri-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tri-hero\"\u003e\n \u003cdiv class=\"tri-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tri-hero-content\"\u003e\n \u003cdiv class=\"tri-badges-top\"\u003e\n \u003cspan class=\"tri-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🌱 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tri-hero-title\"\u003eTriphala Bio\u003c\/span\u003e\n \u003cp class=\"tri-subtitle\"\u003eDigestion \u0026amp; Élimination\u003c\/p\u003e\n \u003cp class=\"tri-description\"\u003eLa synergie ancestrale des trois fruits sacrés de l'Ayurveda pour une digestion harmonieuse et une élimination naturelle des toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- LES 3 FRUITS SACRÉS --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e🍃 Les trois fruits du Triphala\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003ch3\u003e🟠 Amalaki\u003c\/h3\u003e\n \u003cp class=\"tri-latin\"\u003eEmblica officinalis\u003c\/p\u003e\n \u003cspan class=\"tri-dosage\"\u003e532 mg \/ dose\u003c\/span\u003e\n \u003cp\u003eLe fruit de la vitalité, puissant antioxydant qui soutient la santé digestive. Équilibre le dosha \u003cstrong\u003ePitta\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003ch3\u003e🟢 Bibhitaki\u003c\/h3\u003e\n \u003cp class=\"tri-latin\"\u003eTerminalia belerica\u003c\/p\u003e\n \u003cspan class=\"tri-dosage\"\u003e532 mg \/ dose\u003c\/span\u003e\n \u003cp\u003eLe purificateur qui nettoie le sang et régule le mucus. Équilibre le dosha \u003cstrong\u003eKapha\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003ch3\u003e🟤 Haritaki\u003c\/h3\u003e\n \u003cp class=\"tri-latin\"\u003eTerminalia chebula\u003c\/p\u003e\n \u003cspan class=\"tri-dosage\"\u003e532 mg \/ dose\u003c\/span\u003e\n \u003cp\u003eLe roi des plantes qui régule l'élimination et apaise le système digestif. Équilibre le dosha \u003cstrong\u003eVata\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌸 Digestion harmonieuse\u003c\/h3\u003e\n \u003cp\u003eSoutient une digestion naturelle et régule le transit intestinal pour un confort optimal après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e💚 Détox naturelle\u003c\/h3\u003e\n \u003cp\u003eÉlimine en douceur les toxines accumulées et purifie l'organisme sans agresser votre système.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre des doshas\u003c\/h3\u003e\n \u003cp\u003eHarmonise les trois énergies vitales Vata, Pitta et Kapha pour un bien-être global et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🔄 Non-addictif\u003c\/h3\u003e\n \u003cp\u003eUtilisable au long cours sans risque d'accoutumance pour un soutien digestif régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tri-usage-box\"\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cspan class=\"tri-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules midi + 2 gélules soir\u003c\/strong\u003e avant les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cspan class=\"tri-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003ePrise optimale\u003c\/h3\u003e\n \u003cp\u003eAvaler avec un grand verre d'eau pour une absorption maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cspan class=\"tri-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eCure de 15 jours minimum recommandée pour des résultats durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse le Triphala ?\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🍽️ Troubles digestifs\u003c\/h3\u003e\n \u003cp\u003eDigestion lente, ballonnements ou inconfort après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🔄 Transit irrégulier\u003c\/h3\u003e\n \u003cp\u003eRetrouver un transit naturel et régulier sans dépendance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🧘 Bien-être holistique\u003c\/h3\u003e\n \u003cp\u003eRecherche d'équilibre selon les principes de l'Ayurveda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌿 Détox douce\u003c\/h3\u003e\n \u003cp\u003ePurifier l'organisme naturellement et en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e🏆 Nos garanties qualité\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid-compact\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌾 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌱 100% Végétal\u003c\/h3\u003e\n \u003cp\u003eVegan friendly\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003ePureté maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"tri-accordion\"\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e🧪 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003ePour 4 gélules :\u003c\/strong\u003e Amalaki bio* 532 mg • Bibhitaki bio* 532 mg • Haritaki bio* 532 mg • Gélule végétale (hypromellose)\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique certifiés FR-BIO-01\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Complément alimentaire ne remplaçant pas une alimentation variée et équilibrée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer le flacon après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tri-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tri-cta-box\"\u003e\n \u003cp\u003eAdoptez la sagesse millénaire de l'Ayurveda et retrouvez une digestion harmonieuse naturellement. Le Triphala bio, c'est la promesse d'un bien-être digestif durable, respectueux de votre corps et de la nature. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tri-cream: #FDFCF8;\n --tri-white: #ffffff;\n --tri-primary: #5B9A4A;\n --tri-primary-dark: #3D7A2E;\n --tri-primary-light: #E8F4E5;\n --tri-secondary: #F5F0DC;\n --tri-accent: #E67E22;\n --tri-text: #1a1a1a;\n --tri-text-light: #5a5a5a;\n --tri-border: #e0e0e0;\n --tri-shadow: 0 4px 24px rgba(91,154,74,.08);\n --tri-shadow-lg: 0 12px 48px rgba(91,154,74,.15);\n --tri-radius: 20px;\n --tri-radius-sm: 12px;\n}\n\n.tri-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tri-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tri-hero {\n position: relative;\n background: linear-gradient(135deg, #5B9A4A 0%, #4A8A3A 50%, #3D7A2E 100%);\n border-radius: var(--tri-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tri-shadow-lg);\n}\n\n.tri-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 15% 25%, rgba(255,255,255,.3) 0%, transparent 25%),\n radial-gradient(circle at 85% 75%, rgba(255,255,255,.3) 0%, transparent 25%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.2) 0%, transparent 35%);\n}\n\n.tri-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tri-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n}\n\n.tri-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tri-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tri-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tri-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tri-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3.5vw, 26px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n}\n\n.tri-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.tri-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tri-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tri-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tri-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tri-primary), var(--tri-accent));\n border-radius: 2px;\n}\n\n.tri-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tri-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tri-card {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tri-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tri-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tri-shadow-lg);\n border-color: var(--tri-primary);\n}\n\n.tri-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tri-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tri-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tri-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tri-fruit-card {\n background: linear-gradient(135deg, var(--tri-white) 0%, var(--tri-primary-light) 100%);\n}\n\n.tri-latin {\n font-size: 13px !important;\n font-style: italic;\n color: var(--tri-text-light) !important;\n margin-bottom: .75rem !important;\n}\n\n.tri-dosage {\n display: inline-block;\n background: var(--tri-primary);\n color: white;\n padding: 5px 14px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: .75rem;\n}\n\n.tri-usage-box {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tri-shadow);\n}\n\n.tri-usage-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n padding: 1rem 0;\n border-bottom: 1px solid var(--tri-border);\n}\n\n.tri-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.tri-usage-step:first-child {\n padding-top: 0;\n}\n\n.tri-step-num {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: var(--tri-primary);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n}\n\n.tri-usage-step h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--tri-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tri-usage-step p {\n font-size: 14px;\n color: var(--tri-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.tri-grid-compact .tri-card {\n padding: 1rem;\n}\n\n.tri-grid-compact .tri-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tri-grid-compact .tri-card p {\n font-size: 12px;\n}\n\n.tri-accordion {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n box-shadow: var(--tri-shadow);\n overflow: hidden;\n}\n\n.tri-accordion-item {\n border-bottom: 1px solid var(--tri-border);\n margin: 0;\n padding: 0;\n}\n\n.tri-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tri-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tri-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.tri-accordion-header:hover {\n background: var(--tri-primary-light);\n}\n\n.tri-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tri-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tri-primary);\n transition: transform .2s ease;\n}\n\n.tri-accordion-item[open] .tri-accordion-header::after {\n content: '−';\n}\n\n.tri-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tri-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.tri-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.tri-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.tri-cta-box {\n background: linear-gradient(135deg, var(--tri-primary) 0%, var(--tri-primary-dark) 100%);\n border-radius: var(--tri-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tri-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .tri-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tri-grid-compact {\n gap: .625rem;\n }\n \n .tri-grid-compact .tri-card {\n padding: .75rem;\n }\n \n .tri-card {\n padding: 1.125rem;\n }\n \n .tri-section {\n margin-bottom: 1.75rem;\n }\n \n .tri-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tri-radius-sm);\n }\n \n .tri-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tri-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tri-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tri-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .tri-usage-step {\n gap: 1rem;\n }\n \n .tri-step-num {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tri-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tri-card:nth-child(1) { animation-delay: .05s; }\n .tri-card:nth-child(2) { animation-delay: .1s; }\n .tri-card:nth-child(3) { animation-delay: .15s; }\n .tri-card:nth-child(4) { animation-delay: .2s; }\n .tri-card:nth-child(5) { animation-delay: .25s; }\n .tri-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tri-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":53482897080697,"sku":"AY9017","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/triphala-bio-digestion-elimination-60-gelules-ayur-vana-ingredients.webp?v=1768496791"},{"product_id":"elixir-huile-de-pepins-de-figues-de-barbarie-veritable-bio-15-ml-arc-en-sels","title":"Elixir Huile de Pépins de Figues de Barbarie Véritable Bio - 15 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Elixir Huile de Pépins de Figues de Barbarie Bio\nPalette détectée:\n - Primaire: #1B4D5C (bleu-vert profond du logo AS)\n - Secondaire: #C4A35A (doré\/jaune de l'huile dans le flacon)\n - Accent: #B8364B (rouge bordeaux du bandeau \"Peaux Matures\")\n - Tertiaire: #D4956A (terracotta\/abricot de l'arrière-plan)\nAmbiance: Luxe naturel, cosmétique premium, oriental raffiné, féminin élégant\nPréfixe CSS: elx\n--\u003e\n\n\u003cdiv class=\"elx-premium\"\u003e\n \n \u003cdiv class=\"elx-hero\"\u003e\n \u003cdiv class=\"elx-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"elx-hero-content\"\u003e\n \u003cdiv class=\"elx-badges-top\"\u003e\n \u003cspan class=\"elx-badge\"\u003e🌵 100% pure \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"elx-badge\"\u003e✨ Anti-âge puissant\u003c\/span\u003e\n \u003cspan class=\"elx-badge\"\u003e🇲🇦 Savoir-faire marocain\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"elx-hero-title\"\u003eElixir précieux\u003cbr\u003eFigue de Barbarie\u003c\/span\u003e\n \u003cp class=\"elx-subtitle\"\u003eL'or du désert pour votre peau\u003c\/p\u003e\n \u003cp class=\"elx-description\"\u003eHuile rare extraite des pépins du cactus Opuntia Ficus Indica, reconnue comme l'une des huiles les plus précieuses au monde pour ses vertus anti-âge exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e✨ Bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"elx-grid\"\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🔬 Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels, elle neutralise les radicaux libres et stimule le renouvellement cellulaire pour une peau visiblement plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eSa composition en oméga-6 et oméga-9 nourrit en profondeur et préserve l'élasticité naturelle de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🌟 Éclat lumineux\u003c\/h3\u003e\n \u003cp\u003eRévèle la luminosité naturelle du teint et unifie le grain de peau pour un effet \"bonne mine\" immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🩹 Réparatrice\u003c\/h3\u003e\n \u003cp\u003eAccélère la régénération cutanée, atténue les cicatrices et les imperfections pour une peau lisse et unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras, convient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eIdéale pour atténuer cernes, poches et ridules du contour de l'œil grâce à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e💎 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"elx-composition-box\"\u003e\n \u003cdiv class=\"elx-composition-grid\"\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eHuile de pépins de figues de barbarie pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eOméga-6\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAcide linoléique nourrissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eOméga-9\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAcide oléique protecteur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAntioxydant naturel puissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"elx-composition-note\"\u003eSans additifs • Sans conservateurs • Certifiée biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"elx-grid\"\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🌸 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eLuttez efficacement contre les signes visibles de l'âge : rides, ridules, perte de fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🌿 Peaux déshydratées\u003c\/h3\u003e\n \u003cp\u003eRestaurez le film hydrolipidique et retrouvez une peau souple et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🦋 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTexture non grasse et formule pure, parfaitement tolérée par les épidermes fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"elx-steps\"\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eSur peau propre et sèche, matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eAppliquez l'élixir\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes au creux de vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003ePar mouvements circulaires sur le visage, le cou et le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eUtilisez en synergie\u003c\/h3\u003e\n \u003cp\u003eComme sérum sous votre crème ou ajoutée à votre soin habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e🏺 Savoir-faire artisanal\u003c\/h2\u003e\n \u003cdiv class=\"elx-artisan-box\"\u003e\n \u003cdiv class=\"elx-artisan-content\"\u003e\n \u003cdiv class=\"elx-artisan-icon\"\u003e🌵\u003c\/div\u003e\n \u003ch3\u003ePremière pression à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui préserve l'intégralité des actifs précieux du fruit. Chaque goutte témoigne d'un savoir-faire marocain ancestral allié aux exigences européennes strictes en matière de qualité et de traçabilité.\u003c\/p\u003e\n \u003cdiv class=\"elx-artisan-badges\"\u003e\n \u003cspan\u003e🌱 Agriculture biologique\u003c\/span\u003e\n \u003cspan\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan\u003e🇪🇺 Normes européennes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e📦 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"elx-accordion\"\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e📏 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eFlacon compte-gouttes de 15 ml. À raison de 2-3 gouttes par application, ce précieux élixir vous accompagne pendant environ 2 à 3 mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après chaque utilisation pour préserver toutes les propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"elx-cta-box\"\u003e\n \u003cdiv class=\"elx-cta-icon\"\u003e🌟\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau le meilleur de la nature.\u003cbr\u003e\u003cstrong\u003eUn geste simple, un résultat lumineux.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cspan class=\"elx-cta-tagline\"\u003eVotre éclat, notre signature\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --elx-cream: #FDF8F3;\n --elx-white: #ffffff;\n --elx-primary: #1B4D5C;\n --elx-primary-dark: #133844;\n --elx-primary-light: #E8F0F2;\n --elx-secondary: #C4A35A;\n --elx-secondary-light: #F5EED9;\n --elx-accent: #B8364B;\n --elx-terracotta: #D4956A;\n --elx-text: #1a1a1a;\n --elx-text-light: #5a5a5a;\n --elx-border: #e8e0d8;\n --elx-shadow: 0 4px 24px rgba(27,77,92,.08);\n --elx-shadow-lg: 0 12px 48px rgba(27,77,92,.15);\n --elx-radius: 20px;\n --elx-radius-sm: 12px;\n}\n\n.elx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--elx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.elx-hero {\n position: relative;\n background: linear-gradient(135deg, var(--elx-primary) 0%, var(--elx-primary-dark) 40%, #0d2830 100%);\n border-radius: var(--elx-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--elx-shadow-lg);\n}\n\n.elx-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, var(--elx-secondary) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, var(--elx-secondary) 1px, transparent 1px),\n radial-gradient(circle at 50% 50%, var(--elx-secondary) 0.5px, transparent 0.5px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n opacity: .15;\n}\n\n.elx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.elx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.elx-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--elx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.elx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(196,163,90,.3);\n}\n\n.elx-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n line-height: 1.1;\n}\n\n.elx-subtitle {\n color: var(--elx-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.elx-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.elx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.elx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--elx-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.elx-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--elx-secondary), var(--elx-terracotta));\n border-radius: 2px;\n}\n\n\/* === GRID === *\/\n.elx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.elx-card {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--elx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.elx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--elx-shadow-lg);\n border-color: var(--elx-secondary);\n}\n\n.elx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.elx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--elx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.elx-card-target {\n background: linear-gradient(135deg, var(--elx-white) 0%, var(--elx-secondary-light) 100%);\n}\n\n\/* === COMPOSITION BOX === *\/\n.elx-composition-box {\n background: linear-gradient(135deg, var(--elx-primary) 0%, var(--elx-primary-dark) 100%);\n border-radius: var(--elx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n box-shadow: var(--elx-shadow-lg);\n}\n\n.elx-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.elx-composition-item {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,.1);\n border-radius: var(--elx-radius-sm);\n backdrop-filter: blur(10px);\n}\n\n.elx-composition-value {\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--elx-secondary);\n margin-bottom: .25rem;\n}\n\n.elx-composition-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: rgba(255,255,255,.85);\n line-height: 1.4;\n}\n\n.elx-composition-note {\n text-align: center;\n color: rgba(255,255,255,.7);\n font-size: clamp(12px, 2vw, 14px);\n font-weight: 600;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.elx-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.elx-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1rem, 2.5vw, 1.5rem);\n box-shadow: var(--elx-shadow);\n transition: all .3s ease;\n}\n\n.elx-step:hover {\n transform: translateX(8px);\n box-shadow: var(--elx-shadow-lg);\n}\n\n.elx-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--elx-secondary), var(--elx-terracotta));\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.elx-step-content h3 {\n font-size: clamp(14px, 2.2vw, 17px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.elx-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--elx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ARTISAN BOX === *\/\n.elx-artisan-box {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n box-shadow: var(--elx-shadow);\n border: 2px solid var(--elx-secondary-light);\n text-align: center;\n}\n\n.elx-artisan-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.elx-artisan-content h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.elx-artisan-content p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--elx-text-light);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1.25rem;\n}\n\n.elx-artisan-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.elx-artisan-badges span {\n padding: 8px 16px;\n background: var(--elx-secondary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--elx-primary-dark);\n}\n\n\/* === ACCORDION === *\/\n.elx-accordion {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n box-shadow: var(--elx-shadow);\n overflow: hidden;\n}\n\n.elx-accordion-item {\n border-bottom: 1px solid var(--elx-border);\n margin: 0;\n padding: 0;\n}\n\n.elx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.elx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--elx-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.elx-accordion-header:hover {\n background: var(--elx-primary-light);\n}\n\n.elx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.elx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--elx-secondary);\n transition: transform .2s ease;\n}\n\n.elx-accordion-item[open] .elx-accordion-header::after {\n content: '−';\n}\n\n.elx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--elx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.elx-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.elx-cta-box {\n background: linear-gradient(135deg, var(--elx-secondary) 0%, var(--elx-terracotta) 100%);\n border-radius: var(--elx-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.elx-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: shimmer 8s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: translate(-10%, -10%); }\n 50% { transform: translate(10%, 10%); }\n}\n\n.elx-cta-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.elx-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n position: relative;\n z-index: 1;\n margin: 0 0 1rem 0;\n}\n\n.elx-cta-tagline {\n display: inline-block;\n padding: 10px 24px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 700;\n font-style: italic;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .elx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .elx-card {\n padding: 1.125rem;\n }\n \n .elx-section {\n margin-bottom: 1.75rem;\n }\n \n .elx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--elx-radius-sm);\n }\n \n .elx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .elx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .elx-badges-top {\n gap: 8px;\n }\n \n .elx-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .elx-composition-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .elx-composition-item {\n padding: .75rem;\n }\n \n .elx-step {\n padding: 1rem;\n }\n \n .elx-step-number {\n min-width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .elx-artisan-badges {\n gap: .5rem;\n }\n \n .elx-artisan-badges span {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .elx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .elx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .elx-card {\n animation: fadeInUp .5s ease backwards;\n }\n .elx-card:nth-child(1) { animation-delay: .05s; }\n .elx-card:nth-child(2) { animation-delay: .1s; }\n .elx-card:nth-child(3) { animation-delay: .15s; }\n .elx-card:nth-child(4) { animation-delay: .2s; }\n .elx-card:nth-child(5) { animation-delay: .25s; }\n .elx-card:nth-child(6) { animation-delay: .3s; }\n \n .elx-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .elx-step:nth-child(1) { animation-delay: .1s; }\n .elx-step:nth-child(2) { animation-delay: .2s; }\n .elx-step:nth-child(3) { animation-delay: .3s; }\n .elx-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .elx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .elx-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755288879261,"sku":"ELIXIRFIGUEBARBARIE","price":39.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/elixir-huile-de-pepins-de-figues-de-barbarie-veritable-bio-1-lifestyle.webp?v=1768500918"},{"product_id":"epigalance-protection-cellulaire-120-gelules-jade-recherche","title":"Epigalance - Protection Cellulaire - 120 Gélules - Jade Recherche","description":"\u003cdiv class=\"eg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"eg-hero\"\u003e\n \u003cdiv class=\"eg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"eg-hero-content\"\u003e\n \u003cdiv class=\"eg-badges-top\"\u003e\n \u003cspan class=\"eg-badge\"\u003e🍃 EGCG haute concentration\u003c\/span\u003e\n \u003cspan class=\"eg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"eg-badge\"\u003e🌱 120 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"eg-hero-title\"\u003eEpigalance\u003c\/span\u003e\n \u003cp class=\"eg-subtitle\"\u003eProtection cellulaire par Jade Recherche\u003c\/p\u003e\n \u003cp class=\"eg-description\"\u003eLe pouvoir antioxydant du thé vert concentré en EGCG, optimisé par la pipérine pour une absorption maximale. 2 580 mg de Camellia sinensis par dose journalière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"eg-section\"\u003e\n \u003ch2\u003eEpigalance de Jade Recherche : l'antioxydant complément alimentaire pour votre protection cellulaire\u003c\/h2\u003e\n \u003cp class=\"eg-section-intro\"\u003eVous cherchez un moyen naturel de \u003cstrong\u003erenforcer vos défenses immunitaires\u003c\/strong\u003e et de protéger vos cellules contre le stress oxydatif ?\u003c\/p\u003e\n \u003cdiv class=\"eg-grid-compact\"\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e🛡️ Bouclier antioxydant\u003c\/h3\u003e\n \u003cp\u003eConcentré en EGCG, le polyphénol le plus puissant du thé vert, pour neutraliser les radicaux libres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e🧬 Capital cellulaire\u003c\/h3\u003e\n \u003cp\u003eProtège vos cellules au quotidien contre le stress oxydatif et le vieillissement prématuré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n \u003cp\u003e120 gélules végétales HPMC, formulées par Jade Recherche pour une cure longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e⚡ Synergie pipérine\u003c\/h3\u003e\n \u003cp\u003eLa pipérine du poivre noir booste l'absorption de l'EGCG pour un bénéfice réel et mesurable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"eg-section\"\u003e\n \u003ch2\u003ePourquoi choisir un complément alimentaire riche en EGCG ?\u003c\/h2\u003e\n \u003cdiv class=\"eg-highlight-box\"\u003e\n \u003cp\u003eL'EGCG est une catéchine extraite du \u003cstrong\u003eCamellia sinensis\u003c\/strong\u003e (thé vert), abondamment étudiée pour ses propriétés antioxydantes exceptionnelles. Elle aide à \u003cstrong\u003eneutraliser les radicaux libres\u003c\/strong\u003e, ces molécules instables qui accélèrent le vieillissement cellulaire et fragilisent vos défenses immunitaires. En intégrant Epigalance à votre routine, vous offrez à votre organisme un bouclier naturel contre le stress oxydatif quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-tip\"\u003e\n \u003cspan class=\"eg-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eContrairement à de nombreux compléments de défenses immunitaires, Epigalance associe l'EGCG à la \u003cstrong\u003epipérine issue du poivre noir\u003c\/strong\u003e. Cette synergie est essentielle : la pipérine améliore significativement la biodisponibilité de l'EGCG, permettant à votre corps d'en absorber davantage et d'en tirer un bénéfice réel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"eg-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 6 gélules (dose journalière recommandée)\u003c\/h2\u003e\n \u003cdiv class=\"eg-grid\"\u003e\n \u003cdiv class=\"eg-card eg-card-ingredient\"\u003e\n \u003ch3\u003e🍵 2 580 mg de Camellia sinensis\u003c\/h3\u003e\n \u003cp\u003eExtrait aqueux de thé vert titré à 50 % de polyphénols, dont 35 % d'EGCG (épigallocatéchine gallate)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card eg-card-ingredient\"\u003e\n \u003ch3\u003e🌶️ 30 mg de Piper nigrum\u003c\/h3\u003e\n \u003cp\u003eExtrait de poivre noir titré à 95 % de pipérine pour une absorption optimale des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card eg-card-ingredient\"\u003e\n \u003ch3\u003e💊 Gélules végétales HPMC\u003c\/h3\u003e\n \u003cp\u003eEnveloppe 100 % d'origine végétale avec stéarate de magnésium comme agent d'enrobage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-tip\"\u003e\n \u003cspan class=\"eg-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eChaque gélule est dosée à \u003cstrong\u003e460 mg\u003c\/strong\u003e. Formule \u003cstrong\u003esans OGM, sans gluten et sans additifs chimiques\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"eg-section\"\u003e\n \u003ch2\u003eComment prendre Epigalance ? Conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"eg-timeline\"\u003e\n \u003cdiv class=\"eg-timeline-item\"\u003e\n \u003cdiv class=\"eg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"eg-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e4 à 8 gélules par jour\u003c\/strong\u003e, réparties en deux prises, avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-timeline-item\"\u003e\n \u003cdiv class=\"eg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"eg-timeline-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau moment des repas\u003c\/strong\u003e pour une meilleure tolérance digestive et une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-timeline-item\"\u003e\n \u003cdiv class=\"eg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"eg-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e3 à 6 mois\u003c\/strong\u003e est conseillée pour un renforcement optimal des défenses immunitaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-timeline-item\"\u003e\n \u003cdiv class=\"eg-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"eg-timeline-content\"\u003e\n \u003ch3\u003eProgression\u003c\/h3\u003e\n \u003cp\u003eCommencez par 4 gélules et augmentez progressivement selon vos besoins et les recommandations de votre professionnel de santé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"eg-section\"\u003e\n \u003ch2\u003eLes bienfaits d'Epigalance au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"eg-grid\"\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eAide à préserver l'intégrité de l'ADN et des membranes cellulaires face aux agressions oxydatives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eLes polyphénols du thé vert participent au bon fonctionnement du système immunitaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e🔥 Métabolisme des graisses\u003c\/h3\u003e\n \u003cp\u003eL'EGCG favorise l'oxydation lipidique et soutient un métabolisme sain au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e⚡ Absorption optimisée\u003c\/h3\u003e\n \u003cp\u003eGrâce à la pipérine, l'assimilation des principes actifs est maximisée pour un bénéfice réel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"eg-section\"\u003e\n \u003ch2\u003eFabrication française et qualité Jade Recherche\u003c\/h2\u003e\n \u003cdiv class=\"eg-testimonial\"\u003e\n \u003cp class=\"eg-testimonial-text\"\u003eEpigalance est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e par Jade Recherche, un laboratoire reconnu pour la rigueur de ses formulations naturelles. Les gélules végétales garantissent un produit adapté aux régimes végétariens et végétaliens. Chaque lot est contrôlé pour assurer une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e🌱 Végétalien\u003c\/h3\u003e\n \u003cp\u003eGélules HPMC végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e🔍 Contrôle qualité\u003c\/h3\u003e\n \u003cp\u003eChaque lot testé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eg-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans OGM, sans gluten\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"eg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément antioxydant ?\u003c\/h2\u003e\n \u003cp class=\"eg-section-intro\"\u003eEpigalance convient à toute personne souhaitant \u003cstrong\u003ebooster ses défenses immunitaires\u003c\/strong\u003e de manière naturelle, lutter contre le vieillissement prématuré ou simplement adopter une démarche préventive face au stress oxydatif.\u003c\/p\u003e\n \u003cdiv class=\"eg-cta-box\"\u003e\n \u003cp\u003eSi vous vous demandez comment booster vos défenses immunitaires efficacement, Epigalance constitue une réponse concrète et bien dosée — 2 580 mg de thé vert + pipérine pour une protection cellulaire optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"eg-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants. Consultez votre médecin en cas de doute ou de traitement en cours.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --eg-cream: #f7f6f1;\n --eg-white: #ffffff;\n --eg-primary: #6b8e23;\n --eg-primary-dark: #3d5a0f;\n --eg-primary-light: #eef3e2;\n --eg-secondary: #a8c256;\n --eg-accent: #c9a33a;\n --eg-text: #1a1a1a;\n --eg-text-light: #5a5a5a;\n --eg-border: #e0e0e0;\n --eg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --eg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --eg-radius: 20px;\n --eg-radius-sm: 12px;\n}\n\n.eg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.eg-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a0f 0%, #6b8e23 45%, #a8c256 100%);\n border-radius: var(--eg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--eg-shadow-lg);\n}\n\n.eg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(201,163,58,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.eg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.eg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.eg-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.eg-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.eg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.eg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--eg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.eg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.eg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.eg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--eg-primary), var(--eg-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.eg-card {\n background: var(--eg-white);\n border-radius: var(--eg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.eg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eg-shadow-lg);\n border-color: var(--eg-primary);\n}\n\n.eg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.eg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.eg-card-ingredient {\n border-left: 4px solid var(--eg-secondary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.eg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.eg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.eg-grid-compact .eg-card {\n padding: 1rem;\n}\n\n.eg-grid-compact .eg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.eg-grid-compact .eg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.eg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.eg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.eg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eg-primary), var(--eg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.eg-timeline-content {\n flex: 1;\n background: var(--eg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eg-radius-sm);\n box-shadow: var(--eg-shadow);\n}\n\n.eg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.eg-timeline-content p {\n font-size: 14px;\n color: var(--eg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.eg-testimonial {\n background: var(--eg-white);\n border-radius: var(--eg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--eg-shadow);\n border-left: 4px solid var(--eg-primary);\n}\n\n.eg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.eg-highlight-box {\n background: var(--eg-white);\n border-radius: var(--eg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--eg-shadow);\n margin-bottom: 1.25rem;\n}\n\n.eg-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--eg-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.eg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eg-primary-light);\n border-radius: var(--eg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.eg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.eg-tip p {\n font-size: 14px;\n color: var(--eg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.eg-cta-box {\n background: linear-gradient(135deg, var(--eg-primary) 0%, var(--eg-primary-dark) 100%);\n border-radius: var(--eg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.eg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.eg-disclaimer {\n font-size: 12px;\n color: var(--eg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.eg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eg-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .eg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .eg-card {\n padding: 1.125rem;\n }\n\n .eg-section {\n margin-bottom: 1.75rem;\n }\n\n .eg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eg-radius-sm);\n }\n\n .eg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .eg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .eg-grid-compact {\n gap: .625rem;\n }\n\n .eg-grid-compact .eg-card {\n padding: .75rem;\n }\n\n .eg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .eg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .eg-timeline-content h3 {\n font-size: 14px;\n }\n\n .eg-timeline-content p {\n font-size: 13px;\n }\n\n .eg-testimonial {\n padding: 1.25rem;\n }\n\n .eg-testimonial-text {\n font-size: 14px;\n }\n\n .eg-highlight-box {\n padding: 1.25rem;\n }\n\n .eg-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .eg-card {\n animation: egFadeInUp .5s ease backwards;\n }\n .eg-card:nth-child(1) { animation-delay: .05s; }\n .eg-card:nth-child(2) { animation-delay: .1s; }\n .eg-card:nth-child(3) { animation-delay: .15s; }\n .eg-card:nth-child(4) { animation-delay: .2s; }\n .eg-card:nth-child(5) { animation-delay: .25s; }\n .eg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes egFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .eg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755291369629,"sku":"JADEPIG120","price":22.93,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/epigalance-protection-cellulaire-120-gelules-jade-recherche-packshothd.webp?v=1773819267"},{"product_id":"clarte-mentale-et-memoire-reversibilite-de-la-maladie-dalzheimer-jade-recherche","title":"Clarté Mentale \u0026 Mémoire - Réversibilité de la Maladie d'Alzheimer - Jade Recherche","description":"\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eSi vous approchez de la cinquantaine, ou si vous l’avez dépassée, si les trous de mémoire se font plus nombreux, ce livre est fait pour vous.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eLes neurones, c’est comme le reste, cela s’entretient. Ils ont besoin de nourritures diverses et variées. Ils ont également besoin d’être protégés.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eMais allons plus loin et brisons un tabou : la maladie d’Alzheimer est réversible \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eEncore faut-il s’y prendre à temps et impliquer le malade. Cela demande bien évidemment de nourrir le cerveau à l’aide de principes actifs qui ont fait leurs preuves et pour lesquels de nombreuses études ont été réalisées à travers le monde. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eCe livre entre dans le détail, références à l’appui. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eIl faut pour autant que le malade d’Alzheimer fasse sa part : de l’exercice physique chaque jour, de la stimulation intellectuelle et de la création également. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eEt enfin, du lien social. Il faut donc que le malade n’en soit plus un, qu’il soit vexé du diagnostic, qu’il se prenne en mains. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eLes études démontrent, la pratique également : que l’hippocampe, mais aussi d’autres parties du cerveau, retrouvent du volume, que le diagnostic d’Alzheimer posé en amont s’annule (batteries de tests et analyses à l’appui).\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eCe livre ne laissera personne indifférent, et nous vous invitons à le lire… avant que votre cerveau ne rétrécisse.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eVous y apprendrez également des choses peu connues : la réversibilité proprement dite, la possibilité de contagion de la maladie d’Alzheimer sous certaines conditions, l’éventuelle origine bactérienne et virale de cette maladie, le lien Alzheimer\/glycémie, la nécessité de bien dormir pour faciliter le nettoyage nocturne du cerveau… vous pourrez aussi découvrir des techniques utiles à votre cerveau. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 14px;\"\u003eCe livre ne se limite pas à la maladie d’Alzheimer, il vous aidera à retrouver clarté mentale et mémoire.\u003c\/span\u003e\u003c\/p\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755294220445,"sku":"LIVRECLARTEMEN","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Clarte-mentale-et-Memoire-Reversibilite-de-la-maladie-d-960020.jpg?v=1732719960"},{"product_id":"tribulus-favorise-le-desir-et-les-capacites-sexuelles-60-gelules-ayurvana","title":"Tribulus - Favorise le Désir et les capacités Sexuelles - 60 Gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tribulus - Complément alimentaire pour le désir et les capacités sexuelles\nPalette détectée:\n - Primaire: #C41E3A (rouge profond du capuchon, évoquant la passion et l'énergie)\n - Secondaire: #8B4513 (brun\/terre pour l'aspect naturel\/ayurvédique)\n - Accent: #4A7C59 (vert naturel pour le badge vegan et l'aspect végétal)\n - Background: #F5F1E8 (beige crème du packaging, naturel et apaisant)\nAmbiance: Ayurvédique\/naturel premium, avec une touche de sensualité suggérée par le rouge passion\nStyle: Naturel sophistiqué, ancestral moderne, bien-être intime\nPréfixe CSS: trib\n--\u003e\n\n\u003cdiv class=\"trib-premium\"\u003e\n \u003cdiv class=\"trib-hero\"\u003e\n \u003cdiv class=\"trib-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"trib-hero-content\"\u003e\n \u003cdiv class=\"trib-badges-top\"\u003e\n \u003cspan class=\"trib-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"trib-badge\"\u003e🔥 Stimule la libido\u003c\/span\u003e\n \u003cspan class=\"trib-badge\"\u003e💪 Performances améliorées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"trib-hero-title\"\u003eTribulus Ayur-Vana\u003c\/span\u003e\n \u003cp class=\"trib-subtitle\"\u003eLe secret ancestral de la vitalité sexuelle\u003c\/p\u003e\n \u003cp class=\"trib-description\"\u003eIssu de la médecine ayurvédique millénaire, le Tribulus terrestris révèle son pouvoir aphrodisiaque naturel. Une formule concentrée en protodioscines pour réveiller le désir et décupler les performances, chez l'homme comme chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir notre Tribulus ?\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e❤️‍🔥\u003c\/div\u003e\n \u003ch3\u003eDésir intensifié\u003c\/h3\u003e\n \u003cp\u003eAugmente naturellement la libido en stimulant les fonctions sexuelles et en ravivant le désir intime au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3\u003ePerformances optimales\u003c\/h3\u003e\n \u003cp\u003eRiche en protodioscines (20%), il favorise la libération d'oxyde nitrique pour des performances sexuelles améliorées et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eÉquilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eSoutient une production équilibrée de testostérone, bénéfique pour la vitalité sexuelle et l'énergie physique des sportifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n \u003cp\u003eProtège vos cellules du stress oxydatif, favorisant une meilleure énergie globale et un bien-être durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e🌱 Composition premium et concentrée\u003c\/h2\u003e\n \u003cdiv class=\"trib-composition-box\"\u003e\n \u003cdiv class=\"trib-composition-main\"\u003e\n \u003cdiv class=\"trib-ingredient-hero\"\u003e\n \u003cdiv class=\"trib-dosage-circle\"\u003e\n \u003cspan class=\"trib-dosage-number\"\u003e1800\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-unit\"\u003emg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-ingredient-info\"\u003e\n \u003ch3\u003eTribulus terrestris\u003c\/h3\u003e\n \u003cp\u003eExtrait de fruits cuits concentré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-purity-badge\"\u003e\n \u003cspan class=\"trib-percentage\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"trib-purity-label\"\u003ede protodioscines\u003cbr\u003e(360 mg par dose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-composition-extra\"\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003e\u003cstrong\u003e90 mg\u003c\/strong\u003e de carbonate de magnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003eGélules 100% végétales (hypromellose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003eCertifié agriculture biologique FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi optimisé\u003c\/h2\u003e\n \u003cdiv class=\"trib-dosage-grid\"\u003e\n \u003cdiv class=\"trib-dosage-card trib-dosage-attack\"\u003e\n \u003cdiv class=\"trib-dosage-header\"\u003e\n \u003cspan class=\"trib-dosage-label\"\u003ePhase d'attaque\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-duration\"\u003ePremières semaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-visual\"\u003e\n \u003cdiv class=\"trib-pills\"\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"trib-multiply\"\u003e×\u003c\/span\u003e\n \u003cspan class=\"trib-times\"\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-dosage-instruction\"\u003e2 gélules avant chaque repas\u003cbr\u003e\u003cstrong\u003eSoit 6 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"trib-dosage-goal\"\u003ePour un impact maximal et des résultats rapides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-card trib-dosage-maintenance\"\u003e\n \u003cdiv class=\"trib-dosage-header\"\u003e\n \u003cspan class=\"trib-dosage-label\"\u003ePhase d'entretien\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-duration\"\u003eLong terme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-visual\"\u003e\n \u003cdiv class=\"trib-pills\"\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-dosage-instruction\"\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e\u003cbr\u003eDe préférence le matin\u003c\/p\u003e\n \u003cp class=\"trib-dosage-goal\"\u003ePour maintenir les bénéfices au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e👥 Pour qui est fait ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e👨\u003c\/div\u003e\n \u003ch3\u003eHommes en quête de vitalité\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver une libido épanouie et améliorer vos performances intimes naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e👩\u003c\/div\u003e\n \u003ch3\u003eFemmes actives\u003c\/h3\u003e\n \u003cp\u003eVous désirez raviver votre désir sexuel et booster votre énergie vitale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e🏋️\u003c\/div\u003e\n \u003ch3\u003eSportifs exigeants\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un soutien hormonal naturel pour optimiser vos performances physiques et votre récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e💑\u003c\/div\u003e\n \u003ch3\u003eCouples épanouis\u003c\/h3\u003e\n \u003cp\u003eVous voulez enrichir votre vie intime et retrouver une complicité physique renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e🎯 Les résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"trib-results-timeline\"\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e7-10\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003ejours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003ePremiers effets\u003c\/h3\u003e\n \u003cp\u003eRegain d'énergie, meilleure vitalité générale, sensations de bien-être accrues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e2-3\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003esemaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003eEffets notables\u003c\/h3\u003e\n \u003cp\u003eAugmentation perceptible de la libido, amélioration des performances et du désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e1-2\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003emois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003eEffets optimaux\u003c\/h3\u003e\n \u003cp\u003eVitalité sexuelle pleinement restaurée, équilibre hormonal stabilisé, bien-être durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e⚠️ Précautions importantes\u003c\/h2\u003e\n \u003cdiv class=\"trib-warning-box\"\u003e\n \u003cdiv class=\"trib-warning-grid\"\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes, allaitantes, enfants et adolescents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÉviter\u003c\/strong\u003e en cas de traitement anti-hypertenseur ou antidiabétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas dépasser\u003c\/strong\u003e la dose journalière recommandée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTenir\u003c\/strong\u003e hors de portée des jeunes enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-warning-footer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eContenance\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e\u003cbr\u003eCure de 10 à 30 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch3\u003eOrigine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAgriculture biologique\u003c\/strong\u003e\u003cbr\u003eCertifié FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eFabricant\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAyur-Vana\u003c\/strong\u003e\u003cbr\u003eExpertise ayurvédique française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🥬\u003c\/div\u003e\n \u003ch3\u003eFormat\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100% vegan\u003c\/strong\u003e\u003cbr\u003eGélules hypromellose végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"trib-cta-box\"\u003e\n \u003cdiv class=\"trib-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"trib-cta-content\"\u003e\n \u003cp class=\"trib-cta-title\"\u003e🔥 Réveillez votre désir, libérez votre potentiel\u003c\/p\u003e\n \u003cp\u003eAvec Tribulus Ayur-Vana, offrez-vous le meilleur de la tradition ayurvédique pour retrouver une libido épanouie, des performances optimales et un bien-être intime renouvelé. Une formule naturelle, concentrée et efficace pour une vie sexuelle et physique au sommet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --trib-cream: #F5F1E8;\n --trib-white: #ffffff;\n --trib-primary: #C41E3A;\n --trib-primary-dark: #8B1528;\n --trib-primary-light: #F8E5E8;\n --trib-secondary: #8B4513;\n --trib-accent: #4A7C59;\n\n \/* Textes *\/\n --trib-text: #1a1a1a;\n --trib-text-light: #5a5a5a;\n\n \/* Effets *\/\n --trib-border: #e0e0e0;\n --trib-shadow: 0 4px 24px rgba(0,0,0,.08);\n --trib-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --trib-radius: 20px;\n --trib-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.trib-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--trib-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--trib-text);\n}\n\n\/* === HERO === *\/\n.trib-hero {\n position: relative;\n background: linear-gradient(135deg, var(--trib-primary) 0%, var(--trib-primary-dark) 50%, var(--trib-secondary) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.trib-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.trib-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.trib-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--trib-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.trib-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.trib-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.trib-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.trib-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.trib-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.trib-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--trib-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.trib-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--trib-primary), var(--trib-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.trib-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-primary);\n}\n\n.trib-card-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.trib-card h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.trib-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.trib-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === COMPOSITION BOX === *\/\n.trib-composition-box {\n background: linear-gradient(135deg, var(--trib-white) 0%, var(--trib-primary-light) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--trib-shadow-lg);\n border: 3px solid var(--trib-primary);\n}\n\n.trib-composition-main {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n border-bottom: 2px dashed var(--trib-border);\n}\n\n.trib-ingredient-hero {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n flex: 1;\n min-width: 250px;\n}\n\n.trib-dosage-circle {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--trib-primary), var(--trib-primary-dark));\n box-shadow: 0 8px 24px rgba(196, 30, 58, .3);\n flex-shrink: 0;\n}\n\n.trib-dosage-number {\n font-size: 32px;\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.trib-dosage-unit {\n font-size: 14px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.trib-ingredient-info h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.trib-ingredient-info p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n}\n\n.trib-purity-badge {\n text-align: center;\n background: var(--trib-white);\n padding: 1.5rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: var(--trib-shadow);\n border: 2px solid var(--trib-accent);\n}\n\n.trib-percentage {\n display: block;\n font-size: 42px;\n font-weight: 900;\n color: var(--trib-accent);\n line-height: 1;\n margin-bottom: .5rem;\n}\n\n.trib-purity-label {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: var(--trib-text);\n line-height: 1.4;\n}\n\n.trib-composition-extra {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.trib-extra-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n background: var(--trib-white);\n padding: 1rem 1.25rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n}\n\n.trib-extra-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.trib-extra-text {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text);\n line-height: 1.5;\n}\n\n\/* === DOSAGE GRID === *\/\n.trib-dosage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.trib-dosage-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 3px solid transparent;\n transition: all .3s ease;\n}\n\n.trib-dosage-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-dosage-attack {\n border-color: var(--trib-primary);\n}\n\n.trib-dosage-maintenance {\n border-color: var(--trib-accent);\n}\n\n.trib-dosage-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.5rem;\n padding-bottom: 1rem;\n border-bottom: 2px dashed var(--trib-border);\n}\n\n.trib-dosage-label {\n font-size: 18px;\n font-weight: 800;\n color: var(--trib-primary-dark);\n}\n\n.trib-dosage-duration {\n font-size: 13px;\n font-weight: 700;\n color: var(--trib-text-light);\n background: var(--trib-primary-light);\n padding: 4px 10px;\n border-radius: 999px;\n}\n\n.trib-dosage-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin: 1.5rem 0;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--trib-primary-light), transparent);\n border-radius: var(--trib-radius-sm);\n}\n\n.trib-pills {\n display: flex;\n gap: 8px;\n}\n\n.trib-pill {\n font-size: 32px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.trib-multiply {\n font-size: 24px;\n font-weight: 900;\n color: var(--trib-primary);\n}\n\n.trib-times {\n font-size: 36px;\n font-weight: 900;\n color: var(--trib-primary);\n}\n\n.trib-dosage-instruction {\n font-size: clamp(15px, 2.2vw, 17px);\n color: var(--trib-text);\n text-align: center;\n margin: 1rem 0;\n line-height: 1.6;\n}\n\n.trib-dosage-instruction strong {\n color: var(--trib-primary-dark);\n font-weight: 800;\n}\n\n.trib-dosage-goal {\n font-size: 14px;\n color: var(--trib-text-light);\n text-align: center;\n margin: 0;\n font-style: italic;\n}\n\n\/* === PROFILE CARDS === *\/\n.trib-profile-card {\n background: linear-gradient(135deg, var(--trib-white) 0%, var(--trib-primary-light) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-primary);\n}\n\n.trib-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n}\n\n.trib-profile-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.trib-profile-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === RESULTS TIMELINE === *\/\n.trib-results-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.trib-timeline-item {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n background: var(--trib-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--trib-radius);\n box-shadow: var(--trib-shadow);\n border-left: 5px solid var(--trib-primary);\n transition: all .3s ease;\n}\n\n.trib-timeline-item:hover {\n transform: translateX(8px);\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-timeline-marker {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--trib-primary), var(--trib-primary-dark));\n border-radius: var(--trib-radius-sm);\n padding: 1rem;\n min-width: 90px;\n box-shadow: 0 4px 16px rgba(196, 30, 58, .3);\n flex-shrink: 0;\n}\n\n.trib-timeline-number {\n font-size: 28px;\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.trib-timeline-unit {\n font-size: 13px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.trib-timeline-content h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.trib-timeline-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.trib-warning-box {\n background: linear-gradient(135deg, #FFF3CD 0%, #FFF8E1 100%);\n border: 3px solid #FFB74D;\n border-radius: var(--trib-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--trib-shadow);\n}\n\n.trib-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.trib-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--trib-white);\n padding: 1.25rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n}\n\n.trib-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.trib-warning-item p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text);\n margin: 0;\n line-height: 1.5;\n}\n\n.trib-warning-footer {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--trib-text);\n text-align: center;\n margin: 0;\n padding-top: 1.5rem;\n border-top: 2px dashed #FFB74D;\n font-style: italic;\n}\n\n\/* === INFO CARDS === *\/\n.trib-info-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-accent);\n}\n\n.trib-info-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.trib-info-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.trib-info-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.trib-cta-box {\n background: linear-gradient(135deg, var(--trib-primary) 0%, var(--trib-primary-dark) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.trib-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.trib-cta-title {\n font-size: clamp(22px, 4vw, 30px);\n font-weight: 900;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.trib-cta-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .trib-grid {\n grid-template-columns: 1fr;\n }\n \n .trib-dosage-grid {\n grid-template-columns: 1fr;\n }\n \n .trib-composition-main {\n flex-direction: column;\n }\n \n .trib-ingredient-hero {\n flex-direction: column;\n text-align: center;\n }\n \n .trib-timeline-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .trib-card,\n .trib-dosage-card,\n .trib-profile-card,\n .trib-info-card,\n .trib-timeline-item {\n animation: fadeInUp .6s ease backwards;\n }\n \n .trib-card:nth-child(1),\n .trib-dosage-card:nth-child(1),\n .trib-profile-card:nth-child(1),\n .trib-info-card:nth-child(1),\n .trib-timeline-item:nth-child(1) { animation-delay: .1s; }\n \n .trib-card:nth-child(2),\n .trib-dosage-card:nth-child(2),\n .trib-profile-card:nth-child(2),\n .trib-info-card:nth-child(2),\n .trib-timeline-item:nth-child(2) { animation-delay: .2s; }\n \n .trib-card:nth-child(3),\n .trib-profile-card:nth-child(3),\n .trib-info-card:nth-child(3),\n .trib-timeline-item:nth-child(3) { animation-delay: .3s; }\n \n .trib-card:nth-child(4),\n .trib-profile-card:nth-child(4),\n .trib-info-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .trib-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .trib-card,\n .trib-dosage-card,\n .trib-profile-card,\n .trib-info-card {\n border: 3px solid var(--trib-text);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755297726621,"sku":"AY9404","price":20.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tribulus-favorise-le-desir-et-les-capacites-sexuelles-60-gel-ingredients.webp?v=1768501455"},{"product_id":"carencea-repondre-a-la-majorite-des-carences-et-besoins-120-gelules-jade-recherche","title":"Carencéa Jade Recherche - Vitamine D3\/K2 Magnésium B6 - 120 gélules","description":"\u003cp\u003e\u003cstrong\u003eCarencéa\u003c\/strong\u003e est un complément alimentaire complet formulé pour répondre aux besoins nutritionnels les plus courants. Grâce à sa \u003cstrong\u003esynergie de minéraux, vitamines et extraits marins\u003c\/strong\u003e, il aide à \u003cstrong\u003ecorriger les carences liées au stress, à une alimentation déséquilibrée ou à des périodes de fatigue\u003c\/strong\u003e. Élaboré par\u003cstrong\u003e \u003c\/strong\u003eJade Recherche, il offre une solution naturelle, bien dosée et hautement assimilable.\u003c\/p\u003e\n\u003ch2\u003eQuels sont les bienfaits de Carencéa ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMagnésium bisglycinate (340 mg)\u003c\/strong\u003e : forme hautement biodisponible, qui participe à la réduction de la fatigue, au bon fonctionnement du système nerveux et musculaire, et à l’équilibre électrolytique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine B6 (1,6 mg – 114 % AR)\u003c\/strong\u003e : potentialise l’assimilation du magnésium et contribue au métabolisme énergétique normal.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTaurine (100 mg)\u003c\/strong\u003e : soutient le système cardiovasculaire et contribue à la concentration et à la vigilance.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine D3 (50 µg – 2000 UI – 1000 % AR)\u003c\/strong\u003e : essentielle pour les os, les muscles, le système immunitaire et la dentition.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine E (30 mg – 250 % AR)\u003c\/strong\u003e : antioxydant naturel qui protège les cellules du stress oxydatif.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine K2 (105 µg – 140 % AR)\u003c\/strong\u003e : contribue à la coagulation sanguine normale et au maintien d’une ossature saine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIode naturel issu de Fucus vesiculosus (40 mg)\u003c\/strong\u003e : soutient la fonction thyroïdienne, la production d’énergie et la concentration.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpiruline (200 mg)\u003c\/strong\u003e : micro-algue riche en nutriments, elle renforce la vitalité, soutient les défenses naturelles et l’équilibre global.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComment bien utiliser Carencéa ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePosologie\u003c\/strong\u003e : prendre 2 gélules par jour, de préférence le matin avec un verre d’eau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurée d’une cure\u003c\/strong\u003e : une boîte de 120 gélules permet une supplémentation de 60 jours.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePourquoi choisir Carencéa ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule complète\u003c\/strong\u003e : 8 actifs essentiels réunis pour une couverture nutritionnelle optimale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssimilation maximale\u003c\/strong\u003e : choix de formes actives, naturelles et biodisponibles (bisglycinate, D3 végétale, iode marin).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans additifs inutiles\u003c\/strong\u003e : formule propre, sans colorants, ni conservateurs controversés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : contrôle qualité rigoureux et respect des normes les plus exigeantes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRéservé à l’adulte.\u003c\/li\u003e\n\u003cli\u003eDemander conseil à un professionnel de santé en cas de grossesse, d’allaitement ou de traitement médicamenteux (notamment anticoagulants).\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l’abri de la chaleur.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755298250909,"sku":"JADECARENCEA","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carencea-jade-recherche-vitamine-d3k2-magnesium-b6-120-gelul-lifestyle.webp?v=1773308659"},{"product_id":"huile-d-argan-100-bio-50-ml-arc-en-sels","title":"Huile d’Argan Bio - Restructurant - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Argan Bio - Restructurant - 50 ml - Arc en Sels\nPalette détectée:\n - Primaire: #C4A035 (doré\/or de l'huile d'argan)\n - Secondaire: #1E3A5F (bleu marine du logo et ruban)\n - Accent: #D4AF37 (or plus lumineux pour highlights)\n - Background: #FAF7F2 (crème chaud naturel)\nAmbiance: Luxe naturel, tradition marocaine, cosmétique bio premium, élégance orientale\nPréfixe CSS: arg\n--\u003e\n\n\u003cdiv class=\"arg-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eL'or liquide du Maroc pour sublimer votre beauté\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eExtraite à froid selon les traditions ancestrales, cette huile précieuse nourrit, répare et protège votre peau, vos cheveux et vos ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e✨ Les vertus de l'or marocain\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et antioxydants naturels pour prévenir le vieillissement cutané et protéger des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePénètre en profondeur pour apaiser les peaux sèches ou irritées et redonner souplesse et éclat à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare les longueurs abîmées, apporte brillance et douceur tout en luttant contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles cassants et hydrate les cuticules. Pénètre rapidement sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, même les plus sensibles. Idéale pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🔬 Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction traditionnelle préservant tous les actifs précieux de l'amande d'argan pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e🌰 Un trésor de la nature\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-ingredient-main\"\u003e\n \u003cdiv class=\"arg-ingredient-icon\"\u003e🥜\u003c\/div\u003e\n \u003cdiv class=\"arg-ingredient-info\"\u003e\n \u003ch3\u003eHuile d'argan vierge\u003c\/h3\u003e\n \u003cp\u003e100% pure et biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrients\"\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eAntioxydant majeur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide oléique (Oméga-9)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eNutrition profonde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide linoléique (Oméga-6)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eRégénération cellulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003ePolyphénols\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eProtection anti-âge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Peaux sèches \u0026amp; matures\u003c\/h3\u003e\n \u003cp\u003eBesoin d'hydratation intense et de protection anti-âge pour retrouver souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux abîmés\u003c\/h3\u003e\n \u003cp\u003eLongueurs fragilisées par le soleil, la chaleur ou les colorations qui nécessitent une réparation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eOngles cassants et cuticules sèches qui ont besoin d'être nourris et fortifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-usage-grid\"\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en soin sans rinçage sur les pointes pour nourrir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez vos ongles et cuticules avec une goutte d'huile chaque soir pour les fortifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMaroc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏷️ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio - Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e♻️ Engagement\u003c\/h3\u003e\n \u003cp\u003eCommerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les qualités de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🤝 Production éthique\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eIssue d'une production éthique et durable, cette huile soutient les coopératives locales marocaines de femmes berbères. Un achat responsable qui contribue au développement économique local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e✅ Garantie qualité\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eSans additifs, sans conservateurs et pressée à froid, elle garantit une qualité irréprochable. Certifiée biologique par Ecocert, elle respecte votre santé comme l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre routine beauté un trésor ancestral du Maroc.\u003cbr\u003eUne huile précieuse, naturelle et éthique pour sublimer votre peau, vos cheveux et vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #FAF7F2;\n --arg-white: #ffffff;\n --arg-primary: #C4A035;\n --arg-primary-dark: #8B7224;\n --arg-primary-light: #F5ECD4;\n --arg-secondary: #1E3A5F;\n --arg-accent: #D4AF37;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e0e0e0;\n --arg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --arg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 40%, var(--arg-primary) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--arg-shadow-lg);\n}\n\n.arg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.arg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--arg-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.arg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.arg-subtitle {\n color: var(--arg-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.arg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.arg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--arg-primary), var(--arg-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-grid-compact .arg-card {\n padding: 1rem;\n}\n\n.arg-grid-compact .arg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arg-grid-compact .arg-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.arg-composition-box {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--arg-primary-light);\n}\n\n.arg-ingredient-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.arg-ingredient-info h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.arg-ingredient-info p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-primary-dark);\n font-weight: 600;\n margin: 0;\n}\n\n.arg-nutrients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.arg-nutrient {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n border-left: 4px solid var(--arg-primary);\n}\n\n.arg-nutrient-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--arg-secondary);\n margin-bottom: .25rem;\n}\n\n.arg-nutrient-benefit {\n font-size: 12px;\n color: var(--arg-text-light);\n}\n\n\/* === USAGE GRID === *\/\n.arg-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-usage-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n text-align: center;\n position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.arg-usage-card:hover {\n transform: translateY(-4px);\n border-color: var(--arg-primary);\n}\n\n.arg-usage-number {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 800;\n box-shadow: 0 4px 12px rgba(30, 58, 95, .3);\n}\n\n.arg-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: .5rem 0 .75rem 0;\n}\n\n.arg-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 50%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arg-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, .15) 0%, transparent 50%);\n}\n\n.arg-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-card {\n padding: 1.125rem;\n }\n \n .arg-section {\n margin-bottom: 1.75rem;\n }\n \n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n \n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .arg-grid-compact {\n gap: .625rem;\n }\n \n .arg-grid-compact .arg-card {\n padding: .75rem;\n }\n \n .arg-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .arg-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .arg-nutrients {\n grid-template-columns: 1fr;\n }\n \n .arg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card, .arg-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1), .arg-usage-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2), .arg-usage-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3), .arg-usage-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .arg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755301888157,"sku":"ARCARGAN50","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-restructurant-50-ml-arc-en-sels-lifestyle.webp?v=1768500592"},{"product_id":"samavance-fatigue-et-stress-30-ou-60-gelules-jade-recherche","title":"Samavance - Fatigue et Stress - 30 Gélules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Samavance - Fatigue et Stress - Jade Recherche\nPalette détectée:\n - Primaire: #2E7D32 (vert profond du packaging - évoque la nature, spiruline)\n - Secondaire: #1565C0 (bleu du bandeau inférieur - confiance, sérénité)\n - Accent: #4CAF50 (vert clair du logo \"sam\" - fraîcheur, vitalité)\nAmbiance: Naturel\/scientifique, bien-être, formule apaisante avec fond d'herbe\/nature suggérant le retour à l'équilibre\nPréfixe CSS: sam\n--\u003e\n\u003cdiv class=\"sam-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sam-hero\"\u003e\n\u003cdiv class=\"sam-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-hero-content\"\u003e\n\u003cdiv class=\"sam-badges-top\"\u003e\n\u003cspan class=\"sam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sam-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e \u003cspan class=\"sam-badge\"\u003e💊 Gastro-résistant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sam-hero-title\"\u003eSamavance\u003c\/span\u003e\n\u003cp class=\"sam-subtitle\"\u003eFatigue \u0026amp; Stress\u003c\/p\u003e\n\u003cp class=\"sam-description\"\u003eLa synergie SAM-e, Rhodiola et Spiruline pour retrouver votre vitalité et votre sérénité intérieure\u003c\/p\u003e\n\u003cdiv class=\"sam-hero-highlights\"\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-value\"\u003e200 mg\u003c\/span\u003e \u003cspan class=\"sam-highlight-label\"\u003eSAM-e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-value\"\u003e120 mg\u003c\/span\u003e \u003cspan class=\"sam-highlight-label\"\u003eRhodiola\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-value\"\u003e20 mg\u003c\/span\u003e \u003cspan class=\"sam-highlight-label\"\u003eSpiruline\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- À QUI S'ADRESSE-T-IL --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse le Samavance ?\u003c\/h2\u003e\n\u003cp class=\"sam-intro-text\"\u003eCe complément alimentaire cible particulièrement les personnes confrontées aux défis du quotidien moderne.\u003c\/p\u003e\n\u003cdiv class=\"sam-grid\"\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e💼\u003c\/span\u003e\n\u003ch3\u003eProfessionnels sous pression\u003c\/h3\u003e\n\u003cp\u003eSurmenage au travail, deadlines serrées, charge mentale importante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e📚\u003c\/span\u003e\n\u003ch3\u003eÉtudiants en examens\u003c\/h3\u003e\n\u003cp\u003eBesoin de concentration et de clarté mentale en période intense\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e👨👩👧👦\u003c\/span\u003e\n\u003ch3\u003eParents débordés\u003c\/h3\u003e\n\u003cp\u003eFatigue persistante malgré le repos, équilibre émotionnel fragilisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e😓\u003c\/span\u003e\n\u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n\u003cp\u003eStress chronique affectant la qualité de vie et le bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACTIFS CLÉS --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eUne synergie de 3 actifs puissants\u003c\/h2\u003e\n\u003cdiv class=\"sam-ingredients-grid\"\u003e\n\u003cdiv class=\"sam-ingredient-card sam-ingredient-main\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🧬\u003c\/span\u003e\n\u003cdiv class=\"sam-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eS-adénosylméthionine (SAM-e)\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003eMolécule naturellement présente dans l'organisme, impliquée dans plus de \u003cstrong\u003e100 réactions biochimiques\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eSynthèse des neurotransmetteurs (sérotonine, dopamine)\u003c\/li\u003e\n\u003cli\u003eSoutien de l'humeur et du bien-être mental\u003c\/li\u003e\n\u003cli\u003eRéparation cellulaire et détoxification hépatique\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-ingredient-card\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n\u003cdiv class=\"sam-ingredient-dose\"\u003e120 mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eRhodiola rosea\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003ePlante adaptogène utilisée depuis des siècles dans les médecines traditionnelles scandinaves et russes.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eAdaptation naturelle au stress\u003c\/li\u003e\n\u003cli\u003eRéduction de la fatigue mentale et physique\u003c\/li\u003e\n\u003cli\u003eAmélioration des performances cognitives\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-ingredient-card\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🌊\u003c\/span\u003e\n\u003cdiv class=\"sam-ingredient-dose\"\u003e20 mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSpiruline\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003eMicro-algue aux propriétés nutritionnelles exceptionnelles, riche en nutriments essentiels.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eProtéines complètes et fer biodisponible\u003c\/li\u003e\n\u003cli\u003eVitamines B et antioxydants\u003c\/li\u003e\n\u003cli\u003eSoutien de l'énergie globale\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION COMPLÈTE --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eComposition par gélule gastro-résistante\u003c\/h2\u003e\n\u003cdiv class=\"sam-composition-box\"\u003e\n\u003cdiv class=\"sam-composition-grid\"\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eS-adénosylméthionine (SAM-e)\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e200 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eExtrait de Rhodiola rosea\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e120 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eSpiruline\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e20 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-item\"\u003e\n\u003cspan class=\"sam-comp-name\"\u003eStéarate de magnésium végétal\u003c\/span\u003e \u003cspan class=\"sam-comp-dose\"\u003e20 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-composition-footer\"\u003e\n\u003cspan\u003eEnveloppe : gélule en gélatine gastro-résistante\u003c\/span\u003e \u003cspan\u003ePoids net : 14,85 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI GASTRO-RÉSISTANT --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003ePourquoi une gélule gastro-résistante ?\u003c\/h2\u003e\n\u003cdiv class=\"sam-gastro-box\"\u003e\n\u003cdiv class=\"sam-gastro-content\"\u003e\n\u003cdiv class=\"sam-gastro-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"sam-gastro-text\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eSAM-e est une molécule fragile\u003c\/strong\u003e qui peut être dégradée par l'acidité de l'estomac.\u003c\/p\u003e\n\u003cp\u003eL'enveloppe gastro-résistante permet à la gélule de traverser l'estomac intacte et de libérer ses actifs directement dans l'intestin, là où l'absorption est optimale.\u003c\/p\u003e\n\u003cdiv class=\"sam-gastro-result\"\u003e\n\u003cspan class=\"sam-gastro-result-icon\"\u003e✓\u003c\/span\u003e \u003cspan\u003eBiodisponibilité maximale garantie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eComment prendre le Samavance ?\u003c\/h2\u003e\n\u003cdiv class=\"sam-usage-grid\"\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eDosage\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003ePrise\u003c\/h3\u003e\n\u003cp\u003eAvaler avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLe matin ou en début d'après-midi\u003c\/strong\u003e pour ne pas perturber le sommeil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eDurée\u003c\/h3\u003e\n\u003cp\u003eCure recommandée : \u003cstrong\u003e1 mois minimum\u003c\/strong\u003e, renouvelable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-tip-box\"\u003e\n\u003cspan class=\"sam-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e commencez par une gélule quotidienne pendant la première semaine pour observer comment votre organisme réagit, puis passez à deux gélules si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eQuand ressentir les effets ?\u003c\/h2\u003e\n\u003cdiv class=\"sam-timeline\"\u003e\n\u003cdiv class=\"sam-timeline-item\"\u003e\n\u003cdiv class=\"sam-timeline-marker\"\u003e\u003cspan\u003eJours 1-7\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-content\"\u003e\n\u003ch3\u003ePremiers jours\u003c\/h3\u003e\n\u003cp\u003ePremiers bienfaits possibles sur la \u003cstrong\u003egestion du stress\u003c\/strong\u003e et le sentiment de calme intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-item\"\u003e\n\u003cdiv class=\"sam-timeline-marker\" style=\"text-align:center;\"\u003e\u003cspan\u003eSemaines\u003cbr\u003e2-3\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-content\"\u003e\n\u003ch3\u003eAmélioration progressive\u003c\/h3\u003e\n\u003cp\u003eRéduction significative de la \u003cstrong\u003efatigue profonde\u003c\/strong\u003e et amélioration de l'énergie quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-item\"\u003e\n\u003cdiv class=\"sam-timeline-marker\"\u003e\u003cspan\u003e1 mois+\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-timeline-content\"\u003e\n\u003ch3\u003eEffets optimaux\u003c\/h3\u003e\n\u003cp\u003eÉquilibre retrouvé, \u003cstrong\u003evitalité durable\u003c\/strong\u003e et meilleure résistance au stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sam-warning-box\"\u003e\n\u003cdiv class=\"sam-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cul class=\"sam-warning-list\" style=\"list-style: none;\"\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes et allaitantes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"sam-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sam-cta-box\"\u003e\n\u003cdiv class=\"sam-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-cta-content\"\u003e\n\u003cspan class=\"sam-cta-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch2\u003eVotre allié naturel contre la fatigue et le stress\u003c\/h2\u003e\n\u003cp\u003eGrâce à sa formule concentrée en SAM-e, Rhodiola et Spiruline, le Samavance vous accompagne au quotidien pour retrouver votre \u003cstrong\u003eénergie\u003c\/strong\u003e et votre \u003cstrong\u003eéquilibre émotionnel\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eUne solution pensée pour votre bien-être global, sans compromis sur la qualité.\u003c\/p\u003e\n\u003cdiv class=\"sam-cta-format\"\u003e\u003cspan\u003e📦 Boîte de 30 gélules gastro-résistantes\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --sam-cream: #f8faf8;\n --sam-white: #ffffff;\n --sam-primary: #2E7D32;\n --sam-primary-dark: #1B5E20;\n --sam-primary-light: #E8F5E9;\n --sam-secondary: #1565C0;\n --sam-secondary-light: #E3F2FD;\n --sam-accent: #4CAF50;\n\n \/* Textes *\/\n --sam-text: #1a1a1a;\n --sam-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sam-border: #e0e0e0;\n --sam-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sam-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --sam-radius: 20px;\n --sam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sam-text);\n line-height: 1.6;\n}\n\n.sam-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sam-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sam-primary) 0%, var(--sam-primary-dark) 40%, var(--sam-secondary) 100%);\n border-radius: var(--sam-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.sam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sam-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sam-hero-title {\n display: block;\n color: white;\n font-size: clamp(42px, 9vw, 68px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n text-transform: uppercase;\n}\n\n.sam-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n}\n\n.sam-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.sam-hero-highlights {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 4vw, 2.5rem);\n flex-wrap: wrap;\n}\n\n.sam-highlight {\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: var(--sam-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n min-width: 100px;\n}\n\n.sam-highlight-value {\n display: block;\n color: white;\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n}\n\n.sam-highlight-label {\n display: block;\n color: rgba(255,255,255,.85);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.sam-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sam-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sam-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sam-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sam-primary), var(--sam-secondary));\n border-radius: 2px;\n}\n\n.sam-intro-text {\n text-align: center;\n font-size: clamp(16px, 2.2vw, 18px);\n color: var(--sam-text-light);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.sam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.sam-card {\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sam-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sam-shadow-lg);\n border-color: var(--sam-primary);\n}\n\n.sam-card-icon {\n font-size: 2.5rem;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sam-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sam-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.sam-card p {\n font-size: 15px;\n color: var(--sam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.sam-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.sam-ingredient-card {\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sam-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sam-shadow-lg);\n border-color: var(--sam-accent);\n}\n\n.sam-ingredient-main {\n grid-column: 1 \/ -1;\n background: linear-gradient(135deg, var(--sam-primary-light) 0%, var(--sam-white) 100%);\n border: 2px solid var(--sam-primary);\n}\n\n@media (min-width: 900px) {\n .sam-ingredient-main {\n grid-column: span 1;\n }\n .sam-ingredients-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.sam-ingredient-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1rem;\n}\n\n.sam-ingredient-icon {\n font-size: 2.5rem;\n}\n\n.sam-ingredient-dose {\n background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n color: white;\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 800;\n}\n\n.sam-ingredient-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sam-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.sam-ingredient-desc {\n font-size: 14px;\n color: var(--sam-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.6;\n}\n\n.sam-ingredient-benefits {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.sam-ingredient-benefits li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.5rem;\n font-size: 14px;\n color: var(--sam-text);\n}\n\n.sam-ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--sam-accent);\n font-weight: 700;\n}\n\n\/* === COMPOSITION === *\/\n.sam-composition-box {\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sam-shadow);\n border: 2px solid var(--sam-primary-light);\n}\n\n.sam-composition-grid {\n display: grid;\n gap: 0;\n}\n\n.sam-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 0;\n border-bottom: 1px solid var(--sam-border);\n}\n\n.sam-composition-item:last-child {\n border-bottom: none;\n}\n\n.sam-comp-name {\n font-weight: 600;\n color: var(--sam-text);\n}\n\n.sam-comp-dose {\n font-weight: 800;\n color: var(--sam-primary);\n background: var(--sam-primary-light);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 14px;\n}\n\n.sam-composition-footer {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem 2rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 2px dashed var(--sam-border);\n font-size: 14px;\n color: var(--sam-text-light);\n}\n\n\/* === GASTRO BOX === *\/\n.sam-gastro-box {\n background: linear-gradient(135deg, var(--sam-secondary-light) 0%, var(--sam-white) 100%);\n border-radius: var(--sam-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--sam-secondary);\n box-shadow: var(--sam-shadow);\n}\n\n.sam-gastro-content {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.sam-gastro-icon {\n font-size: 4rem;\n flex-shrink: 0;\n}\n\n.sam-gastro-text p {\n margin: 0 0 1rem 0;\n font-size: 16px;\n color: var(--sam-text);\n line-height: 1.7;\n}\n\n.sam-gastro-result {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--sam-secondary);\n color: white;\n padding: 10px 20px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 15px;\n margin-top: 0.5rem;\n}\n\n.sam-gastro-result-icon {\n font-size: 18px;\n}\n\n@media (max-width: 600px) {\n .sam-gastro-content {\n flex-direction: column;\n text-align: center;\n }\n .sam-gastro-icon {\n margin: 0 auto;\n }\n}\n\n\/* === MODE D'EMPLOI === *\/\n.sam-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.sam-usage-step {\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--sam-shadow);\n transition: all .3s ease;\n}\n\n.sam-usage-step:hover {\n transform: translateY(-5px);\n box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n margin: 0 auto 1rem auto;\n}\n\n.sam-usage-step h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sam-primary-dark);\n margin: 0 0 0.5rem 0;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.sam-usage-step p {\n font-size: 14px;\n color: var(--sam-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sam-tip-box {\n background: linear-gradient(135deg, #FFF8E1, #FFFDE7);\n border-radius: var(--sam-radius);\n padding: 1.5rem 2rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border: 2px solid #FFD54F;\n}\n\n.sam-tip-icon {\n font-size: 2rem;\n flex-shrink: 0;\n}\n\n.sam-tip-box p {\n margin: 0;\n font-size: 15px;\n color: var(--sam-text);\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.sam-timeline {\n position: relative;\n padding-left: 2rem;\n}\n\n.sam-timeline::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(to bottom, var(--sam-primary), var(--sam-secondary));\n border-radius: 2px;\n}\n\n.sam-timeline-item {\n position: relative;\n padding: 1.5rem;\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n margin-bottom: 1.5rem;\n margin-left: 1.5rem;\n box-shadow: var(--sam-shadow);\n transition: all .3s ease;\n}\n\n.sam-timeline-item:hover {\n transform: translateX(5px);\n box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-timeline-item::before {\n content: '';\n position: absolute;\n left: -1.5rem;\n top: 50%;\n transform: translateY(-50%);\n width: 20px;\n height: 4px;\n background: var(--sam-primary);\n}\n\n.sam-timeline-marker {\n position: absolute;\n left: -3rem;\n top: 50%;\n transform: translate(-50%, -50%);\n background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n color: white;\n padding: 6px 12px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 800;\n white-space: nowrap;\n}\n\n.sam-timeline-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--sam-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.sam-timeline-content p {\n font-size: 14px;\n color: var(--sam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 600px) {\n .sam-timeline {\n padding-left: 1rem;\n }\n .sam-timeline-marker {\n position: relative;\n left: auto;\n top: auto;\n transform: none;\n display: inline-block;\n margin-bottom: 0.75rem;\n }\n .sam-timeline-item::before {\n display: none;\n }\n .sam-timeline-item {\n margin-left: 1rem;\n }\n}\n\n\/* === FAQ === *\/\n.sam-faq-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.sam-faq-card {\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sam-shadow);\n border-left: 4px solid var(--sam-primary);\n transition: all .3s ease;\n}\n\n.sam-faq-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-faq-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sam-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.sam-faq-card p {\n font-size: 14px;\n color: var(--sam-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.sam-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.sam-info-item {\n background: var(--sam-white);\n border-radius: var(--sam-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--sam-shadow);\n transition: all .3s ease;\n}\n\n.sam-info-item:hover {\n transform: translateY(-3px);\n}\n\n.sam-info-icon {\n font-size: 1.75rem;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.sam-info-label {\n display: block;\n font-size: 12px;\n font-weight: 700;\n color: var(--sam-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.25rem;\n}\n\n.sam-info-value {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: var(--sam-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.sam-warning-box {\n background: linear-gradient(135deg, #FFF3E0, #FFEBEE);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid #FFAB91;\n}\n\n.sam-warning-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.sam-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.sam-warning-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.6rem;\n font-size: 14px;\n color: var(--sam-text);\n line-height: 1.5;\n}\n\n.sam-warning-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: #E64A19;\n font-weight: 700;\n}\n\n.sam-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n@media (max-width: 500px) {\n .sam-warning-box {\n flex-direction: column;\n text-align: left;\n }\n}\n\n\/* === CTA FINAL === *\/\n.sam-cta-box {\n background: linear-gradient(135deg, var(--sam-primary) 0%, var(--sam-primary-dark) 50%, var(--sam-secondary) 100%);\n border-radius: var(--sam-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.sam-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sam-cta-icon {\n font-size: 3.5rem;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sam-cta-box h2 {\n color: white;\n margin-bottom: 1.5rem;\n}\n\n.sam-cta-box h2::after {\n background: rgba(255,255,255,.5);\n}\n\n.sam-cta-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1rem auto;\n}\n\n.sam-cta-format {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.3);\n padding: 12px 24px;\n border-radius: 999px;\n color: white;\n font-weight: 700;\n font-size: 15px;\n margin-top: 1rem;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sam-card,\n .sam-ingredient-card,\n .sam-usage-step,\n .sam-timeline-item,\n .sam-faq-card,\n .sam-info-item {\n animation: samFadeInUp .6s ease backwards;\n }\n \n .sam-card:nth-child(1),\n .sam-ingredient-card:nth-child(1),\n .sam-usage-step:nth-child(1) { animation-delay: .1s; }\n .sam-card:nth-child(2),\n .sam-ingredient-card:nth-child(2),\n .sam-usage-step:nth-child(2) { animation-delay: .2s; }\n .sam-card:nth-child(3),\n .sam-ingredient-card:nth-child(3),\n .sam-usage-step:nth-child(3) { animation-delay: .3s; }\n .sam-card:nth-child(4),\n .sam-usage-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes samFadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .sam-premium {\n --sam-text: #000000;\n --sam-text-light: #333333;\n }\n .sam-card,\n .sam-ingredient-card,\n .sam-faq-card {\n border: 2px solid var(--sam-text);\n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sam-grid,\n .sam-ingredients-grid,\n .sam-usage-grid,\n .sam-faq-grid {\n grid-template-columns: 1fr;\n }\n \n .sam-ingredient-main {\n grid-column: 1;\n }\n \n .sam-hero-highlights {\n gap: 1rem;\n }\n \n .sam-highlight {\n min-width: 80px;\n padding: 0.75rem 1rem;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45791627772061,"sku":"JADESAMAN-1","price":29.73,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/samavance-fatigue-et-stress-jade-recherche-ingredients.webp?v=1773303945"},{"product_id":"algosource-spirulysat-original-extrait-liquide-de-spiruline-ampoule-20x10ml-algosource","title":"Spirulysat Original - Extrait Liquide de Spiruline - 20 Ampoules - AlgoSource","description":"\n\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spirulysat Original - Extrait Liquide de Spiruline\nPalette détectée:\n - Primaire: #0047AB (Bleu cobalt intense du packaging - symbolise l'eau, la nature aquatique)\n - Secondaire: #B8986F (Or\/beige chaud des accents - évoque le naturel, la qualité premium)\n - Accent: #E8E5D8 (Beige crème du fond - douceur, naturel)\n - Highlight: #00A3E0 (Bleu cyan de l'ampoule - vitalité, innovation)\nAmbiance: Naturel premium avec une forte identité scientifique\/marine. Le bleu profond évoque la mer et les micro-algues, tandis que le beige apporte une touche naturelle et rassurante. Le contraste dynamique entre le bleu et le blanc suggère pureté et efficacité. Style : Santé naturelle haut de gamme, biodisponibilité, innovation française.\nPréfixe CSS: spir\n--\u003e\n\n\u003cdiv class=\"spir-premium\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"spir-hero\"\u003e\n \u003cdiv class=\"spir-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spir-hero-content\"\u003e\n \u003cdiv class=\"spir-badges-top\"\u003e\n \u003cspan class=\"spir-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"spir-badge\"\u003e💧 100% liquide\u003c\/span\u003e\n \u003cspan class=\"spir-badge\"\u003e🌿 Sans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"spir-hero-title\"\u003eSpirulysat Original\u003c\/span\u003e\n \u003cp class=\"spir-subtitle\" style=\"color:white;\"\u003eL'extrait liquide de spiruline à biodisponibilité maximale\u003c\/p\u003e\n \u003cp class=\"spir-description\" style=\"color:white;\"\u003e20 ampoules de pure vitalité pour booster naturellement votre énergie et renforcer votre système immunitaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Bénéfices Clés --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003ePourquoi Spirulysat révolutionne votre bien-être\u003c\/h2\u003e\n \u003cdiv class=\"spir-grid\"\u003e\n \u003cdiv class=\"spir-card spir-card-highlight\"\u003e\n \u003cdiv class=\"spir-card-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eBiodisponibilité exceptionnelle\u003c\/h3\u003e\n \u003cp\u003eFormat liquide unique garantissant une \u003cstrong\u003eabsorption optimale\u003c\/strong\u003e et des effets ressentis dès les premiers jours. Contrairement aux poudres et comprimés, les nutriments sont directement assimilables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003cdiv class=\"spir-card-icon\"\u003e🌊\u003c\/div\u003e\n \u003ch3\u003eSpiruline fraîche 20%\u003c\/h3\u003e\n \u003cp\u003eConcentration exceptionnelle en spiruline pure, \u003cstrong\u003eextraite à basse température\u003c\/strong\u003e pour préserver 100% de ses propriétés nutritionnelles : phycocyanine, protéines, vitamines B12.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003cdiv class=\"spir-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eÉnergie naturelle durable\u003c\/h3\u003e\n \u003cp\u003eFini les coups de fatigue ! Spirulysat vous apporte un \u003cstrong\u003eregain de vitalité immédiat\u003c\/strong\u003e qui se prolonge tout au long de la journée, sans excitants artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003cdiv class=\"spir-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eBouclier immunitaire renforcé\u003c\/h3\u003e\n \u003cp\u003eRichesse naturelle en antioxydants, vitamines et minéraux pour \u003cstrong\u003estimuler vos défenses\u003c\/strong\u003e et vous protéger des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003cdiv class=\"spir-card-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3\u003ePureté absolue\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eZéro additif, zéro conservateur\u003c\/strong\u003e, zéro arôme artificiel. Juste de la spiruline fraîche et de l'eau purifiée. Formulation 100% naturelle et clean.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003cdiv class=\"spir-card-icon\"\u003e📍\u003c\/div\u003e\n \u003ch3\u003eTraçabilité française totale\u003c\/h3\u003e\n \u003cp\u003eCultivée, extraite et conditionnée en France par AlgoSource, expert reconnu. \u003cstrong\u003eContrôle qualité maximal\u003c\/strong\u003e de la culture jusqu'à votre porte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Composition Détaillée --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eUne formule d'une simplicité remarquable\u003c\/h2\u003e\n \u003cdiv class=\"spir-composition-grid\"\u003e\n \u003cdiv class=\"spir-composition-card spir-main-ingredient\"\u003e\n \u003cdiv class=\"spir-percentage\"\u003e20%\u003c\/div\u003e\n \u003ch3\u003e🌊 Spiruline fraîche\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eArthrospira platensis\u003c\/strong\u003e, la micro-algue aux 65% de protéines végétales complètes. Source naturelle exceptionnelle de :\u003c\/p\u003e\n \u003cul class=\"spir-nutrient-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003ePhycocyanine\u003c\/strong\u003e : pigment bleu aux propriétés antioxydantes puissantes\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVitamine B12\u003c\/strong\u003e : essentielle au métabolisme énergétique\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eFer biodisponible\u003c\/strong\u003e : lutte contre la fatigue\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eBêta-carotène\u003c\/strong\u003e : protection cellulaire\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eChlorophylle\u003c\/strong\u003e : détoxification naturelle\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-composition-card\"\u003e\n \u003cdiv class=\"spir-percentage\"\u003e80%\u003c\/div\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eEau de source ultrapure permettant l'extraction douce et la conservation des actifs de la spiruline. Support neutre garantissant la stabilité des nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-guarantee-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e✓\u003c\/strong\u003e Sans additifs \u003cstrong\u003e✓\u003c\/strong\u003e Sans conservateurs \u003cstrong\u003e✓\u003c\/strong\u003e Sans colorants \u003cstrong\u003e✓\u003c\/strong\u003e Sans arômes artificiels \u003cstrong\u003e✓\u003c\/strong\u003e Sans allergènes majeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Mode d'Emploi --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eMode d'emploi pour des résultats optimaux\u003c\/h2\u003e\n \u003cdiv class=\"spir-usage-timeline\"\u003e\n \u003cdiv class=\"spir-usage-step\"\u003e\n \u003cdiv class=\"spir-step-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003ePrendre 1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e ou au petit-déjeuner pour profiter du boost énergétique toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-usage-step\"\u003e\n \u003cdiv class=\"spir-step-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eOuvrir et diluer\u003c\/h3\u003e\n \u003cp\u003eCasser l'ampoule et verser le contenu dans un \u003cstrong\u003egrand verre d'eau, jus de fruit ou smoothie\u003c\/strong\u003e. Vous pouvez aussi le consommer pur si vous appréciez le goût authentique de la spiruline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-usage-step\"\u003e\n \u003cdiv class=\"spir-step-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des effets durables, suivez une cure de \u003cstrong\u003e20 jours minimum\u003c\/strong\u003e (1 boîte). Idéalement, renouvelez 3 à 4 fois par an aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-tip-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Astuce d'expert :\u003c\/strong\u003e Pour une synergie optimale, associez Spirulysat à des aliments riches en vitamine C (agrumes, kiwi) qui boostent l'absorption du fer contenu dans la spiruline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Résultats Attendus --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eLes bienfaits que vous allez ressentir\u003c\/h2\u003e\n \u003cdiv class=\"spir-results-grid\"\u003e\n \u003cdiv class=\"spir-result-card\"\u003e\n \u003cdiv class=\"spir-result-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"spir-result-time\"\u003eDès 3-5 jours\u003c\/div\u003e\n \u003ch3\u003eRegain d'énergie\u003c\/h3\u003e\n \u003cp\u003eVous vous réveillez plus facilement, la fatigue chronique diminue, votre capacité de concentration augmente sensiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-result-card\"\u003e\n \u003cdiv class=\"spir-result-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"spir-result-time\"\u003eAprès 1-2 semaines\u003c\/div\u003e\n \u003ch3\u003eVitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eVotre endurance physique et mentale s'améliore. Vous êtes plus résistant au stress et aux efforts quotidiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-result-card\"\u003e\n \u003cdiv class=\"spir-result-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"spir-result-time\"\u003eAprès 3-4 semaines\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eVotre organisme devient plus résistant face aux infections saisonnières. Récupération plus rapide en cas de fatigue passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-result-card\"\u003e\n \u003cdiv class=\"spir-result-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"spir-result-time\"\u003eSur le long terme\u003c\/div\u003e\n \u003ch3\u003eÉquilibre global\u003c\/h3\u003e\n \u003cp\u003eAmélioration du teint, des cheveux, des ongles. Meilleur équilibre nutritionnel global grâce à l'apport en nutriments essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Pour Qui --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eSpirulysat est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"spir-grid spir-grid-3\"\u003e\n \u003cdiv class=\"spir-profile-card\"\u003e\n \u003cdiv class=\"spir-profile-icon\"\u003e🏃\u003c\/div\u003e\n \u003ch3\u003eVous êtes sportif ou actif\u003c\/h3\u003e\n \u003cp\u003eBesoin de protéines végétales de qualité, de fer et d'antioxydants pour optimiser performances et récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-profile-card\"\u003e\n \u003cdiv class=\"spir-profile-icon\"\u003e😴\u003c\/div\u003e\n \u003ch3\u003eVous ressentez de la fatigue\u003c\/h3\u003e\n \u003cp\u003eCoups de pompe, manque d'énergie chronique, difficultés de concentration ? Spirulysat recharge vos batteries naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-profile-card\"\u003e\n \u003cdiv class=\"spir-profile-icon\"\u003e🥗\u003c\/div\u003e\n \u003ch3\u003eVous avez une alimentation végétale\u003c\/h3\u003e\n \u003cp\u003eSource précieuse de B12, protéines complètes et fer biodisponible, essentiels pour les végétariens et vegans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-profile-card\"\u003e\n \u003cdiv class=\"spir-profile-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3\u003eVous cherchez un boost immunitaire\u003c\/h3\u003e\n \u003cp\u003eChangements de saison, périodes de stress, convalescence : renforcez vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-profile-card\"\u003e\n \u003cdiv class=\"spir-profile-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eVous privilégiez le naturel\u003c\/h3\u003e\n \u003cp\u003eVous refusez les compléments synthétiques et recherchez une solution 100% végétale et pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-profile-card\"\u003e\n \u003cdiv class=\"spir-profile-icon\"\u003e👨‍👩‍👧\u003c\/div\u003e\n \u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes, adolescents, seniors, femmes enceintes* : la spiruline convient à tous les âges. \u003cem\u003e*Demandez conseil à votre médecin.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Excellence AlgoSource --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eL'expertise AlgoSource, gage d'excellence\u003c\/h2\u003e\n \u003cdiv class=\"spir-brand-story\"\u003e\n \u003cdiv class=\"spir-brand-grid\"\u003e\n \u003cdiv class=\"spir-brand-card\"\u003e\n \u003cdiv class=\"spir-brand-icon\"\u003e🏭\u003c\/div\u003e\n \u003ch3\u003eProduction française contrôlée\u003c\/h3\u003e\n \u003cp\u003eAlgoSource cultive sa spiruline dans un environnement hautement sécurisé en France, avec des normes de qualité parmi les plus strictes au monde. Traçabilité totale du bassin de culture à votre ampoule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-brand-card\"\u003e\n \u003cdiv class=\"spir-brand-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3\u003eProcédé d'extraction unique\u003c\/h3\u003e\n \u003cp\u003eExtraction à \u003cstrong\u003ebasse température\u003c\/strong\u003e brevetée qui préserve l'intégralité des nutriments fragiles, notamment la phycocyanine. Là où les méthodes classiques détruisent jusqu'à 60% des actifs, AlgoSource conserve tout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-brand-card\"\u003e\n \u003cdiv class=\"spir-brand-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eApproche durable et responsable\u003c\/h3\u003e\n \u003cp\u003eCulture respectueuse de l'environnement, sans pesticides, avec une empreinte carbone minimale. La spiruline est d'ailleurs l'une des protéines les plus écologiques au monde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-brand-card\"\u003e\n \u003cdiv class=\"spir-brand-icon\"\u003e✅\u003c\/div\u003e\n \u003ch3\u003eCertifications et contrôles\u003c\/h3\u003e\n \u003cp\u003eAnalyses systématiques en laboratoire indépendant, respect des normes européennes les plus exigeantes, certification bio compatible. Zéro métaux lourds, zéro contaminants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"spir-warning-box\"\u003e\n \u003cdiv class=\"spir-warning-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e⚠️ Précautions :\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants\u003c\/li\u003e\n \u003cli\u003eDéconseillé en cas de phénylcétonurie (présence de phénylalanine)\u003c\/li\u003e\n \u003cli\u003eEn cas de doute, de pathologie particulière ou de traitement médical, demandez conseil à votre médecin ou pharmacien\u003c\/li\u003e\n \u003cli\u003eLes femmes enceintes ou allaitantes doivent consulter un professionnel de santé avant toute supplémentation\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003cstrong\u003e🌡️ Conservation :\u003c\/strong\u003e À conserver dans un endroit frais et sec, à l'abri de la lumière et de la chaleur. Une fois ouverte, l'ampoule doit être consommée immédiatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Infos Pratiques --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"spir-info-grid\"\u003e\n \u003cdiv class=\"spir-info-card\"\u003e\n \u003cdiv class=\"spir-info-icon\"\u003e📦\u003c\/div\u003e\n \u003ch3\u003eContenance\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e20 ampoules\u003c\/strong\u003e de 10 ml\u003cbr\u003e= 20 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-info-card\"\u003e\n \u003cdiv class=\"spir-info-icon\"\u003e🌍\u003c\/div\u003e\n \u003ch3\u003eOrigine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100% France\u003c\/strong\u003e\u003cbr\u003eCulture et fabrication françaises\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-info-card\"\u003e\n \u003cdiv class=\"spir-info-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3\u003eComposition\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 ingrédients\u003c\/strong\u003e\u003cbr\u003eSpiruline fraîche + Eau purifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-info-card\"\u003e\n \u003cdiv class=\"spir-info-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eFormat\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eLiquide\u003c\/strong\u003e\u003cbr\u003eBiodisponibilité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-info-card\"\u003e\n \u003cdiv class=\"spir-info-icon\"\u003e🏷️\u003c\/div\u003e\n \u003ch3\u003eMarque\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAlgoSource\u003c\/strong\u003e\u003cbr\u003eExpert français de la spiruline\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-info-card\"\u003e\n \u003cdiv class=\"spir-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eLabel\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eSans additifs\u003c\/strong\u003e\u003cbr\u003e100% naturel et pur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Témoignage --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003cdiv class=\"spir-testimonial\"\u003e\n \u003cdiv class=\"spir-testimonial-icon\"\u003e💬\u003c\/div\u003e\n \u003cp class=\"spir-testimonial-text\"\u003e\"J'ai ressenti un regain d'énergie dès les premières utilisations. Vraiment simple à utiliser, je le recommande à tous ceux qui cherchent un coup de pouce naturel.\"\u003c\/p\u003e\n \u003cp class=\"spir-testimonial-author\"\u003e— Dinah, cliente satisfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA Final --\u003e\n \u003csection class=\"spir-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"spir-cta-box\"\u003e\n \u003cdiv class=\"spir-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spir-cta-content\"\u003e\n \u003cp\u003eRejoignez les milliers de personnes qui ont déjà fait le choix de la vitalité naturelle avec Spirulysat Original. Une cure de 20 jours pour retrouver énergie, immunité et bien-être au quotidien. Fabriqué en France avec passion par AlgoSource, expert reconnu de la spiruline depuis des années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --spir-cream: #fafaf8;\n --spir-white: #ffffff;\n --spir-primary: #0047AB;\n --spir-primary-dark: #003380;\n --spir-primary-light: #E6F0FF;\n --spir-secondary: #B8986F;\n --spir-accent: #00A3E0;\n\n \/* Textes *\/\n --spir-text: #1a1a1a;\n --spir-text-light: #5a5a5a;\n\n \/* Effets *\/\n --spir-border: #e0e0e0;\n --spir-shadow: 0 4px 24px rgba(0,71,171,.08);\n --spir-shadow-lg: 0 12px 48px rgba(0,71,171,.15);\n --spir-radius: 20px;\n --spir-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.spir-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--spir-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--spir-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.spir-hero {\n position: relative;\n background: linear-gradient(135deg, var(--spir-primary) 0%, #0056CC 50%, var(--spir-accent) 100%);\n border-radius: var(--spir-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 60% 70%, white 1.5px, transparent 1.5px),\n radial-gradient(circle at 80% 20%, white 1px, transparent 1px),\n radial-gradient(circle at 30% 80%, white 2.5px, transparent 2.5px);\n background-size: 80px 80px, 120px 120px, 60px 60px, 100px 100px;\n}\n\n.spir-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.spir-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.spir-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--spir-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.spir-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.spir-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.spir-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.spir-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.spir-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.spir-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--spir-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.spir-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--spir-primary), var(--spir-accent));\n border-radius: 2px;\n}\n\n.spir-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 700;\n color: var(--spir-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -.02em;\n}\n\n.spir-premium p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n color: var(--spir-text-light);\n margin-bottom: 1rem;\n}\n\n.spir-premium strong {\n color: var(--spir-text);\n font-weight: 700;\n}\n\n\/* === CARDS === *\/\n.spir-card {\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--spir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n height: 100%;\n}\n\n.spir-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--spir-shadow-lg);\n border-color: var(--spir-primary);\n}\n\n.spir-card-highlight {\n background: linear-gradient(135deg, var(--spir-primary-light) 0%, var(--spir-white) 100%);\n border: 2px solid var(--spir-primary);\n}\n\n.spir-card-icon {\n font-size: clamp(32px, 5vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.spir-card h3 {\n margin-bottom: 1rem;\n}\n\n.spir-card p {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.spir-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.spir-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* === COMPOSITION === *\/\n.spir-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.spir-composition-card {\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--spir-shadow);\n border: 2px solid var(--spir-border);\n transition: all .3s ease;\n}\n\n.spir-composition-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-main-ingredient {\n border-color: var(--spir-primary);\n background: linear-gradient(135deg, var(--spir-primary-light) 0%, var(--spir-white) 100%);\n}\n\n.spir-percentage {\n display: inline-block;\n font-size: clamp(36px, 6vw, 56px);\n font-weight: 900;\n color: var(--spir-primary);\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.spir-nutrient-list {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0 0 0;\n}\n\n.spir-nutrient-list li {\n padding: 0.75rem 0;\n padding-left: 1.5rem;\n position: relative;\n border-bottom: 1px solid var(--spir-border);\n font-size: clamp(14px, 2vw, 16px);\n}\n\n.spir-nutrient-list li:last-child {\n border-bottom: none;\n}\n\n.spir-nutrient-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--spir-accent);\n font-weight: 900;\n}\n\n.spir-guarantee-box {\n background: linear-gradient(135deg, var(--spir-secondary) 0%, #A88560 100%);\n border-radius: var(--spir-radius-sm);\n padding: 1.5rem 2rem;\n text-align: center;\n}\n\n.spir-guarantee-box p {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.spir-usage-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.spir-usage-step {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--spir-shadow);\n transition: all .3s ease;\n}\n\n.spir-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--spir-primary), var(--spir-accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(0,71,171,.3);\n}\n\n.spir-usage-step h3 {\n margin-bottom: 0.5rem;\n}\n\n.spir-usage-step p {\n margin-bottom: 0;\n}\n\n.spir-tip-box {\n background: linear-gradient(135deg, var(--spir-accent) 0%, #0088C0 100%);\n border-radius: var(--spir-radius-sm);\n padding: 1.5rem 2rem;\n margin-top: 2rem;\n border-left: 4px solid var(--spir-primary);\n}\n\n.spir-tip-box p {\n color: white;\n margin: 0;\n font-weight: 600;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === RÉSULTATS === *\/\n.spir-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.spir-result-card {\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--spir-shadow);\n border-top: 4px solid var(--spir-primary);\n transition: all .3s ease;\n}\n\n.spir-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--spir-shadow-lg);\n border-top-color: var(--spir-accent);\n}\n\n.spir-result-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.spir-result-time {\n display: inline-block;\n background: var(--spir-primary-light);\n color: var(--spir-primary);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.spir-result-card h3 {\n margin-bottom: 0.75rem;\n}\n\n.spir-result-card p {\n margin-bottom: 0;\n font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === PROFILS === *\/\n.spir-profile-card {\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--spir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.spir-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--spir-shadow-lg);\n border-color: var(--spir-secondary);\n background: linear-gradient(135deg, var(--spir-white) 0%, #FFF9F0 100%);\n}\n\n.spir-profile-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.spir-profile-card h3 {\n margin-bottom: 0.75rem;\n font-size: clamp(17px, 2.5vw, 20px);\n}\n\n.spir-profile-card p {\n margin-bottom: 0;\n font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === MARQUE === *\/\n.spir-brand-story {\n background: linear-gradient(135deg, var(--spir-primary-light) 0%, var(--spir-white) 100%);\n border-radius: var(--spir-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--spir-primary);\n}\n\n.spir-brand-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.spir-brand-card {\n background: var(--spir-white);\n border-radius: var(--spir-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: 0 2px 16px rgba(0,71,171,.08);\n transition: all .3s ease;\n}\n\n.spir-brand-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(0,71,171,.15);\n}\n\n.spir-brand-icon {\n font-size: clamp(32px, 5vw, 42px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.spir-brand-card h3 {\n margin-bottom: 0.75rem;\n font-size: clamp(17px, 2.5vw, 20px);\n}\n\n.spir-brand-card p {\n margin-bottom: 0;\n font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === WARNING === *\/\n.spir-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF3CC 100%);\n border-radius: var(--spir-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border-left: 6px solid #F59E0B;\n box-shadow: var(--spir-shadow);\n}\n\n.spir-warning-content p {\n color: var(--spir-text);\n font-weight: 600;\n margin-bottom: 1rem;\n}\n\n.spir-warning-content ul {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n}\n\n.spir-warning-content li {\n padding: 0.75rem 0;\n padding-left: 1.5rem;\n position: relative;\n font-size: clamp(14px, 2vw, 16px);\n color: var(--spir-text-light);\n border-bottom: 1px solid rgba(245,158,11,.2);\n}\n\n.spir-warning-content li:last-child {\n border-bottom: none;\n}\n\n.spir-warning-content li::before {\n content: '→';\n position: absolute;\n left: 0;\n color: #F59E0B;\n font-weight: 900;\n}\n\n\/* === INFOS === *\/\n.spir-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.spir-info-card {\n background: var(--spir-white);\n border-radius: var(--spir-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--spir-shadow);\n border: 2px solid var(--spir-border);\n transition: all .3s ease;\n}\n\n.spir-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--spir-shadow-lg);\n border-color: var(--spir-accent);\n}\n\n.spir-info-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.spir-info-card h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n margin-bottom: 0.5rem;\n color: var(--spir-primary);\n}\n\n.spir-info-card p {\n margin-bottom: 0;\n font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === TESTIMONIAL === *\/\n.spir-testimonial {\n background: linear-gradient(135deg, var(--spir-white) 0%, var(--spir-primary-light) 100%);\n border-radius: var(--spir-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n box-shadow: var(--spir-shadow-lg);\n border: 2px solid var(--spir-primary);\n position: relative;\n}\n\n.spir-testimonial-icon {\n font-size: clamp(48px, 8vw, 72px);\n margin-bottom: 1.5rem;\n opacity: .3;\n}\n\n.spir-testimonial-text {\n font-size: clamp(17px, 3vw, 22px);\n font-style: italic;\n color: var(--spir-text);\n line-height: 1.8;\n margin-bottom: 1.5rem;\n font-weight: 500;\n}\n\n.spir-testimonial-author {\n font-size: clamp(15px, 2.5vw, 18px);\n color: var(--spir-primary);\n font-weight: 700;\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.spir-cta-box {\n background: linear-gradient(135deg, var(--spir-primary) 0%, var(--spir-primary-dark) 100%);\n border-radius: var(--spir-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--spir-shadow-lg);\n}\n\n.spir-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n}\n\n.spir-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.spir-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .spir-grid,\n .spir-grid-3,\n .spir-results-grid,\n .spir-info-grid,\n .spir-brand-grid {\n grid-template-columns: 1fr;\n }\n\n .spir-composition-grid {\n grid-template-columns: 1fr;\n }\n\n .spir-usage-step {\n flex-direction: column;\n text-align: center;\n }\n\n .spir-step-number {\n margin: 0 auto 1rem;\n }\n\n .spir-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .spir-card,\n .spir-result-card,\n .spir-profile-card,\n .spir-info-card,\n .spir-brand-card,\n .spir-composition-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .spir-card:nth-child(1),\n .spir-result-card:nth-child(1),\n .spir-profile-card:nth-child(1) { animation-delay: .1s; }\n .spir-card:nth-child(2),\n .spir-result-card:nth-child(2),\n .spir-profile-card:nth-child(2) { animation-delay: .2s; }\n .spir-card:nth-child(3),\n .spir-result-card:nth-child(3),\n .spir-profile-card:nth-child(3) { animation-delay: .3s; }\n .spir-card:nth-child(4),\n .spir-result-card:nth-child(4),\n .spir-profile-card:nth-child(4) { animation-delay: .4s; }\n .spir-card:nth-child(5),\n .spir-result-card:nth-child(5),\n .spir-profile-card:nth-child(5) { animation-delay: .5s; }\n .spir-card:nth-child(6),\n .spir-result-card:nth-child(6),\n .spir-profile-card:nth-child(6) { animation-delay: .6s; }\n\n .spir-usage-step:nth-child(1) { animation: fadeInRight .6s ease backwards .1s; }\n .spir-usage-step:nth-child(2) { animation: fadeInRight .6s ease backwards .3s; }\n .spir-usage-step:nth-child(3) { animation: fadeInRight .6s ease backwards .5s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .spir-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .spir-card,\n .spir-result-card,\n .spir-profile-card,\n .spir-info-card {\n border: 2px solid var(--spir-text);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .spir-premium {\n background: white;\n }\n \n .spir-card,\n .spir-result-card,\n .spir-profile-card {\n break-inside: avoid;\n box-shadow: none;\n border: 1px solid #ccc;\n }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755311030429,"sku":"PHYCOSIASOBLEBT1","price":24.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spirulysat-original-extrait-liquide-de-spiruline-20-ampoules-algosource-478394.jpg?v=1732721772"},{"product_id":"guggul-60-gelules-ayurvana","title":"Guggul Bio - Régule le Cholestérol - 60 Gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Guggul Bio - Régule le Cholestérol - 60 Gélules - Ayur-Vana\nPalette détectée:\n - Primaire: #4A9B7F (vert sauge\/menthe du packaging)\n - Secondaire: #E8A838 (orange\/doré du logo AY)\n - Accent: #2E7D6B (vert foncé profond)\n - Fond: #F5F0E6 (crème\/beige naturel du packaging)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, végétal, santé holistique\nPréfixe CSS: gg\n--\u003e\n\n\u003cdiv class=\"gg-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"gg-hero\"\u003e\n \u003cdiv class=\"gg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gg-hero-content\"\u003e\n \u003cdiv class=\"gg-badges-top\"\u003e\n \u003cspan class=\"gg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"gg-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e\n \u003cspan class=\"gg-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gg-hero-title\"\u003eGuggul Bio\u003c\/span\u003e\n \u003cp class=\"gg-subtitle\"\u003eL'allié ancestral de votre équilibre lipidique\u003c\/p\u003e\n \u003cp class=\"gg-description\"\u003eRésine précieuse titrée à 2,5% de guggulstérones • 3 000 ans de sagesse ayurvédique • Fabriqué en France\u003c\/p\u003e\n \u003cdiv class=\"gg-hero-stats\"\u003e\n \u003cdiv class=\"gg-stat\"\u003e\n \u003cspan class=\"gg-stat-number\"\u003e2,5%\u003c\/span\u003e\n \u003cspan class=\"gg-stat-label\"\u003eGuggulstérones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-stat\"\u003e\n \u003cspan class=\"gg-stat-number\"\u003e60\u003c\/span\u003e\n \u003cspan class=\"gg-stat-label\"\u003eGélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-stat\"\u003e\n \u003cspan class=\"gg-stat-number\"\u003e3000\u003c\/span\u003e\n \u003cspan class=\"gg-stat-label\"\u003eAns d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION ORIGINE --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e🏛️ Qu'est-ce que le guggul ?\u003c\/h2\u003e\n \u003cdiv class=\"gg-origin-box\"\u003e\n \u003cdiv class=\"gg-origin-content\"\u003e\n \u003cp class=\"gg-origin-intro\"\u003eLe guggul est une \u003cstrong\u003eoléorésine dorée\u003c\/strong\u003e récoltée sur l'écorce du \u003cem\u003eCommiphora mukul\u003c\/em\u003e, un petit arbre épineux des régions arides de l'Inde et du Pakistan.\u003c\/p\u003e\n \u003cp\u003eDans la tradition ayurvédique, cette substance précieuse est vénérée comme un puissant \u003cstrong\u003epurificateur des tissus\u003c\/strong\u003e, capable d'éliminer les accumulations de toxines (appelées « ama » en sanskrit) et de rééquilibrer les doshas Vata et Kapha.\u003c\/p\u003e\n \u003cdiv class=\"gg-origin-highlight\"\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e🔬 Le secret scientifique\u003c\/strong\u003e\n \u003cp\u003eLes \u003cb\u003eguggulstérones\u003c\/b\u003e, composés bioactifs uniques, ont fait l'objet de nombreuses études pour leur action sur le métabolisme lipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION BIENFAITS --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits du guggul bio\u003c\/h2\u003e\n \u003cdiv class=\"gg-grid\"\u003e\n \u003cdiv class=\"gg-card gg-card-benefit\"\u003e\n \u003cdiv class=\"gg-card-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3\u003eÉquilibre le cholestérol\u003c\/h3\u003e\n \u003cp\u003eContribue à \u003cstrong\u003eréduire le LDL\u003c\/strong\u003e (mauvais cholestérol) tout en soutenant les niveaux de \u003cstrong\u003eHDL\u003c\/strong\u003e (bon cholestérol). Études : jusqu'à -12% de LDL en 8-12 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-benefit\"\u003e\n \u003cdiv class=\"gg-card-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eSanté cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eAide à limiter l'accumulation de plaques lipidiques dans les artères et favorise une \u003cstrong\u003ecirculation sanguine fluide\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-benefit\"\u003e\n \u003cdiv class=\"gg-card-icon\"\u003e🦴\u003c\/div\u003e\n \u003ch3\u003eProtection articulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise la \u003cstrong\u003erégénération du cartilage\u003c\/strong\u003e et contribue à la protection osseuse, un atout précieux avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-benefit\"\u003e\n \u003cdiv class=\"gg-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eMétabolisme actif\u003c\/h3\u003e\n \u003cp\u003eStimule la \u003cstrong\u003eproduction d'hormones thyroïdiennes\u003c\/strong\u003e pour un métabolisme des graisses optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION COMPOSITION --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e🧪 Composition par dose journalière\u003c\/h2\u003e\n \u003cp class=\"gg-section-subtitle\"\u003e3 gélules = 1 dose optimale\u003c\/p\u003e\n \u003cdiv class=\"gg-composition-grid\"\u003e\n \u003cdiv class=\"gg-compo-card gg-compo-main\"\u003e\n \u003cdiv class=\"gg-compo-stats\"\u003e\n \u003cdiv class=\"gg-compo-stat\"\u003e\n \u003cspan class=\"gg-compo-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"gg-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n \u003ch3\u003eExtrait de résine de Guggul\u003c\/h3\u003e\n \u003cp class=\"gg-compo-latin\"\u003e\u003cem\u003eCommiphora mukul\u003c\/em\u003e\u003c\/p\u003e\n \u003cspan class=\"gg-compo-value\"\u003e1 470 mg\u003c\/span\u003e\n \u003cspan class=\"gg-compo-desc\"\u003ed'extrait\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-compo-stat\"\u003e\n \u003cspan class=\"gg-compo-value\"\u003e36,75 mg\u003c\/span\u003e\n \u003cspan class=\"gg-compo-desc\"\u003ede guggulstérones\u003c\/span\u003e\n \u003cbr\u003e\n \u003cdiv class=\"gg-compo-badge\"\u003eTitré à 2,5%\u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-compo-secondary\"\u003e\n \u003cdiv class=\"gg-compo-item\"\u003e\n \u003cspan class=\"gg-compo-item-icon\"\u003e💊\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eGélule végétale\u003c\/strong\u003e\n \u003cp\u003eHypromellose (100% vegan)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-compo-item\"\u003e\n \u003cspan class=\"gg-compo-item-icon\"\u003e🐚\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLithothamne\u003c\/strong\u003e\n \u003cp\u003eAlgue calcaire naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-compo-item\"\u003e\n \u003cspan class=\"gg-compo-item-icon\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eStéarate de magnésium\u003c\/strong\u003e\n \u003cp\u003eOrigine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-certif-box\"\u003e\n \u003cspan\u003e🌿 Ingrédients issus de l'agriculture biologique certifiée\u003c\/span\u003e\n \u003cspan\u003e❌ Sans conservateurs ni additifs artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION MODE D'EMPLOI --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi optimal\u003c\/h2\u003e\n \u003cdiv class=\"gg-usage-grid\"\u003e\n \u003cdiv class=\"gg-usage-step\"\u003e\n \u003cdiv class=\"gg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gg-step-content\"\u003e\n \u003ch3\u003eMatin\u003c\/h3\u003e\n \u003cp\u003e1 gélule avec un grand verre d'eau\u003c\/p\u003e\n \u003cspan class=\"gg-step-time\"\u003e☀️ 20 min avant le petit-déjeuner\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-usage-step\"\u003e\n \u003cdiv class=\"gg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gg-step-content\"\u003e\n \u003ch3\u003eMidi\u003c\/h3\u003e\n \u003cp\u003e1 gélule avec un grand verre d'eau\u003c\/p\u003e\n \u003cspan class=\"gg-step-time\"\u003e🌤️ 20 min avant le déjeuner\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-usage-step\"\u003e\n \u003cdiv class=\"gg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gg-step-content\"\u003e\n \u003ch3\u003eSoir\u003c\/h3\u003e\n \u003cp\u003e1 gélule avec un grand verre d'eau\u003c\/p\u003e\n \u003cspan class=\"gg-step-time\"\u003e🌙 20 min avant le dîner\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-duration-box\"\u003e\n \u003cdiv class=\"gg-duration-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv class=\"gg-duration-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e8 à 12 semaines\u003c\/strong\u003e pour observer des effets significatifs sur votre profil lipidique. Pause d'un mois possible avant de reprendre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION POUR QUI --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"gg-grid gg-grid-3\"\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e📊\u003c\/span\u003e\n \u003ch3\u003eCholestérol à surveiller\u003c\/h3\u003e\n \u003cp\u003eVotre bilan sanguin révèle un taux de cholestérol élevé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3\u003eRecherche naturelle\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative naturelle aux statines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e💪\u003c\/span\u003e\n \u003ch3\u003eBon cholestérol\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez augmenter votre HDL protecteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e🧘\u003c\/span\u003e\n \u003ch3\u003eAdepte ayurvéda\u003c\/h3\u003e\n \u003cp\u003eVous suivez les principes ayurvédiques (Vata\/Kapha)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e🦵\u003c\/span\u003e\n \u003ch3\u003eSanté articulaire\u003c\/h3\u003e\n \u003cp\u003eVous voulez soutenir vos articulations et vos os\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3\u003eDétox naturelle\u003c\/h3\u003e\n \u003cp\u003eVous désirez purifier votre organisme des toxines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION DIFFÉRENCES --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e🏆 Pourquoi choisir Ayur-Vana ?\u003c\/h2\u003e\n \u003cdiv class=\"gg-diff-grid\"\u003e\n \u003cdiv class=\"gg-diff-card\"\u003e\n \u003cdiv class=\"gg-diff-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3\u003eTitrage garanti 2,5%\u003c\/h3\u003e\n \u003cp\u003eConcentration optimale en guggulstérones pour une efficacité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-diff-card\"\u003e\n \u003cdiv class=\"gg-diff-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eCertifié biologique\u003c\/h3\u003e\n \u003cp\u003eRésine pure sans pesticides ni contaminants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-diff-card\"\u003e\n \u003cdiv class=\"gg-diff-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eFabrication française\u003c\/h3\u003e\n \u003cp\u003eStandards de qualité européens stricts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-diff-card\"\u003e\n \u003cdiv class=\"gg-diff-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003e100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules hypromellose, adapté aux vegans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CONSEILS --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e💡 Optimisez vos résultats\u003c\/h2\u003e\n \u003cdiv class=\"gg-tips-grid\"\u003e\n \u003cdiv class=\"gg-tip\"\u003e\n \u003cspan class=\"gg-tip-icon\"\u003e🥑\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eBonnes graisses\u003c\/strong\u003e\n \u003cp\u003eHuile d'olive, avocat, noix et poissons gras riches en oméga-3\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-tip\"\u003e\n \u003cspan class=\"gg-tip-icon\"\u003e🥣\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePlus de fibres\u003c\/strong\u003e\n \u003cp\u003eLégumineuses, flocons d'avoine, fruits et légumes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-tip\"\u003e\n \u003cspan class=\"gg-tip-icon\"\u003e🏃\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eActivité physique\u003c\/strong\u003e\n \u003cp\u003e30 min\/jour d'exercice modéré améliore le profil lipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-tip\"\u003e\n \u003cspan class=\"gg-tip-icon\"\u003e🧘‍♀️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eGestion du stress\u003c\/strong\u003e\n \u003cp\u003eLe cortisol en excès perturbe le métabolisme des lipides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003c!-- SECTION PRÉCAUTIONS --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gg-warning-box\"\u003e\n \u003cdiv class=\"gg-warning-grid\"\u003e\n \u003cdiv class=\"gg-warning-item\"\u003e\n \u003cspan\u003e🚫\u003c\/span\u003e\n \u003cp\u003eNe pas dépasser 3 gélules par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-warning-item\"\u003e\n \u003cspan\u003e🤰\u003c\/span\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-warning-item\"\u003e\n \u003cspan\u003e💊\u003c\/span\u003e\n \u003cp\u003eConsulter si traitement anticoagulant ou thyroïdien\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"gg-warning-item\"\u003e\n \u003cspan\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConserver à l'abri de la lumière et humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"gg-warning-note\" style=\"font-size:0.65em;\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gg-cta-box\"\u003e\n \u003cdiv class=\"gg-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gg-cta-content\"\u003e\n \u003cspan class=\"gg-cta-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eFaites le choix d'une approche \u003cstrong\u003enaturelle et ancestrale\u003c\/strong\u003e pour soutenir votre santé cardiovasculaire.\u003c\/p\u003e\n \u003cp class=\"gg-cta-subtitle\"\u003e3 000 ans de sagesse ayurvédique au service de votre équilibre lipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS GUGGUL === *\/\n:root {\n --gg-cream: #F7F4EE;\n --gg-white: #ffffff;\n --gg-primary: #4A9B7F;\n --gg-primary-dark: #2E7D6B;\n --gg-primary-light: #E8F5F0;\n --gg-secondary: #E8A838;\n --gg-secondary-light: #FEF7E8;\n --gg-accent: #D4763A;\n --gg-text: #1a1a1a;\n --gg-text-light: #5a5a5a;\n --gg-border: #e0e0e0;\n --gg-shadow: 0 4px 24px rgba(74, 155, 127, .08);\n --gg-shadow-lg: 0 12px 48px rgba(46, 125, 107, .15);\n --gg-radius: 20px;\n --gg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.gg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--gg-text);\n line-height: 1.6;\n}\n\n.gg-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO SECTION === *\/\n.gg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gg-primary) 0%, var(--gg-primary-dark) 50%, #1D5C4E 100%);\n border-radius: var(--gg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--gg-shadow-lg);\n}\n\n.gg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(232, 168, 56, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='rgba(255,255,255,0.03)'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.gg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gg-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.gg-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 16px);\n margin: 0 0 2rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.gg-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.gg-stat {\n text-align: center;\n}\n\n.gg-stat-number {\n display: block;\n color: var(--gg-secondary);\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.gg-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.gg-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.gg-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--gg-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gg-primary), var(--gg-secondary));\n border-radius: 2px;\n}\n\n.gg-section-subtitle {\n text-align: center;\n color: var(--gg-text-light);\n font-size: 15px;\n margin: -1rem 0 2rem 0;\n}\n\n\/* === ORIGIN BOX === *\/\n.gg-origin-box {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--gg-shadow);\n border-left: 5px solid var(--gg-secondary);\n}\n\n.gg-origin-intro {\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--gg-text);\n margin-bottom: 1rem;\n}\n\n.gg-origin-content p {\n margin: 0 0 1.5rem 0;\n color: var(--gg-text-light);\n}\n\n.gg-origin-highlight {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gg-primary-light);\n padding: 1.5rem;\n border-radius: var(--gg-radius-sm);\n margin-top: 1.5rem;\n}\n\n.gg-origin-icon {\n font-size: 2rem;\n flex-shrink: 0;\n}\n\n.gg-origin-highlight strong {\n display: block;\n color: var(--gg-primary-dark);\n margin-bottom: .5rem;\n}\n\n.gg-origin-highlight p {\n margin: 0;\n font-size: 14px;\n}\n\n\/* === GRILLES === *\/\n.gg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.gg-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS === *\/\n.gg-card {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--gg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.gg-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--gg-shadow-lg);\n border-color: var(--gg-primary);\n}\n\n.gg-card-benefit {\n text-align: center;\n}\n\n.gg-card-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.gg-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--gg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.gg-card p {\n font-size: 14px;\n color: var(--gg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gg-card-profile {\n text-align: center;\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n}\n\n.gg-profile-icon {\n font-size: 2rem;\n display: block;\n margin-bottom: .75rem;\n}\n\n.gg-card-profile h3 {\n font-size: 16px;\n margin-bottom: .5rem;\n}\n\n.gg-card-profile p {\n font-size: 13px;\n}\n\n\/* === COMPOSITION === *\/\n.gg-composition-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n}\n\n@media (min-width: 768px) {\n .gg-composition-grid {\n grid-template-columns: 1.5fr 1fr;\n }\n}\n\n.gg-compo-card {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--gg-shadow);\n}\n\n.gg-compo-main {\n background: linear-gradient(135deg, var(--gg-primary-light) 0%, var(--gg-white) 100%);\n border: 2px solid var(--gg-primary);\n position: relative;\n overflow: hidden;\n}\n\n.gg-compo-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.gg-compo-icon {\n font-size: 1.5rem;\n}\n\n.gg-compo-label {\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--gg-primary);\n}\n\n.gg-compo-main h3 {\n font-size: clamp(20px, 3vw, 24px);\n font-weight: 800;\n color: var(--gg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gg-compo-latin {\n font-size: 14px;\n color: var(--gg-text-light);\n margin: 0 0 1.5rem 0;\n}\n\n.gg-compo-stats {\n display: flex;\n gap: 2rem;\n margin-bottom: 1.5rem;\n}\n\n.gg-compo-stat {\n text-align: center;\n}\n\n.gg-compo-value {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--gg-primary-dark);\n line-height: 1;\n}\n\n.gg-compo-desc {\n display: block;\n font-size: 12px;\n color: var(--gg-text-light);\n margin-top: 4px;\n}\n\n.gg-compo-badge {\n display: inline-block;\n background: var(--gg-secondary);\n color: white;\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n}\n\n.gg-compo-secondary {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gg-compo-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--gg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gg-radius-sm);\n box-shadow: var(--gg-shadow);\n}\n\n.gg-compo-item-icon {\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n\n.gg-compo-item strong {\n display: block;\n font-size: 14px;\n color: var(--gg-text);\n}\n\n.gg-compo-item p {\n margin: 0;\n font-size: 12px;\n color: var(--gg-text-light);\n}\n\n.gg-certif-box {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem 2rem;\n margin-top: 1.5rem;\n padding: 1rem;\n background: var(--gg-primary-light);\n border-radius: var(--gg-radius-sm);\n}\n\n.gg-certif-box span {\n font-size: 13px;\n font-weight: 600;\n color: var(--gg-primary-dark);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.gg-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.gg-usage-step {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: 1.5rem;\n box-shadow: var(--gg-shadow);\n text-align: center;\n transition: all .3s ease;\n position: relative;\n}\n\n.gg-usage-step:hover {\n transform: translateY(-5px);\n box-shadow: var(--gg-shadow-lg);\n}\n\n.gg-step-number {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--gg-primary), var(--gg-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74, 155, 127, .3);\n}\n\n.gg-step-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--gg-primary-dark);\n margin: .5rem 0 .5rem 0;\n}\n\n.gg-step-content p {\n font-size: 14px;\n color: var(--gg-text-light);\n margin: 0 0 .75rem 0;\n}\n\n.gg-step-time {\n display: inline-block;\n font-size: 12px;\n color: var(--gg-secondary);\n font-weight: 600;\n background: var(--gg-secondary-light);\n padding: 4px 12px;\n border-radius: 999px;\n}\n\n.gg-duration-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--gg-secondary-light) 0%, var(--gg-white) 100%);\n border: 2px solid var(--gg-secondary);\n border-radius: var(--gg-radius);\n padding: 1.5rem 2rem;\n}\n\n.gg-duration-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.gg-duration-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--gg-accent);\n margin: 0 0 .5rem 0;\n}\n\n.gg-duration-content p {\n margin: 0;\n font-size: 14px;\n color: var(--gg-text-light);\n}\n\n\/* === DIFFÉRENCES === *\/\n.gg-diff-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.gg-diff-card {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--gg-shadow);\n border-bottom: 4px solid var(--gg-primary);\n transition: all .3s ease;\n}\n\n.gg-diff-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--gg-shadow-lg);\n}\n\n.gg-diff-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.gg-diff-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--gg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.gg-diff-card p {\n font-size: 13px;\n color: var(--gg-text-light);\n margin: 0;\n}\n\n\/* === CONSEILS === *\/\n.gg-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1rem;\n}\n\n.gg-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--gg-white);\n padding: 1.25rem;\n border-radius: var(--gg-radius-sm);\n box-shadow: var(--gg-shadow);\n transition: all .3s ease;\n}\n\n.gg-tip:hover {\n transform: translateX(5px);\n border-left: 3px solid var(--gg-primary);\n}\n\n.gg-tip-icon {\n font-size: 1.75rem;\n flex-shrink: 0;\n}\n\n.gg-tip strong {\n display: block;\n font-size: 15px;\n color: var(--gg-primary-dark);\n margin-bottom: .25rem;\n}\n\n.gg-tip p {\n margin: 0;\n font-size: 13px;\n color: var(--gg-text-light);\n}\n\n\/* === FAQ === *\/\n.gg-faq-list {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gg-faq-item {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: 1.5rem 2rem;\n box-shadow: var(--gg-shadow);\n border-left: 4px solid var(--gg-primary);\n}\n\n.gg-faq-item h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.gg-faq-item p {\n margin: 0;\n font-size: 14px;\n color: var(--gg-text-light);\n line-height: 1.7;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.gg-warning-box {\n background: linear-gradient(135deg, #FFF9F0 0%, var(--gg-white) 100%);\n border: 2px solid var(--gg-secondary);\n border-radius: var(--gg-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n}\n\n.gg-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.gg-warning-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n background: var(--gg-white);\n padding: 1rem;\n border-radius: var(--gg-radius-sm);\n border: 1px solid var(--gg-border);\n}\n\n.gg-warning-item span {\n font-size: 1.25rem;\n flex-shrink: 0;\n}\n\n.gg-warning-item p {\n margin: 0;\n font-size: 13px;\n color: var(--gg-text);\n font-weight: 500;\n}\n\n.gg-warning-note {\n background: var(--gg-secondary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--gg-radius-sm);\n font-size: 13px;\n color: var(--gg-text-light);\n margin: 0;\n text-align: center;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.gg-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.gg-info-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--gg-white);\n padding: 1.25rem;\n border-radius: var(--gg-radius-sm);\n box-shadow: var(--gg-shadow);\n}\n\n.gg-info-icon {\n font-size: 1.75rem;\n flex-shrink: 0;\n}\n\n.gg-info-item strong {\n display: block;\n font-size: 12px;\n color: var(--gg-text-light);\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.gg-info-item p {\n margin: 0;\n font-size: 16px;\n font-weight: 700;\n color: var(--gg-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.gg-cta-box {\n background: linear-gradient(135deg, var(--gg-primary) 0%, var(--gg-primary-dark) 50%, #1D5C4E 100%);\n border-radius: var(--gg-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--gg-shadow-lg);\n}\n\n.gg-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(232, 168, 56, .2) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255, 255, 255, .1) 0%, transparent 30%);\n}\n\n.gg-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.gg-cta-icon {\n font-size: 3rem;\n display: block;\n margin-bottom: 1rem;\n}\n\n.gg-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 .5rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.gg-cta-subtitle {\n color: rgba(255,255,255,.85) !important;\n font-size: clamp(14px, 2vw, 16px) !important;\n font-weight: 400 !important;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gg-card,\n .gg-usage-step,\n .gg-diff-card,\n .gg-faq-item,\n .gg-tip {\n animation: ggFadeInUp .6s ease backwards;\n }\n \n .gg-card:nth-child(1), .gg-usage-step:nth-child(1), .gg-diff-card:nth-child(1) { animation-delay: .1s; }\n .gg-card:nth-child(2), .gg-usage-step:nth-child(2), .gg-diff-card:nth-child(2) { animation-delay: .2s; }\n .gg-card:nth-child(3), .gg-usage-step:nth-child(3), .gg-diff-card:nth-child(3) { animation-delay: .3s; }\n .gg-card:nth-child(4), .gg-diff-card:nth-child(4) { animation-delay: .4s; }\n .gg-card:nth-child(5) { animation-delay: .5s; }\n .gg-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes ggFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gg-grid,\n .gg-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .gg-hero-stats {\n gap: 1.5rem;\n }\n \n .gg-compo-stats {\n flex-direction: column;\n gap: 1rem;\n }\n \n .gg-duration-box {\n flex-direction: column;\n text-align: center;\n }\n \n .gg-origin-highlight {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gg-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .gg-card,\n .gg-usage-step,\n .gg-diff-card,\n .gg-faq-item {\n border: 2px solid var(--gg-text);\n }\n \n .gg-badge {\n border: 2px solid var(--gg-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755311325341,"sku":"AY1403","price":29.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guggul-bio-ayurvana-boite-493408.jpg?v=1732720543"},{"product_id":"cailloux-ambre-jardin-de-mon-grand-pere","title":"Cailloux d'Ambre - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux d'Ambre - Jardin de mon Grand-Père\nPalette détectée:\n - Primaire: #D4A574 (beige doré chaleureux du packaging kraft et des cailloux d'ambre)\n - Secondaire: #E8D4B8 (beige clair naturel du kraft)\n - Accent: #FF6B35 (orange corail de l'étiquette rouge-orangé)\n - Neutre: #F5EDE0 (crème très clair pour backgrounds)\nAmbiance: Artisanale, naturelle, chaleureuse, authentique, tradition\/patrimoine, senteurs d'antan\nStyle: Naturel premium avec une touche vintage\/patrimoniale, évoque le savoir-faire traditionnel\nPréfixe CSS: amb\n--\u003e\n\n\u003cdiv class=\"amb-premium\"\u003e\n \u003cdiv class=\"amb-hero\"\u003e\n \u003cdiv class=\"amb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-hero-content\"\u003e\n \u003cdiv class=\"amb-badges-top\"\u003e\n \u003cspan class=\"amb-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🏺 Parfum mythique\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🇫🇷 Fait main\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amb-hero-title\"\u003eCailloux d'Ambre\u003c\/span\u003e\n \u003cp class=\"amb-subtitle\"\u003eLa senteur mythique de l'océan\u003c\/p\u003e\n \u003cp class=\"amb-description\"\u003eUne reconstitution végétale d'exception de l'ambre véritable, ce parfum légendaire aux notes chaudes et envoûtantes qui évoque les mystères des océans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e✨ Un parfum d'exception\u003c\/h2\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🌊\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eSenteur mythique\u003c\/div\u003e\n \u003cp\u003eReconstitution fidèle de l'ambre véritable, ce trésor des océans utilisé depuis des siècles dans la parfumerie de luxe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eNotes chaleureuses\u003c\/div\u003e\n \u003cp\u003eUn parfum ample et enveloppant aux accents légèrement iodés et délicatement animaux, d'une élégance incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003e100% végétal\u003c\/div\u003e\n \u003cp\u003eUne composition entièrement végétale respectueuse de l'environnement, sans aucune matière animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e⏳\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eLongue durée\u003c\/div\u003e\n \u003cp\u003eUne ténacité exceptionnelle qui parfume durablement votre intérieur ou votre peau avec subtilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e📖 L'histoire fascinante de l'ambre\u003c\/h2\u003e\n \u003cdiv class=\"amb-story-box\"\u003e\n \u003cdiv class=\"amb-story-icon\"\u003e🐋\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eL'ambre véritable\u003c\/strong\u003e flotte à la surface des océans, au voisinage de Madagascar, de l'Inde ou de la Chine. C'est une sécrétion naturelle du cachalot qui, sous l'action conjuguée de l'eau de mer et du soleil, se transforme progressivement.\u003c\/p\u003e\n \u003cp\u003eFraîchement expulsée, cette matière présente une couleur foncée et une odeur forte. Mais avec le temps, \u003cstrong\u003eun miracle se produit\u003c\/strong\u003e : l'ambre prend une teinte de plus en plus claire, du gris argent au jaune or lumineux. Son parfum s'affine, devient délicat, légèrement animal et iodé, particulièrement envoûtant.\u003c\/p\u003e\n \u003cp\u003eL'ambre doit être séchée pendant \u003cstrong\u003eau moins deux à trois ans\u003c\/strong\u003e avant d'être utilisée en parfumerie. Son utilisation confère une ténacité et un volume incomparables aux créations de luxe.\u003c\/p\u003e\n \u003cp class=\"amb-story-highlight\"\u003e💎 Un produit mythique dont l'origine est restée durant longtemps un mystère, donnant libre cours aux imaginations et aux légendes des marins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🎯 Trois façons de l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"amb-usage-grid\"\u003e\n \u003cdiv class=\"amb-usage-card\"\u003e\n \u003cdiv class=\"amb-usage-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-icon\"\u003e🏠\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-title\"\u003eDiffusion naturelle\u003c\/div\u003e\n \u003cp\u003eDéposez vos cailloux dans les petits espaces de la maison, idéalement près d'une source de chaleur (radiateur, rebord de fenêtre ensoleillé) pour activer délicatement leur parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-usage-card\"\u003e\n \u003cdiv class=\"amb-usage-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-title\"\u003eGri-gri personnel\u003c\/div\u003e\n \u003cp\u003eGardez un caillou sur vous comme un porte-bonheur. La chaleur corporelle facilite la diffusion du parfum. Manipulez-le régulièrement : il deviendra doux et vous parfumera durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-usage-card\"\u003e\n \u003cdiv class=\"amb-usage-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-icon\"\u003e🕯️\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-title\"\u003eBrûloir aromatique\u003c\/div\u003e\n \u003cp\u003eDéposez 3 cailloux dans un brûloir. À chaud, la matière devient liquide et diffuse intensément son parfum ; à froid, elle redevient solide. Renouvelez jusqu'à épuisement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🎁 Conditionnement artisanal\u003c\/h2\u003e\n \u003cdiv class=\"amb-info-grid\"\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003eFormat standard\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eSachet kraft 50g\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003eEnviron 5 à 7 cailloux selon la taille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003eAutres formats\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003e100g • 200g\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003ePour une utilisation prolongée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eFait main en France\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003eSavoir-faire artisanal traditionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003ePackaging\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eKraft recyclable\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003eApproche éco-responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🌸 Découvrez la gamme complète\u003c\/h2\u003e\n \u003cdiv class=\"amb-collection-box\"\u003e\n \u003cdiv class=\"amb-collection-icon\"\u003e🏺\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eJardin de mon Grand-Père\u003c\/strong\u003e vous propose une collection unique de senteurs inspirées des traditions et du patrimoine français.\u003c\/p\u003e\n \u003cp\u003eExplorez nos \u003cstrong\u003eeaux aromatiques artisanales\u003c\/strong\u003e présentées dans de magnifiques flacons, nos \u003cstrong\u003eparfums solides naturels\u003c\/strong\u003e et nos \u003cstrong\u003ecréations olfactives d'exception\u003c\/strong\u003e élaborées avec passion et savoir-faire.\u003c\/p\u003e\n \u003cdiv class=\"amb-collection-cta\"\u003e\n \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/jardin-de-mon-grand-pere\" target=\"_blank\" style=\"text-decoration:none;\"\u003e\u003cspan class=\"amb-collection-link\"\u003e👉 Découvrir toute la gamme Jardin de mon Grand-Père\u003c\/span\u003e\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003cdiv class=\"amb-warning-box\"\u003e\n \u003cdiv class=\"amb-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"amb-warning-content\"\u003e\n \u003cp class=\"amb-warning-title\"\u003eInformations importantes\u003c\/p\u003e\n \u003cp\u003eContient du Benzyl Salicylate et de l'Isoeugenol. Peut provoquer une réaction allergique chez les personnes sensibles.\u003c\/p\u003e\n \u003cp class=\"amb-warning-ufi\"\u003eUFI : 4470-A0DM-H006-25HT\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"amb-cta-box\"\u003e\n \u003cdiv class=\"amb-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-cta-content\"\u003e\n \u003cp class=\"amb-cta-emoji\"\u003e✨\u003c\/p\u003e\n \u003cp\u003eLaissez-vous envoûter par cette senteur mythique qui traverse les siècles et apporte à votre intérieur une atmosphère chaleureuse et raffinée, digne des plus grands parfums.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --amb-cream: #F5EDE0;\n --amb-white: #ffffff;\n --amb-primary: #D4A574;\n --amb-primary-dark: #B8895A;\n --amb-primary-light: #E8D4B8;\n --amb-secondary: #C4A77D;\n --amb-accent: #FF6B35;\n --amb-text: #2a2420;\n --amb-text-light: #5a5048;\n --amb-border: #e0d5c5;\n --amb-shadow: 0 4px 24px rgba(180, 137, 90, 0.12);\n --amb-shadow-lg: 0 12px 48px rgba(180, 137, 90, 0.2);\n --amb-radius: 20px;\n --amb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.amb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: var(--amb-text);\n}\n\n\/* === HERO === *\/\n.amb-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #C4A77D 50%, #B8895A 100%);\n border-radius: var(--amb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px);\n}\n\n.amb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.amb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n transition: all 0.3s ease;\n border: 2px solid rgba(255, 255, 255, 0.3);\n}\n\n.amb-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n}\n\n.amb-hero-title {\n display: block;\n color: white;\n font-size: clamp(34px, 7vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);\n}\n\n.amb-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.amb-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.amb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.amb-premium h2 {\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.amb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 4px;\n background: linear-gradient(90deg, var(--amb-primary), var(--amb-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.amb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.amb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n.amb-card-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n}\n\n.amb-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.8rem;\n letter-spacing: -0.02em;\n}\n\n.amb-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === STORY BOX === *\/\n.amb-story-box {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--amb-shadow);\n border-left: 6px solid var(--amb-accent);\n}\n\n.amb-story-icon {\n font-size: clamp(48px, 8vw, 64px);\n text-align: center;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));\n}\n\n.amb-story-box p {\n font-size: clamp(15px, 2.2vw, 17px);\n color: var(--amb-text);\n margin-bottom: 1.2rem;\n line-height: 1.8;\n}\n\n.amb-story-box p:last-child {\n margin-bottom: 0;\n}\n\n.amb-story-highlight {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, rgba(232, 212, 184, 0.5) 100%);\n padding: 1.5rem;\n border-radius: var(--amb-radius-sm);\n border-left: 4px solid var(--amb-accent);\n font-weight: 600;\n margin-top: 1.5rem !important;\n}\n\n\/* === USAGE === *\/\n.amb-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n}\n\n.amb-usage-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 3.5vw, 2.5rem);\n box-shadow: var(--amb-shadow);\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.amb-usage-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 6px;\n background: linear-gradient(90deg, var(--amb-primary), var(--amb-accent));\n}\n\n.amb-usage-number {\n position: absolute;\n top: 1.5rem;\n right: 1.5rem;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--amb-accent), #ff8555);\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);\n}\n\n.amb-usage-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n}\n\n.amb-usage-title {\n font-size: clamp(19px, 2.8vw, 24px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 1rem;\n letter-spacing: -0.02em;\n}\n\n.amb-usage-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === INFO GRID === *\/\n.amb-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-info-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n text-align: center;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.amb-info-card:hover {\n transform: translateY(-6px);\n border-color: var(--amb-primary-light);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-info-icon {\n font-size: clamp(32px, 5vw, 42px);\n margin-bottom: 0.8rem;\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.1));\n}\n\n.amb-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-text-light);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 0.5rem;\n}\n\n.amb-info-value {\n font-size: clamp(18px, 2.8vw, 22px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: 0.5rem;\n letter-spacing: -0.02em;\n}\n\n.amb-info-detail {\n font-size: clamp(13px, 1.8vw, 15px);\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COLLECTION BOX === *\/\n.amb-collection-box {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, rgba(232, 212, 184, 0.6) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 3px solid var(--amb-primary);\n}\n\n.amb-collection-icon {\n font-size: clamp(52px, 9vw, 72px);\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.15));\n}\n\n.amb-collection-box p {\n font-size: clamp(15px, 2.3vw, 18px);\n color: var(--amb-text);\n margin-bottom: 1.2rem;\n line-height: 1.8;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.amb-collection-cta {\n margin-top: 2rem;\n}\n\n.amb-collection-link {\n display: inline-block;\n background: linear-gradient(135deg, var(--amb-primary-dark) 0%, var(--amb-primary) 100%);\n color: white;\n padding: 1rem 2.5rem;\n border-radius: 999px;\n font-size: clamp(15px, 2.2vw, 17px);\n font-weight: 700;\n box-shadow: 0 6px 24px rgba(184, 137, 90, 0.4);\n transition: all 0.3s ease;\n cursor: pointer;\n}\n\n.amb-collection-link:hover {\n transform: translateY(-4px) scale(1.05);\n box-shadow: 0 8px 32px rgba(184, 137, 90, 0.5);\n}\n\n\/* === WARNING BOX === *\/\n.amb-warning-box {\n background: rgba(255, 245, 230, 0.8);\n border: 2px solid #f5ddb8;\n border-radius: var(--amb-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.amb-warning-icon {\n font-size: clamp(28px, 5vw, 36px);\n flex-shrink: 0;\n filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.1));\n}\n\n.amb-warning-content {\n flex: 1;\n}\n\n.amb-warning-title {\n font-size: clamp(16px, 2.4vw, 19px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.8rem;\n}\n\n.amb-warning-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--amb-text-light);\n margin-bottom: 0.6rem;\n line-height: 1.6;\n}\n\n.amb-warning-content p:last-child {\n margin-bottom: 0;\n}\n\n.amb-warning-ufi {\n font-size: 12px !important;\n color: var(--amb-text-light);\n font-family: monospace;\n opacity: 0.8;\n}\n\n\/* === CTA FINAL === *\/\n.amb-cta-box {\n background: linear-gradient(135deg, var(--amb-primary-dark) 0%, var(--amb-accent) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(3rem, 6vw, 4.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 50%, white 2px, transparent 2px);\n background-size: 60px 60px;\n background-position: 0 0, 30px 30px;\n}\n\n.amb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.amb-cta-emoji {\n font-size: clamp(48px, 8vw, 64px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));\n}\n\n.amb-cta-box p {\n color: white;\n font-size: clamp(16px, 2.6vw, 20px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .amb-grid,\n .amb-usage-grid,\n .amb-info-grid {\n grid-template-columns: 1fr;\n }\n\n .amb-badges-top {\n flex-direction: column;\n align-items: center;\n }\n\n .amb-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .amb-warning-icon {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amb-card,\n .amb-usage-card,\n .amb-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .amb-card:nth-child(1),\n .amb-usage-card:nth-child(1),\n .amb-info-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .amb-card:nth-child(2),\n .amb-usage-card:nth-child(2),\n .amb-info-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .amb-card:nth-child(3),\n .amb-usage-card:nth-child(3),\n .amb-info-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .amb-card:nth-child(4),\n .amb-info-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .amb-story-box,\n .amb-collection-box,\n .amb-warning-box {\n animation: fadeIn 0.8s ease backwards;\n animation-delay: 0.2s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .amb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .amb-premium {\n --amb-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n --amb-shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.4);\n }\n\n .amb-card,\n .amb-usage-card,\n .amb-info-card {\n border: 2px solid var(--amb-text);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55719753646457,"sku":"CAILLOUXAMBGR-50","price":7.99,"currency_code":"EUR","in_stock":false},{"title":"100 grammes","offer_id":55719753679225,"sku":"CAILLOUXAMBGR-100","price":15.6,"currency_code":"EUR","in_stock":false},{"title":"200 grammes","offer_id":55719753711993,"sku":"CAILLOUXAMBGR-200","price":30.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/caillou-ambre-packshot_2_11zon.jpg?v=1773147474"},{"product_id":"tyro-120-gelules-jade-recherche","title":"Tyro+ Jade Recherche - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tyro+ Jade Recherche - Complément alimentaire thyroïde\nPalette détectée:\n - Primaire: #8B4B9E (violet\/purple du logo TYRO - dominante packaging)\n - Secondaire: #F4D835 (jaune vif du fond d'étiquette)\n - Accent: #FF7F3E (orange du papillon)\n - Vert: #1a7a5c (spiruline\/algues visibles sur infographie)\nAmbiance: Santé naturelle, vitalité, transformation (papillon = métamorphose thyroïdienne), dynamique et optimiste. Mix entre énergie solaire (jaune) et bien-être profond (violet). Univers naturel\/scientifique avec ingrédients visibles.\nType: Complément alimentaire - soutien hormonal thyroïde\nStyle: Naturel\/santé\/bien-être avec touche énergique et scientifique\nPréfixe CSS: tyro\n--\u003e\n\n\u003cdiv class=\"tyro-premium\"\u003e\n \u003cdiv class=\"tyro-hero\"\u003e\n \u003cdiv class=\"tyro-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tyro-hero-content\"\u003e\n \u003cdiv class=\"tyro-badges-top\"\u003e\n \u003cspan class=\"tyro-badge\"\u003e🦋 Soutien thyroïdien\u003c\/span\u003e\n \u003cspan class=\"tyro-badge\"\u003e🌱 100% végétalien\u003c\/span\u003e\n \u003cspan class=\"tyro-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tyro-hero-title\"\u003eTyro+\u003c\/span\u003e\n \u003cp class=\"tyro-subtitle\"\u003eRedonnez de l'élan à votre thyroïde\u003c\/p\u003e\n \u003cp class=\"tyro-description\"\u003eFormule synergique associant tyrosine, iode naturel, sélénium, spiruline et maca pour soutenir votre fonction thyroïdienne et retrouver énergie et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e🔬 Composition synergique\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e💜 Tyrosine 600 mg\u003c\/h3\u003e\n \u003cp\u003eAcide aminé précurseur direct des hormones T3 et T4. Production naturelle qui diminue avec l'âge, supplémentation essentielle après 40 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌊 Iode naturel 150 µg\u003c\/h3\u003e\n \u003cp\u003eExtrait de Fucus vesiculosus (75 mg), algue marine. Élément indispensable à la synthèse hormonale, biodisponibilité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🛡️ Sélénium 70 µg\u003c\/h3\u003e\n \u003cp\u003e127% des AJR. Protège les cellules thyroïdiennes du stress oxydatif et favorise la conversion de T4 en T3 active.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌀 Spiruline 170 mg\u003c\/h3\u003e\n \u003cp\u003eSuper-aliment concentré en nutriments, protéines et antioxydants. Soutient la vitalité et le tonus général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚡ Maca 100 mg\u003c\/h3\u003e\n \u003cp\u003eRacine adaptogène péruvienne pour l'équilibre hormonal, la résistance au stress et l'énergie globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e💎 Les bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🎯 Soutien hormonal ciblé\u003c\/h3\u003e\n \u003cp\u003eTous les éléments-clés pour le bon fonctionnement thyroïdien et une production hormonale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eCombat la fatigue, la frilosité et les troubles métaboliques liés au ralentissement thyroïdien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans additifs artificiels, sans conservateurs, sans OGM. Gélules végétales HPMC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🔬 Dosages optimaux\u003c\/h3\u003e\n \u003cp\u003e127% AJR sélénium, 100% besoins iode, dosage généreux en tyrosine pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid-compact\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eManque d'énergie chronique inexpliqué\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e❄️ Frilosité excessive\u003c\/h3\u003e\n \u003cp\u003eMains et pieds froids en permanence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚖️ Prise de poids\u003c\/h3\u003e\n \u003cp\u003eMalgré alimentation équilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🎂 Après 40 ans\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel de la fonction thyroïdienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tyro-usage-box\"\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003ePosologie standard\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, matin et midi, \u003cstrong\u003eavant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003ePosologie renforcée\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e possible sous suivi médical selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 3 mois minimum\u003c\/strong\u003e recommandés. Renouveler après une pause d'un mois si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid-compact\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n \u003cp\u003eGélules végétales HPMC 500 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⏱️ 60 jours\u003c\/h3\u003e\n \u003cp\u003eÀ 2 gélules\/jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌱 Végétalien\u003c\/h3\u003e\n \u003cp\u003e100% compatible vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🇫🇷 Qualité GMP\u003c\/h3\u003e\n \u003cp\u003eFabrication française contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"tyro-accordion\"\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eNe remplace pas un traitement médical prescrit (Levothyrox...). Avis médical recommandé si suivi pour trouble thyroïdien. Ne pas dépasser la dose journalière. Complément à utiliser dans le cadre d'une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux moins de 16 ans, femmes enceintes ou allaitantes (sauf avis médical). \u003cstrong\u003eNe pas associer avec la L-Dopa.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, dans un endroit sec. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tyro-cta-box\"\u003e\n \u003cp\u003e🦋 Redonnez à votre thyroïde les nutriments essentiels dont elle a besoin. Avec \u003cstrong\u003eTyro+\u003c\/strong\u003e, retrouvez naturellement énergie, vitalité et équilibre hormonal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tyro-cream: #faf9f7;\n --tyro-white: #ffffff;\n --tyro-primary: #8B4B9E;\n --tyro-primary-dark: #6d3a7d;\n --tyro-primary-light: #f5eef7;\n --tyro-secondary: #F4D835;\n --tyro-accent: #FF7F3E;\n --tyro-text: #1a1a1a;\n --tyro-text-light: #5a5a5a;\n --tyro-border: #e8e4e0;\n --tyro-shadow: 0 4px 24px rgba(139,75,158,.08);\n --tyro-shadow-lg: 0 12px 48px rgba(139,75,158,.15);\n --tyro-radius: 20px;\n --tyro-radius-sm: 12px;\n}\n\n.tyro-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tyro-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tyro-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tyro-primary) 0%, #9b5aae 40%, var(--tyro-secondary) 100%);\n border-radius: var(--tyro-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tyro-shadow-lg);\n}\n\n.tyro-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle at 30% 70%, rgba(255,255,255,.4) 2px, transparent 2px);\n background-size: 40px 40px;\n}\n\n.tyro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tyro-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.tyro-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tyro-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tyro-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tyro-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tyro-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3.5vw, 26px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n}\n\n.tyro-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.tyro-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tyro-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tyro-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tyro-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tyro-primary), var(--tyro-secondary));\n border-radius: 2px;\n}\n\n.tyro-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tyro-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tyro-card {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tyro-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tyro-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tyro-shadow-lg);\n border-color: var(--tyro-primary);\n}\n\n.tyro-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tyro-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tyro-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tyro-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tyro-grid-compact .tyro-card {\n padding: 1rem;\n}\n\n.tyro-grid-compact .tyro-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tyro-grid-compact .tyro-card p {\n font-size: 12px;\n}\n\n.tyro-usage-box {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tyro-shadow);\n}\n\n.tyro-usage-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--tyro-border);\n}\n\n.tyro-usage-step:last-child {\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n}\n\n.tyro-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--tyro-primary), var(--tyro-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(139,75,158,.3);\n}\n\n.tyro-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--tyro-primary-dark);\n margin: 0 0 .4rem 0;\n}\n\n.tyro-step-content p {\n font-size: 14px;\n color: var(--tyro-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tyro-accordion {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n box-shadow: var(--tyro-shadow);\n overflow: hidden;\n}\n\n.tyro-accordion-item {\n border-bottom: 1px solid var(--tyro-border);\n margin: 0;\n padding: 0;\n}\n\n.tyro-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tyro-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tyro-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.tyro-accordion-header:hover {\n background: var(--tyro-primary-light);\n}\n\n.tyro-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tyro-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tyro-primary);\n transition: transform .2s ease;\n}\n\n.tyro-accordion-item[open] .tyro-accordion-header::after {\n content: '−';\n}\n\n.tyro-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tyro-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.tyro-accordion-content p {\n margin: 0;\n}\n\n.tyro-cta-box {\n background: linear-gradient(135deg, var(--tyro-primary) 0%, var(--tyro-primary-dark) 100%);\n border-radius: var(--tyro-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tyro-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .tyro-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tyro-grid-compact {\n gap: .625rem;\n }\n \n .tyro-grid-compact .tyro-card {\n padding: .75rem;\n }\n \n .tyro-card {\n padding: 1.125rem;\n }\n \n .tyro-section {\n margin-bottom: 1.75rem;\n }\n \n .tyro-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tyro-radius-sm);\n }\n \n .tyro-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tyro-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tyro-usage-step {\n flex-direction: column;\n gap: .75rem;\n text-align: center;\n }\n \n .tyro-step-number {\n margin: 0 auto;\n }\n \n .tyro-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tyro-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tyro-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tyro-card:nth-child(1) { animation-delay: .05s; }\n .tyro-card:nth-child(2) { animation-delay: .1s; }\n .tyro-card:nth-child(3) { animation-delay: .15s; }\n .tyro-card:nth-child(4) { animation-delay: .2s; }\n .tyro-card:nth-child(5) { animation-delay: .25s; }\n .tyro-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tyro-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755313848477,"sku":"TYROJADE","price":25.23,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tyro-jade-recherche-120-gelules-lifestyle.webp?v=1773329169"},{"product_id":"creacholine-stimulez-votre-cerveau-120-gelules-jade-recherche","title":"Créacholine de Jade Recherche - Stimulez votre Cerveau - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Créacholine - Complément alimentaire mémoire et concentration\nPalette détectée:\n - Primaire: #2E8B57 (vert prairie du packaging, zone centrale)\n - Secondaire: #4169E1 (bleu royal du titre \"Créacholine\")\n - Accent: #FFD700 (doré\/jaune des vagues décoratives)\n - Background: #1E90FF (bleu ciel du dégradé supérieur)\nAmbiance: Naturel\/santé, frais, dynamique avec touches de nature (herbe, ciel, soleil)\nPréfixe CSS: crea\n--\u003e\n\n\u003cdiv class=\"crea-premium\"\u003e\n \n \u003cdiv class=\"crea-hero\"\u003e\n \u003cdiv class=\"crea-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"crea-hero-content\"\u003e\n \u003cdiv class=\"crea-badges-top\"\u003e\n \u003cspan class=\"crea-badge\"\u003e🧠 7 actifs synergiques\u003c\/span\u003e\n \u003cspan class=\"crea-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"crea-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"crea-hero-title\"\u003eCréacholine\u003c\/span\u003e\n \u003cp class=\"crea-subtitle\"\u003eLe duo gagnant pour votre cerveau\u003c\/p\u003e\n \u003cp class=\"crea-description\"\u003eFormule complète associant 7 actifs pour soutenir mémoire, concentration et vivacité intellectuelle. Agit sur l'acétylcholine, le neurotransmetteur clé de vos performances cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits concrets\u003c\/h2\u003e\n \u003cdiv class=\"crea-grid\"\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🧠 Mémoire renforcée\u003c\/h3\u003e\n \u003cp\u003eLa phosphatidylsérine et l'acétyl L-carnitine favorisent la transmission des informations entre neurones, soutenant la mémoire court et long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eLe Ginkgo biloba et le Ginseng stimulent la vigilance et la clarté mentale pour rester focus sur vos tâches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eL'acide alpha-lipoïque neutralise les radicaux libres responsables du vieillissement des cellules cérébrales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🩸 Oxygénation cérébrale\u003c\/h3\u003e\n \u003cp\u003eLes ginkgosides améliorent la microcirculation sanguine pour un cerveau mieux irrigué et plus performant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e⚡ Énergie neuronale\u003c\/h3\u003e\n \u003cp\u003eLa spiruline et la vitamine B5 participent au métabolisme énergétique des cellules nerveuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🔬 Action acétylcholine\u003c\/h3\u003e\n \u003cp\u003eFournit les précurseurs et cofacteurs pour maintenir des niveaux optimaux de ce neurotransmetteur essentiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e🧪 Composition pour 4 gélules\u003c\/h2\u003e\n \u003cdiv class=\"crea-grid\"\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e717,6 mg\u003c\/p\u003e\n \u003cp\u003eStandardisée à 20% de phosphatidylsérine, précurseur essentiel des membranes neuronales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e💊 Acétyl L-Carnitine\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e291,2 mg\u003c\/p\u003e\n \u003cp\u003eTraverse la barrière hémato-encéphalique pour nourrir directement les neurones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e🌀 Spiruline\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e120 mg\u003c\/p\u003e\n \u003cp\u003eApporte vitamines B et fer pour soutenir l'énergie cérébrale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e🔶 Acide alpha-lipoïque\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e40 mg\u003c\/p\u003e\n \u003cp\u003eAntioxydant universel protégeant efficacement les cellules nerveuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e39 mg\u003c\/p\u003e\n \u003cp\u003eExtrait standardisé améliorant la circulation sanguine cérébrale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Ginseng\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e39 mg\u003c\/p\u003e\n \u003cp\u003eAdaptogène Panax ginseng soutenant les performances mentales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"crea-note\"\u003e+ Vitamine B5 (7,08 mg) cofacteur de la synthèse d'acétylcholine • Gélule végétale HPMC • Sans additifs artificiels\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"crea-grid-compact\"\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e👨‍💼 Adultes 45+\u003c\/h3\u003e\n \u003cp\u003ePréservez vos capacités cognitives dès les premiers signes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eMaintenez votre autonomie intellectuelle au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n \u003cp\u003eBoostez révisions et examens en période intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eRestez performant face aux défis cognitifs du travail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"crea-steps\"\u003e\n \u003cdiv class=\"crea-step\"\u003e\n \u003cdiv class=\"crea-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"crea-step-content\"\u003e\n \u003ch3\u003eDémarrage en douceur\u003c\/h3\u003e\n \u003cp\u003eCommencez avec \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e pendant une semaine pour habituer votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-step\"\u003e\n \u003cdiv class=\"crea-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"crea-step-content\"\u003e\n \u003ch3\u003eDose optimale\u003c\/h3\u003e\n \u003cp\u003eAugmentez progressivement à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-step\"\u003e\n \u003cdiv class=\"crea-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"crea-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003ePrenez vos gélules \u003cstrong\u003ele matin ou le midi\u003c\/strong\u003e, avant les repas pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-step\"\u003e\n \u003cdiv class=\"crea-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"crea-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e1 à 3 mois minimum\u003c\/strong\u003e, renouvelable jusqu'à 6 mois pour des résultats durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"crea-accordion\"\u003e\n \u003cdetails class=\"crea-accordion-item\"\u003e\n \u003csummary class=\"crea-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n \u003cdiv class=\"crea-accordion-content\"\u003e\n \u003cp\u003eLes premiers bénéfices se font généralement sentir après 2 à 3 semaines de prise régulière. La pleine efficacité s'installe progressivement sur 4 à 6 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"crea-accordion-item\"\u003e\n \u003csummary class=\"crea-accordion-header\"\u003e🔗 Puis-je l'associer à d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"crea-accordion-content\"\u003e\n \u003cp\u003eOui, Créacholine se combine parfaitement avec des oméga-3 ou un complexe de vitamines B pour une action renforcée sur les fonctions cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"crea-accordion-item\"\u003e\n \u003csummary class=\"crea-accordion-header\"\u003e🌱 Convient-il aux végétariens ?\u003c\/summary\u003e\n \u003cdiv class=\"crea-accordion-content\"\u003e\n \u003cp\u003eCréacholine est formulé avec des gélules végétales en cellulose HPMC, adapté aux régimes végétaliens. Notez toutefois la présence de lécithine de soja.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"crea-accordion-item\"\u003e\n \u003csummary class=\"crea-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"crea-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes. Consultez votre médecin en cas de traitement médicamenteux. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"crea-grid-compact\"\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n \u003cp\u003e1 à 2 mois de cure selon posologie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e✅ Normes UE\u003c\/h3\u003e\n \u003cp\u003eSécurité alimentaire stricte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🌿 100% clean\u003c\/h3\u003e\n \u003cp\u003eSans additifs ni conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"crea-cta-box\"\u003e\n \u003cp\u003e🧠 Offrez à votre cerveau les 7 nutriments dont il a besoin pour rester vif, concentré et performant à tout âge. Créacholine : la formule complète pour des fonctions cognitives au top !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --crea-cream: #f8faf9;\n --crea-white: #ffffff;\n --crea-primary: #2E8B57;\n --crea-primary-dark: #1e6b42;\n --crea-primary-light: #e8f5ed;\n --crea-secondary: #4169E1;\n --crea-accent: #FFD700;\n --crea-text: #1a1a1a;\n --crea-text-light: #5a5a5a;\n --crea-border: #e0e0e0;\n --crea-shadow: 0 4px 24px rgba(0,0,0,.08);\n --crea-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --crea-radius: 20px;\n --crea-radius-sm: 12px;\n}\n\n.crea-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--crea-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.crea-hero {\n position: relative;\n background: linear-gradient(135deg, #4169E1 0%, #2E8B57 50%, #1e6b42 100%);\n border-radius: var(--crea-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--crea-shadow-lg);\n}\n\n.crea-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.crea-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.crea-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.crea-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--crea-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.crea-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.crea-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.crea-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.crea-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.crea-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.crea-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--crea-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.crea-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--crea-primary), var(--crea-secondary));\n border-radius: 2px;\n}\n\n.crea-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.crea-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.crea-card {\n background: var(--crea-white);\n border-radius: var(--crea-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--crea-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.crea-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--crea-shadow-lg);\n border-color: var(--crea-primary);\n}\n\n.crea-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--crea-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.crea-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--crea-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.crea-card-ingredient .crea-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--crea-primary), var(--crea-secondary));\n color: white;\n font-size: 13px;\n font-weight: 800;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.crea-note {\n text-align: center;\n font-size: 13px;\n color: var(--crea-text-light);\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n.crea-grid-compact .crea-card {\n padding: 1rem;\n}\n\n.crea-grid-compact .crea-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.crea-grid-compact .crea-card p {\n font-size: 12px;\n}\n\n\/* Steps *\/\n.crea-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.crea-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--crea-white);\n border-radius: var(--crea-radius);\n padding: 1.25rem;\n box-shadow: var(--crea-shadow);\n transition: all .3s ease;\n}\n\n.crea-step:hover {\n transform: translateX(8px);\n box-shadow: var(--crea-shadow-lg);\n}\n\n.crea-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--crea-primary), var(--crea-secondary));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(46,139,87,.3);\n}\n\n.crea-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--crea-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.crea-step-content p {\n font-size: 14px;\n color: var(--crea-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* Accordion *\/\n.crea-accordion {\n background: var(--crea-white);\n border-radius: var(--crea-radius);\n box-shadow: var(--crea-shadow);\n overflow: hidden;\n}\n\n.crea-accordion-item {\n border-bottom: 1px solid var(--crea-border);\n margin: 0;\n padding: 0;\n}\n\n.crea-accordion-item:last-child {\n border-bottom: none;\n}\n\n.crea-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--crea-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.crea-accordion-header:hover {\n background: var(--crea-primary-light);\n}\n\n.crea-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.crea-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--crea-primary);\n transition: transform .2s ease;\n}\n\n.crea-accordion-item[open] .crea-accordion-header::after {\n content: '−';\n}\n\n.crea-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--crea-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.crea-accordion-content p {\n margin: 0;\n}\n\n\/* CTA Box *\/\n.crea-cta-box {\n background: linear-gradient(135deg, var(--crea-primary) 0%, var(--crea-secondary) 100%);\n border-radius: var(--crea-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.crea-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.crea-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* Responsive Mobile *\/\n@media (max-width: 767px) {\n .crea-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .crea-card {\n padding: 1.125rem;\n }\n \n .crea-section {\n margin-bottom: 1.75rem;\n }\n \n .crea-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--crea-radius-sm);\n }\n \n .crea-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .crea-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .crea-grid-compact {\n gap: .625rem;\n }\n \n .crea-grid-compact .crea-card {\n padding: .75rem;\n }\n \n .crea-step {\n padding: 1rem;\n }\n \n .crea-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .crea-step-content h3 {\n font-size: 14px;\n }\n \n .crea-step-content p {\n font-size: 13px;\n }\n \n .crea-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .crea-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .crea-badges-top {\n gap: 6px;\n }\n \n .crea-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .crea-card {\n animation: creaFadeInUp .5s ease backwards;\n }\n .crea-card:nth-child(1) { animation-delay: .05s; }\n .crea-card:nth-child(2) { animation-delay: .1s; }\n .crea-card:nth-child(3) { animation-delay: .15s; }\n .crea-card:nth-child(4) { animation-delay: .2s; }\n .crea-card:nth-child(5) { animation-delay: .25s; }\n .crea-card:nth-child(6) { animation-delay: .3s; }\n \n .crea-step {\n animation: creaFadeInLeft .5s ease backwards;\n }\n .crea-step:nth-child(1) { animation-delay: .1s; }\n .crea-step:nth-child(2) { animation-delay: .2s; }\n .crea-step:nth-child(3) { animation-delay: .3s; }\n .crea-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes creaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes creaFadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* Accessibilité *\/\n@media (prefers-reduced-motion: reduce) {\n .crea-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755321221277,"sku":"JADECREAC120","price":39.08,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creacholine-de-jade-recherche-stimulez-votre-cerveau-120-gel-ingredients.webp?v=1773330058"},{"product_id":"digilance-prenez-soin-de-vos-intestins-pot-de-200-g-jade-recherche","title":"Digilance - Complément en poudre pour Digestion \u0026 Intestin - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Digilance - Complément digestif en poudre\nPalette détectée:\n - Primaire: #C41E3A (rouge vif du bandeau packaging)\n - Secondaire: #4A7C59 (vert naturel des ingrédients - aloe, spiruline)\n - Accent: #5B8BD4 (bleu de la goutte du logo)\n - Tertiaire: #F4A460 (orange curcuma)\nAmbiance: Naturel\/santé, clean, scientifique mais accessible, ingrédients végétaux mis en avant\nPréfixe CSS: dgl\n--\u003e\n\n\u003cdiv class=\"dgl-premium\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dgl-hero\"\u003e\n \u003cdiv class=\"dgl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dgl-hero-content\"\u003e\n \u003cdiv class=\"dgl-badges-top\"\u003e\n \u003cspan class=\"dgl-badge\"\u003e💪 L-Glutamine 3200mg\u003c\/span\u003e\n \u003cspan class=\"dgl-badge\"\u003e🌿 5 actifs naturels\u003c\/span\u003e\n \u003cspan class=\"dgl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dgl-hero-title\"\u003eDigilance\u003c\/span\u003e\n \u003cp class=\"dgl-subtitle\"\u003ePrenez soin de vos intestins\u003c\/p\u003e\n \u003cp class=\"dgl-description\"\u003eFormule synergique pour le \u003cstrong\u003econfort digestif\u003c\/strong\u003e, la protection de la \u003cstrong\u003emuqueuse intestinale\u003c\/strong\u003e et l'équilibre du \u003cstrong\u003emicrobiote\u003c\/strong\u003e. 5 actifs naturels concentrés dans une poudre facile à diluer.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e🛡️ Les 3 piliers de votre confort digestif\u003c\/h2\u003e\n \u003cdiv class=\"dgl-grid\"\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🛡️ Muqueuse protégée\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003eL-Glutamine (3200 mg)\u003c\/strong\u003e contribue à l'intégrité de la paroi intestinale et participe à l'équilibre acido-basique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🌿 Microbiote équilibré\u003c\/h3\u003e\n \u003cp\u003eSynergie \u003cstrong\u003emyrtille, aloe vera, curcuma et spiruline\u003c\/strong\u003e pour un confort digestif optimal et une flore intestinale soutenue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e⚡ Réponse aux carences\u003c\/h3\u003e\n \u003cp\u003eStress, maladie, effort intense : l'organisme peut manquer de glutamine, favorisant une \u003cstrong\u003eperméabilité intestinale\u003c\/strong\u003e excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e🧬 5 actifs naturels dosés avec précision\u003c\/h2\u003e\n \u003cdiv class=\"dgl-grid\"\u003e\n \u003cdiv class=\"dgl-card dgl-card-featured\"\u003e\n \u003ch3\u003e💪 L-Glutamine\u003c\/h3\u003e\n \u003cspan class=\"dgl-dose\"\u003e3 200 mg \/ dose\u003c\/span\u003e\n \u003cp\u003eActif majeur pour la \u003cstrong\u003ebarrière digestive\u003c\/strong\u003e. Protège et restaure la muqueuse intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🫐 Myrtille\u003c\/h3\u003e\n \u003cspan class=\"dgl-dose\"\u003e200 mg\u003c\/span\u003e\n \u003cp\u003eRiche en \u003cstrong\u003epolyphénols\u003c\/strong\u003e, soutient l'équilibre de la flore et les défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera\u003c\/h3\u003e\n \u003cspan class=\"dgl-dose\"\u003e200 mg\u003c\/span\u003e\n \u003cp\u003eEffet \u003cstrong\u003eapaisant\u003c\/strong\u003e reconnu sur le tube digestif et action favorable sur l'inflammation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🌟 Curcuma longa\u003c\/h3\u003e\n \u003cspan class=\"dgl-dose\"\u003e200 mg\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAntioxydant puissant\u003c\/strong\u003e, contribue au bon fonctionnement digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🌀 Spiruline platensis\u003c\/h3\u003e\n \u003cspan class=\"dgl-dose\"\u003e200 mg\u003c\/span\u003e\n \u003cp\u003eMicro-algue riche en \u003cstrong\u003enutriments et chlorophylle\u003c\/strong\u003e pour la vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi simple\u003c\/h2\u003e\n \u003cdiv class=\"dgl-steps\"\u003e\n \u003cdiv class=\"dgl-step\"\u003e\n \u003cdiv class=\"dgl-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dgl-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 cuillères à café rases\u003c\/strong\u003e (≈ 4 g de poudre)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-step\"\u003e\n \u003cdiv class=\"dgl-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dgl-step-content\"\u003e\n \u003ch3\u003eDiluez\u003c\/h3\u003e\n \u003cp\u003eDans un \u003cstrong\u003everre d'eau\u003c\/strong\u003e à température ambiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-step\"\u003e\n \u003cdiv class=\"dgl-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dgl-step-content\"\u003e\n \u003ch3\u003eConsommez\u003c\/h3\u003e\n \u003cp\u003eLe soir, \u003cstrong\u003een dehors des repas\u003c\/strong\u003e pour une efficacité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-cure-box\"\u003e\n \u003cp\u003e⏱️ \u003cstrong\u003eCure recommandée : 1 à 3 mois\u003c\/strong\u003e — La régularité est clé pour un bénéfice durable sur la muqueuse intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e👥 Pour qui est Digilance ?\u003c\/h2\u003e\n \u003cdiv class=\"dgl-grid\"\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eTroubles digestifs liés au stress et à l'anxiété quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🤢 Inconforts digestifs\u003c\/h3\u003e\n \u003cp\u003eVentre gonflé, ballonnements, reflux, transit perturbé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e💪 Sportifs intensifs\u003c\/h3\u003e\n \u003cp\u003eEfforts extrêmes épuisant les réserves de glutamine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🌿 Muqueuse fragilisée\u003c\/h3\u003e\n \u003cp\u003ePerméabilité intestinale, barrière digestive affaiblie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- TIMELINE EFFETS --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e📅 Quand ressentir les effets ?\u003c\/h2\u003e\n \u003cdiv class=\"dgl-timeline\"\u003e\n \u003cdiv class=\"dgl-timeline-item\"\u003e\n \u003cdiv class=\"dgl-timeline-marker\"\u003e1-2 sem.\u003c\/div\u003e\n \u003cp\u003ePremiers signaux de \u003cstrong\u003econfort digestif\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-timeline-item\"\u003e\n \u003cdiv class=\"dgl-timeline-marker\"\u003e4-6 sem.\u003c\/div\u003e\n \u003cp\u003eSoutien visible de la \u003cstrong\u003emuqueuse intestinale\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-timeline-item\"\u003e\n \u003cdiv class=\"dgl-timeline-marker\"\u003e3 mois\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eÉquilibre durable\u003c\/strong\u003e du système digestif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"dgl-grid-compact\"\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003ePot de 200 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n \u003cp\u003e≈ 50 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🧪 Qualité\u003c\/h3\u003e\n \u003cp\u003eLots contrôlés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"dgl-accordion\"\u003e\n \u003cdetails class=\"dgl-accordion-item\"\u003e\n \u003csummary class=\"dgl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"dgl-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eRéservé à l'adulte.\u003c\/strong\u003e À utiliser dans le cadre d'une alimentation variée et d'un mode de vie sain. Respecter la dose conseillée (2 cuillères à café\/jour). Possibles sensibilités individuelles (ballonnements, selles molles) ou allergies (spiruline, aloe vera).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dgl-accordion-item\"\u003e\n \u003csummary class=\"dgl-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"dgl-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé pendant la grossesse et l'allaitement\u003c\/strong\u003e sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dgl-accordion-item\"\u003e\n \u003csummary class=\"dgl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"dgl-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer le pot après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dgl-accordion-item\"\u003e\n \u003csummary class=\"dgl-accordion-header\"\u003e🏭 Fabrication Jade Recherche\u003c\/summary\u003e\n \u003cdiv class=\"dgl-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eDigilance\u003c\/strong\u003e est fabriqué en France par Jade Recherche, un laboratoire engagé : sélection stricte des ingrédients, pureté maximale, contrôles rigoureux de chaque lot, analyses disponibles sur demande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"dgl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dgl-cta-box\"\u003e\n \u003cp\u003e🌿 Retrouvez une \u003cstrong\u003emuqueuse intestinale équilibrée\u003c\/strong\u003e grâce à la synergie unique de 5 actifs naturels. \u003cstrong\u003eEt l'intestin vous dit merci !\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES DIGILANCE === *\/\n:root {\n --dgl-cream: #FDFBF8;\n --dgl-white: #ffffff;\n --dgl-primary: #C41E3A;\n --dgl-primary-dark: #9B1830;\n --dgl-primary-light: #FDF0F2;\n --dgl-secondary: #4A7C59;\n --dgl-secondary-light: #E8F5EC;\n --dgl-accent: #5B8BD4;\n --dgl-text: #1a1a1a;\n --dgl-text-light: #5a5a5a;\n --dgl-border: #e8e4df;\n --dgl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dgl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dgl-radius: 20px;\n --dgl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dgl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dgl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dgl-hero {\n position: relative;\n background: linear-gradient(135deg, #C41E3A 0%, #9B1830 50%, #7A1426 100%);\n border-radius: var(--dgl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--dgl-shadow-lg);\n}\n\n.dgl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(74,124,89,.4) 0%, transparent 40%);\n}\n\n.dgl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dgl-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.dgl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dgl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dgl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dgl-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.dgl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.dgl-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 800px;\n}\n\n.dgl-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.dgl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dgl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dgl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dgl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dgl-primary), var(--dgl-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.dgl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dgl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.dgl-card {\n background: var(--dgl-white);\n border-radius: var(--dgl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dgl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dgl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dgl-shadow-lg);\n border-color: var(--dgl-primary);\n}\n\n.dgl-card-featured {\n background: linear-gradient(135deg, var(--dgl-primary-light) 0%, var(--dgl-white) 100%);\n border: 2px solid var(--dgl-primary);\n}\n\n.dgl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dgl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dgl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dgl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dgl-card strong {\n color: var(--dgl-text);\n}\n\n.dgl-dose {\n display: inline-block;\n background: var(--dgl-secondary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dgl-grid-compact .dgl-card {\n padding: 1rem;\n}\n\n.dgl-grid-compact .dgl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dgl-grid-compact .dgl-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.dgl-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.dgl-step {\n background: var(--dgl-white);\n border-radius: var(--dgl-radius);\n padding: 1.5rem;\n box-shadow: var(--dgl-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border-left: 4px solid var(--dgl-primary);\n transition: all .3s ease;\n}\n\n.dgl-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--dgl-shadow-lg);\n}\n\n.dgl-step-number {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dgl-primary) 0%, var(--dgl-primary-dark) 100%);\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n display: grid;\n place-items: center;\n flex-shrink: 0;\n}\n\n.dgl-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--dgl-text);\n margin: 0 0 .25rem 0;\n}\n\n.dgl-step-content p {\n font-size: 14px;\n color: var(--dgl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dgl-step-content strong {\n color: var(--dgl-primary-dark);\n}\n\n\/* === CURE BOX === *\/\n.dgl-cure-box {\n background: var(--dgl-secondary-light);\n border: 2px solid var(--dgl-secondary);\n border-radius: var(--dgl-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n}\n\n.dgl-cure-box p {\n font-size: 15px;\n color: var(--dgl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.dgl-cure-box strong {\n color: var(--dgl-secondary);\n}\n\n\/* === TIMELINE === *\/\n.dgl-timeline {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.dgl-timeline-item {\n background: var(--dgl-white);\n border-radius: var(--dgl-radius);\n padding: 1.5rem;\n box-shadow: var(--dgl-shadow);\n text-align: center;\n flex: 1;\n min-width: 180px;\n max-width: 280px;\n border-top: 4px solid var(--dgl-primary);\n transition: all .3s ease;\n}\n\n.dgl-timeline-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--dgl-shadow-lg);\n}\n\n.dgl-timeline-marker {\n display: inline-block;\n background: linear-gradient(135deg, var(--dgl-primary) 0%, var(--dgl-primary-dark) 100%);\n color: white;\n font-size: 13px;\n font-weight: 800;\n padding: 6px 14px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.dgl-timeline-item p {\n font-size: 14px;\n color: var(--dgl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dgl-timeline-item strong {\n color: var(--dgl-text);\n}\n\n\/* === ACCORDÉON === *\/\n.dgl-accordion {\n background: var(--dgl-white);\n border-radius: var(--dgl-radius);\n box-shadow: var(--dgl-shadow);\n overflow: hidden;\n}\n\n.dgl-accordion-item {\n border-bottom: 1px solid var(--dgl-border);\n margin: 0;\n padding: 0;\n}\n\n.dgl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dgl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dgl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.dgl-accordion-header:hover {\n background: var(--dgl-primary-light);\n}\n\n.dgl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dgl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dgl-primary);\n transition: transform .2s ease;\n}\n\n.dgl-accordion-item[open] .dgl-accordion-header::after {\n content: '−';\n}\n\n.dgl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dgl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.dgl-accordion-content p {\n margin: 0;\n}\n\n.dgl-accordion-content strong {\n color: var(--dgl-text);\n}\n\n\/* === CTA BOX === *\/\n.dgl-cta-box {\n background: linear-gradient(135deg, var(--dgl-secondary) 0%, #3d6a4a 100%);\n border-radius: var(--dgl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dgl-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.dgl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.dgl-cta-box strong {\n color: white;\n font-weight: 800;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dgl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .dgl-grid-compact {\n gap: .625rem;\n }\n \n .dgl-grid-compact .dgl-card {\n padding: .75rem;\n }\n \n .dgl-card {\n padding: 1.125rem;\n }\n \n .dgl-section {\n margin-bottom: 1.75rem;\n }\n \n .dgl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dgl-radius-sm);\n }\n \n .dgl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .dgl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .dgl-steps {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .dgl-step {\n padding: 1.25rem;\n }\n \n .dgl-timeline {\n flex-direction: column;\n align-items: center;\n }\n \n .dgl-timeline-item {\n max-width: 100%;\n width: 100%;\n }\n \n .dgl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .dgl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dgl-card,\n .dgl-step,\n .dgl-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .dgl-card:nth-child(1), .dgl-step:nth-child(1), .dgl-timeline-item:nth-child(1) { animation-delay: .05s; }\n .dgl-card:nth-child(2), .dgl-step:nth-child(2), .dgl-timeline-item:nth-child(2) { animation-delay: .1s; }\n .dgl-card:nth-child(3), .dgl-step:nth-child(3), .dgl-timeline-item:nth-child(3) { animation-delay: .15s; }\n .dgl-card:nth-child(4) { animation-delay: .2s; }\n .dgl-card:nth-child(5) { animation-delay: .25s; }\n .dgl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dgl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45819147714717,"sku":"DIGILANCE-1","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/digilance_jade-recherche_11zon.jpg?v=1766656644"},{"product_id":"detox-patch-pieds-foot-patch-boite-de-10-patchs-jp-nature","title":"Patch Detox Pied ✓ Foot Patch pour éliminer les toxines - JP Nature","description":"\u003cdiv class=\"pd-premium\"\u003e\n\n\u003c!-- HERO AVEC PATTERN --\u003e\n\u003cdiv class=\"pd-hero\"\u003e\n \u003cdiv class=\"pd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pd-hero-content\"\u003e\n \u003cdiv class=\"pd-badges-top\"\u003e\n \u003cspan class=\"pd-badge\"\u003e🌿 Médecine traditionnelle asiatique\u003c\/span\u003e\n \u003cspan class=\"pd-badge\"\u003e🔬 6 ingrédients actifs\u003c\/span\u003e\n \u003cspan class=\"pd-badge\"\u003e🦶 62 points d'acupuncture\u003c\/span\u003e\n \u003cspan class=\"pd-badge\"\u003e🌙 Action nocturne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"pd-description\"\u003e\u003cstrong\u003ePatchs à poser sur la plante des pieds pour aider le corps à éliminer les toxines.\u003c\/strong\u003e Pollution, alimentation, eau du robinet, amalgames dentaires, vaccins, alcool, tabac... accumulent dans notre corps des \u003cstrong\u003etoxines et métaux lourds\u003c\/strong\u003e aux effets dévastateurs. Quand nos fonctions métaboliques naturelles n'arrivent plus à éliminer ces excès, notre organisme réagit : maux de tête, fatigue, digestion lente, rétention d'eau...\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- MÉDECINE ASIATIQUE --\u003e\n\u003csection class=\"pd-section\"\u003e\n \u003cdiv class=\"pd-tradition-box\"\u003e\n \u003cdiv class=\"pd-tradition-icon\"\u003e☯️\u003c\/div\u003e\n \u003cdiv class=\"pd-tradition-content\"\u003e\n \u003ch2\u003eSagesse asiatique millénaire\u003c\/h2\u003e\n \u003cp\u003eDans la \u003cstrong\u003emédecine traditionnelle asiatique\u003c\/strong\u003e, il est acquis depuis 5 000 ans que les déchets sont repoussés par le cœur et se concentrent sous les pieds. Selon un vieux dicton : \u003cem\u003e\"Le pied est le miroir de notre corps\"\u003c\/em\u003e. Sous les pieds, considérés comme le \u003cstrong\u003esecond cœur\u003c\/strong\u003e, on dénombre \u003cstrong\u003e62 points d'acupuncture\u003c\/strong\u003e en relation avec les organes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INGRÉDIENTS --\u003e\n\u003csection class=\"pd-section\"\u003e\n \u003ch2\u003e\u003cstrong\u003eLes 6 ingrédients actifs\u003c\/strong\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"pd-ingredients-grid\"\u003e\n \u003carticle class=\"pd-ingredient-card pd-ingredient-featured\"\u003e\n \u003cdiv class=\"pd-ingredient-header\"\u003e\n \u003cdiv class=\"pd-ingredient-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eTourmaline\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-ingredient-body\"\u003e\n \u003cp\u003eMinéral exceptionnel reconnu pour \u003cstrong\u003eaméliorer la circulation du sang\u003c\/strong\u003e par effet de rayons infrarouge. Ionise et active les molécules, provoquant l'élimination des molécules étrangères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"pd-ingredient-card pd-ingredient-featured\"\u003e\n \u003cdiv class=\"pd-ingredient-header\"\u003e\n \u003cdiv class=\"pd-ingredient-icon\"\u003e🌳\u003c\/div\u003e\n \u003ch3\u003eVinaigre de bois\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-ingredient-body\"\u003e\n \u003cp\u003eContient plus de \u003cstrong\u003e200 éléments\u003c\/strong\u003e reconnus pour favoriser l'extraction des toxines du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"pd-ingredient-card\"\u003e\n \u003cdiv class=\"pd-ingredient-header\"\u003e\n \u003cdiv class=\"pd-ingredient-icon\"\u003e🧪\u003c\/div\u003e\n \u003ch3\u003eSilice\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-ingredient-body\"\u003e\n \u003cp\u003eSubstance fortement \u003cstrong\u003efluide et poreuse\u003c\/strong\u003e qui favorise l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"pd-ingredient-card\"\u003e\n \u003cdiv class=\"pd-ingredient-header\"\u003e\n \u003cdiv class=\"pd-ingredient-icon\"\u003e💠\u003c\/div\u003e\n \u003ch3\u003ePerlite\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-ingredient-body\"\u003e\n \u003cp\u003eRoche cristalline qui améliore la \u003cstrong\u003efluidité et l'absorption\u003c\/strong\u003e des déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"pd-ingredient-card\"\u003e\n \u003cdiv class=\"pd-ingredient-header\"\u003e\n \u003cdiv class=\"pd-ingredient-icon\"\u003e🦀\u003c\/div\u003e\n \u003ch3\u003eChitosan\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-ingredient-body\"\u003e\n \u003cp\u003eCarapace de crabe, substance moléculaire \u003cstrong\u003ehydrosoluble\u003c\/strong\u003e favorisant l'élimination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"pd-ingredient-card\"\u003e\n \u003cdiv class=\"pd-ingredient-header\"\u003e\n \u003cdiv class=\"pd-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eArmoise\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-ingredient-body\"\u003e\n \u003cp\u003eHerbe médicinale reconnue pour \u003cstrong\u003eréchauffer le corps\u003c\/strong\u003e et favoriser la détox.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- LES 3 ZONES --\u003e\n\u003csection class=\"pd-section\"\u003e\n \u003ch2\u003e\u003cstrong\u003eLes 3 zones de réflexologie plantaire\u003c\/strong\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"pd-zones-intro\"\u003e\n \u003cp\u003eLes patchs s'appliquent sur 3 zones spécifiques en lien avec \u003cstrong\u003e62 points d'acupuncture\u003c\/strong\u003e reliés aux organes. Respectez l'ordre des zones pour une détoxification progressive et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-zones-grid\"\u003e\n \u003carticle class=\"pd-zone-card pd-zone-1\"\u003e\n \u003cdiv class=\"pd-zone-header\"\u003e\n \u003cdiv class=\"pd-zone-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eZone 1 • Milieu du pied\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-zone-body\"\u003e\n \u003ch4\u003eOrganes vitaux de détoxification\u003c\/h4\u003e\n \u003cdiv class=\"pd-zone-organs\"\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🫀 Foie\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🫘 Reins\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🦠 Intestins\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🫁 Estomac\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e💪 Rate\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🦴 Pancréas\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🫀 Hanches\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🦴 Dorsales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"pd-zone-priority\"\u003e🎯 \u003cstrong\u003ePRIORITAIRE\u003c\/strong\u003e - Commencer par cette zone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"pd-zone-card pd-zone-2\"\u003e\n \u003cdiv class=\"pd-zone-header\"\u003e\n \u003cdiv class=\"pd-zone-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eZone 2 • Voûte plantaire\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-zone-body\"\u003e\n \u003ch4\u003eSystème reproducteur \u0026amp; mobilité\u003c\/h4\u003e\n \u003cdiv class=\"pd-zone-organs\"\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🫄 Vessie\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🦴 Lombaires\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🦵 Genoux\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🔵 Colon\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🫀 Prostate\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e💫 Libido\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e⚡ Nerf sciatique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"pd-zone-priority\"\u003e⏭️ \u003cstrong\u003e2ÈME PHASE\u003c\/strong\u003e - Après la zone 1\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"pd-zone-card pd-zone-3\"\u003e\n \u003cdiv class=\"pd-zone-header\"\u003e\n \u003cdiv class=\"pd-zone-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eZone 3 • Bas du pied\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-zone-body\"\u003e\n \u003ch4\u003eSystème respiratoire \u0026amp; sensoriel\u003c\/h4\u003e\n \u003cdiv class=\"pd-zone-organs\"\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🫁 Poumons\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🫁 Bronches\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🦴 Thyroïde\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e👂 Oreilles\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e🦴 Cervicales\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e❤️ Cœur\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e👁️ Yeux\u003c\/span\u003e\n \u003cspan class=\"pd-organ-tag\"\u003e💪 Épaules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"pd-zone-priority\"\u003e🏁 \u003cstrong\u003ePHASE FINALE\u003c\/strong\u003e - En dernier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"pd-section\"\u003e\n \u003ch2\u003e\u003cstrong\u003eMode d'emploi\u003c\/strong\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"pd-usage-steps\"\u003e\n \u003cdiv class=\"pd-step-card\"\u003e\n \u003cdiv class=\"pd-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pd-step-content\"\u003e\n \u003ch4\u003e🌙 Le soir au coucher\u003c\/h4\u003e\n \u003cp\u003ePlacez \u003cstrong\u003eun patch sous chaque pied\u003c\/strong\u003e, au même endroit (zones 1, 2 ou 3 selon votre programme).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-step-card\"\u003e\n \u003cdiv class=\"pd-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pd-step-content\"\u003e\n \u003ch4\u003e📎 Fixation\u003c\/h4\u003e\n \u003cp\u003eFixez facilement avec l'\u003cstrong\u003eadhésif fourni\u003c\/strong\u003e. Le patch reste en place toute la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-step-card\"\u003e\n \u003cdiv class=\"pd-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pd-step-content\"\u003e\n \u003ch4\u003e😴 Laissez agir\u003c\/h4\u003e\n \u003cp\u003eDormez normalement. Les patchs \u003cstrong\u003eextraient progressivement les toxines\u003c\/strong\u003e pendant votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-step-card\"\u003e\n \u003cdiv class=\"pd-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pd-step-content\"\u003e\n \u003ch4\u003e🌅 Le matin\u003c\/h4\u003e\n \u003cp\u003eLes patchs sont \u003cstrong\u003emouillés, de couleur brune\u003c\/strong\u003e et dégagent une odeur. Jetez-les, ils sont à usage unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-evolution-box\"\u003e\n \u003ch3\u003e📊 Évolution au fil des jours\u003c\/h3\u003e\n \u003cdiv class=\"pd-evolution-timeline\"\u003e\n \u003cdiv class=\"pd-evolution-stage\"\u003e\n \u003cdiv class=\"pd-evolution-icon\"\u003e🟤\u003c\/div\u003e\n \u003ch4\u003eDébut de cure\u003c\/h4\u003e\n \u003cp\u003eLe patch est \u003cstrong\u003etrès gras, saturé d'humidité\u003c\/strong\u003e. Votre pied est gluant et collant. Bon lavage nécessaire !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-evolution-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"pd-evolution-stage\"\u003e\n \u003cdiv class=\"pd-evolution-icon\"\u003e🟡\u003c\/div\u003e\n \u003ch4\u003eProgression\u003c\/h4\u003e\n \u003cp\u003eLe patch reste mouillé et coloré, mais \u003cstrong\u003en'est plus saturé\u003c\/strong\u003e. Votre pied reste sec après retrait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-evolution-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"pd-evolution-stage\"\u003e\n \u003cdiv class=\"pd-evolution-icon\"\u003e✅\u003c\/div\u003e\n \u003ch4\u003eDétoxification avancée\u003c\/h4\u003e\n \u003cp\u003eLes patchs sont de moins en moins chargés. Signe que votre corps \u003cstrong\u003eélimine ses toxines\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- PROGRAMMES DE CURE --\u003e\n\u003csection class=\"pd-section\"\u003e\n \u003ch2\u003e\u003cstrong\u003eProgrammes de cure adaptés\u003c\/strong\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"pd-programs-grid\"\u003e\n \u003carticle class=\"pd-program-card\"\u003e\n \u003cdiv class=\"pd-program-badge\"\u003eSIMPLE\u003c\/div\u003e\n \u003ch3\u003eAction de base • 1 zone\u003c\/h3\u003e\n \u003cdiv class=\"pd-program-duration\"\u003e\n \u003cdiv class=\"pd-program-number\"\u003e20\u003c\/div\u003e\n \u003cdiv class=\"pd-program-label\"\u003epatchs\u003cbr\u003e10 jours\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-program-details\"\u003e\n \u003ch4\u003eProgramme :\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eZone 1\u003c\/strong\u003e (milieu du pied) pendant 10 jours\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"pd-program-target\"\u003e🎯 Idéal pour : Détox légère des organes vitaux (foie, reins, intestins)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"pd-program-card pd-program-recommended\"\u003e\n \u003cdiv class=\"pd-program-badge\"\u003eRECOMMANDÉ\u003c\/div\u003e\n \u003ch3\u003eAction complète • 3 zones\u003c\/h3\u003e\n \u003cdiv class=\"pd-program-duration\"\u003e\n \u003cdiv class=\"pd-program-number\"\u003e40\u003c\/div\u003e\n \u003cdiv class=\"pd-program-label\"\u003epatchs\u003cbr\u003e20 jours\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-program-details\"\u003e\n \u003ch4\u003eProgramme :\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eZone 1\u003c\/strong\u003e pendant 10 jours\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZone 2\u003c\/strong\u003e pendant 5 jours\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZone 3\u003c\/strong\u003e pendant 5 jours\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"pd-program-target\"\u003e🎯 Idéal pour : Détox complète de tous les systèmes (digestif, reproducteur, respiratoire)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"pd-program-card\"\u003e\n \u003cdiv class=\"pd-program-badge\"\u003eINTENSIF\u003c\/div\u003e\n \u003ch3\u003eAction renforcée • 3 zones\u003c\/h3\u003e\n \u003cdiv class=\"pd-program-duration\"\u003e\n \u003cdiv class=\"pd-program-number\"\u003e60\u003c\/div\u003e\n \u003cdiv class=\"pd-program-label\"\u003epatchs\u003cbr\u003e30 jours\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-program-details\"\u003e\n \u003ch4\u003eProgramme :\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eZone 1\u003c\/strong\u003e pendant 15 jours\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZone 2\u003c\/strong\u003e pendant 10 jours\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZone 3\u003c\/strong\u003e pendant 5 jours\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"pd-program-target\"\u003e🎯 Idéal pour : Détox profonde et durable, fatigue chronique, exposition importante aux toxines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-program-note\"\u003e\n \u003cstrong\u003e⚠️ Important :\u003c\/strong\u003e Faire les trois zones \u003cstrong\u003edans l'ordre indiqué\u003c\/strong\u003e (1 → 2 → 3) pour une détoxification progressive et efficace.\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"pd-section\"\u003e\n \u003ch2\u003e\u003cstrong\u003eSymptômes soulagés\u003c\/strong\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"pd-symptoms-grid\"\u003e\n \u003cdiv class=\"pd-symptom-card\"\u003e\n \u003cdiv class=\"pd-symptom-icon\"\u003e🤕\u003c\/div\u003e\n \u003cspan\u003eMaux de tête\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-symptom-card\"\u003e\n \u003cdiv class=\"pd-symptom-icon\"\u003e😴\u003c\/div\u003e\n \u003cspan\u003eFatigue chronique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-symptom-card\"\u003e\n \u003cdiv class=\"pd-symptom-icon\"\u003e🤧\u003c\/div\u003e\n \u003cspan\u003eAllergies\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-symptom-card\"\u003e\n \u003cdiv class=\"pd-symptom-icon\"\u003e😷\u003c\/div\u003e\n \u003cspan\u003eAsthme \u0026amp; Toux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-symptom-card\"\u003e\n \u003cdiv class=\"pd-symptom-icon\"\u003e💤\u003c\/div\u003e\n \u003cspan\u003eInsomnie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-symptom-card\"\u003e\n \u003cdiv class=\"pd-symptom-icon\"\u003e🫃\u003c\/div\u003e\n \u003cspan\u003eDigestion lente\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-symptom-card\"\u003e\n \u003cdiv class=\"pd-symptom-icon\"\u003e💧\u003c\/div\u003e\n \u003cspan\u003eRétention d'eau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-symptom-card\"\u003e\n \u003cdiv class=\"pd-symptom-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cspan\u003ePrise de poids\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"pd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pd-cta-box\"\u003e\n \u003cdiv class=\"pd-cta-icon\"\u003e🦶\u003c\/div\u003e\n \u003cp\u003eLibérez votre corps des \u003cstrong\u003etoxines et métaux lourds\u003c\/strong\u003e accumulés grâce à la sagesse millénaire asiatique. Une méthode naturelle, simple et efficace pour \u003cstrong\u003eretrouver votre vitalité\u003c\/strong\u003e et votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ========== STYLE PREMIUM PATCHS DÉTOX ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES PATCHS DÉTOX === *\/\n:root {\n --pd-cream: #faf8f5;\n --pd-white: #ffffff;\n --pd-green: #a8c084;\n --pd-green-dark: #7a9a5f;\n --pd-sage: #8fa875;\n --pd-earth: #c4a876;\n --pd-orange: #e8985e;\n --pd-sand: #d9c6a8;\n --pd-leaf: #9db380;\n --pd-text: #2a2a2a;\n --pd-text-light: #5a5a5a;\n --pd-border: #e5e0d8;\n --pd-shadow: 0 4px 24px rgba(168, 192, 132, .12);\n --pd-shadow-lg: 0 12px 48px rgba(168, 192, 132, .2);\n --pd-radius: 20px;\n --pd-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pd-hero {\n position: relative;\n background: linear-gradient(135deg, #a8c084 0%, #8fa875 50%, #c4a876 100%);\n border-radius: var(--pd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--pd-shadow-lg);\n}\n\n.pd-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.pd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pd-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.pd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pd-green-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.pd-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n margin: 0;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.pd-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.pd-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.pd-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--pd-green-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pd-green), var(--pd-earth));\n border-radius: 2px;\n}\n\n\/* === TRADITION BOX === *\/\n.pd-tradition-box {\n background: linear-gradient(135deg, rgba(168, 192, 132, .1) 0%, rgba(143, 168, 117, .1) 100%);\n border: 2px solid var(--pd-green);\n border-radius: var(--pd-radius);\n padding: 2.5rem 3rem;\n display: flex;\n gap: 2rem;\n align-items: center;\n}\n\n.pd-tradition-icon {\n font-size: 72px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(168, 192, 132, .3));\n}\n\n.pd-tradition-content h2 {\n font-size: 24px;\n font-weight: 800;\n color: var(--pd-green-dark);\n margin: 0 0 1rem 0;\n text-align: left;\n padding: 0;\n letter-spacing: -.02em;\n}\n\n.pd-tradition-content h2::after {\n display: none;\n}\n\n.pd-tradition-content p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n color: var(--pd-text-light);\n margin: 0;\n}\n\n.pd-tradition-content em {\n font-style: italic;\n color: var(--pd-green-dark);\n font-weight: 600;\n}\n\n.pd-tradition-content strong {\n color: var(--pd-green-dark);\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .pd-tradition-box {\n flex-direction: column;\n text-align: center;\n }\n \n .pd-tradition-content h2 {\n text-align: center;\n }\n}\n\n\/* === INGREDIENTS GRID === *\/\n.pd-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.pd-ingredient-card {\n background: var(--pd-white);\n border-radius: var(--pd-radius);\n overflow: hidden;\n box-shadow: var(--pd-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.pd-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pd-shadow-lg);\n border-color: var(--pd-green);\n}\n\n.pd-ingredient-featured {\n background: linear-gradient(135deg, rgba(168, 192, 132, .05) 0%, rgba(143, 168, 117, .05) 100%);\n border: 2px solid var(--pd-green);\n}\n\n.pd-ingredient-header {\n background: linear-gradient(135deg, var(--pd-green) 0%, var(--pd-sage) 100%);\n padding: 1.5rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.pd-ingredient-icon {\n font-size: 36px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));\n}\n\n.pd-ingredient-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: white;\n margin: 0;\n letter-spacing: -.02em;\n}\n\n.pd-ingredient-body {\n padding: 1.5rem;\n}\n\n.pd-ingredient-body p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--pd-text-light);\n margin: 0;\n}\n\n.pd-ingredient-body strong {\n color: var(--pd-green-dark);\n font-weight: 700;\n}\n\n\/* === ZONES === *\/\n.pd-zones-intro {\n background: var(--pd-white);\n border-radius: var(--pd-radius-sm);\n padding: 1.5rem 2rem;\n margin-bottom: 2rem;\n box-shadow: var(--pd-shadow);\n border-left: 4px solid var(--pd-orange);\n text-align: center;\n}\n\n.pd-zones-intro p {\n font-size: 16px;\n line-height: 1.7;\n color: var(--pd-text-light);\n margin: 0;\n}\n\n.pd-zones-intro strong {\n color: var(--pd-green-dark);\n font-weight: 700;\n}\n\n.pd-zones-grid {\n display: grid;\n gap: 2rem;\n}\n\n.pd-zone-card {\n background: var(--pd-white);\n border-radius: var(--pd-radius);\n overflow: hidden;\n box-shadow: var(--pd-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.pd-zone-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--pd-shadow-lg);\n}\n\n.pd-zone-1 {\n border-color: var(--pd-green);\n}\n\n.pd-zone-2 {\n border-color: var(--pd-sage);\n}\n\n.pd-zone-3 {\n border-color: var(--pd-earth);\n}\n\n.pd-zone-header {\n background: linear-gradient(135deg, var(--pd-green) 0%, var(--pd-sage) 100%);\n padding: 1.5rem 2rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.pd-zone-2 .pd-zone-header {\n background: linear-gradient(135deg, var(--pd-sage) 0%, var(--pd-leaf) 100%);\n}\n\n.pd-zone-3 .pd-zone-header {\n background: linear-gradient(135deg, var(--pd-earth) 0%, var(--pd-orange) 100%);\n}\n\n.pd-zone-number {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: white;\n color: var(--pd-green-dark);\n font-size: 24px;\n font-weight: 900;\n display: grid;\n place-items: center;\n flex-shrink: 0;\n box-shadow: 0 4px 12px rgba(0,0,0,.15);\n}\n\n.pd-zone-header h3 {\n font-size: 20px;\n font-weight: 800;\n color: white;\n margin: 0;\n letter-spacing: -.02em;\n}\n\n.pd-zone-body {\n padding: 2rem;\n}\n\n.pd-zone-body h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--pd-green-dark);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.pd-zone-organs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 1rem;\n}\n\n.pd-organ-tag {\n display: inline-block;\n padding: 6px 12px;\n background: linear-gradient(135deg, rgba(168, 192, 132, .1) 0%, rgba(143, 168, 117, .1) 100%);\n border: 1px solid var(--pd-green);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--pd-text);\n}\n\n.pd-zone-priority {\n font-size: 14px;\n font-weight: 700;\n color: var(--pd-green-dark);\n margin: 0;\n padding: 0.75rem 1rem;\n background: rgba(168, 192, 132, .15);\n border-radius: var(--pd-radius-sm);\n border-left: 3px solid var(--pd-green);\n}\n\n\/* === USAGE STEPS === *\/\n.pd-usage-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n@media (min-width: 768px) {\n .pd-usage-steps {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.pd-step-card {\n background: var(--pd-white);\n border-radius: var(--pd-radius);\n padding: 1.75rem;\n box-shadow: var(--pd-shadow);\n display: flex;\n gap: 1.25rem;\n transition: all .3s ease;\n border-left: 4px solid var(--pd-green);\n}\n\n.pd-step-card:hover {\n transform: translateX(8px);\n box-shadow: var(--pd-shadow-lg);\n}\n\n.pd-step-number {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--pd-green) 0%, var(--pd-sage) 100%);\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: grid;\n place-items: center;\n flex-shrink: 0;\n box-shadow: 0 4px 12px rgba(168, 192, 132, .2);\n}\n\n.pd-step-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--pd-green-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.pd-step-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--pd-text-light);\n margin: 0;\n}\n\n.pd-step-content strong {\n color: var(--pd-green-dark);\n font-weight: 700;\n}\n\n\/* === EVOLUTION BOX === *\/\n.pd-evolution-box {\n background: var(--pd-white);\n border-radius: var(--pd-radius);\n padding: 2rem 2.5rem;\n box-shadow: var(--pd-shadow);\n margin-top: 2rem;\n border: 2px solid var(--pd-earth);\n}\n\n.pd-evolution-box h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--pd-green-dark);\n margin: 0 0 1.5rem 0;\n text-align: center;\n letter-spacing: -.02em;\n}\n\n.pd-evolution-timeline {\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.pd-evolution-stage {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 1.25rem;\n background: linear-gradient(135deg, rgba(168, 192, 132, .05) 0%, rgba(143, 168, 117, .05) 100%);\n border-radius: var(--pd-radius-sm);\n}\n\n.pd-evolution-icon {\n font-size: 40px;\n margin-bottom: 0.5rem;\n}\n\n.pd-evolution-stage h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--pd-green-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.pd-evolution-stage p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--pd-text-light);\n margin: 0;\n}\n\n.pd-evolution-stage strong {\n color: var(--pd-green-dark);\n font-weight: 700;\n}\n\n.pd-evolution-arrow {\n font-size: 32px;\n color: var(--pd-green);\n font-weight: 900;\n flex-shrink: 0;\n}\n\n@media (max-width: 767px) {\n .pd-evolution-timeline {\n flex-direction: column;\n }\n \n .pd-evolution-arrow {\n transform: rotate(90deg);\n }\n}\n\n\/* === PROGRAMS GRID === *\/\n.pd-programs-grid {\n display: grid;\n gap: 2rem;\n}\n\n@media (min-width: 768px) {\n .pd-programs-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.pd-program-card {\n background: var(--pd-white);\n border-radius: 24px;\n padding: 2rem;\n box-shadow: var(--pd-shadow);\n transition: all .3s ease;\n border: 2px solid var(--pd-border);\n position: relative;\n overflow: hidden;\n}\n\n.pd-program-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pd-shadow-lg);\n border-color: var(--pd-green);\n}\n\n.pd-program-recommended {\n border: 2px solid var(--pd-orange);\n background: linear-gradient(135deg, rgba(232, 152, 94, .03) 0%, rgba(196, 168, 118, .03) 100%);\n}\n\n.pd-program-badge {\n position: absolute;\n top: 18px;\n right: -32px;\n background: linear-gradient(135deg, var(--pd-green) 0%, var(--pd-sage) 100%);\n color: white;\n padding: 5px 35px;\n font-size: 9px;\n font-weight: 900;\n letter-spacing: 1px;\n transform: rotate(45deg);\n box-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.pd-program-recommended .pd-program-badge {\n background: linear-gradient(135deg, var(--pd-orange) 0%, var(--pd-earth) 100%);\n}\n\n.pd-program-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--pd-text);\n margin: 0 0 1.5rem 0;\n text-align: center;\n letter-spacing: -.02em;\n}\n\n.pd-program-duration {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n padding: 1.5rem;\n background: linear-gradient(135deg, rgba(168, 192, 132, .1) 0%, rgba(143, 168, 117, .1) 100%);\n border-radius: var(--pd-radius-sm);\n}\n\n.pd-program-number {\n font-size: 56px;\n font-weight: 900;\n color: var(--pd-green-dark);\n line-height: 1;\n letter-spacing: -.04em;\n}\n\n.pd-program-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--pd-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n line-height: 1.3;\n}\n\n.pd-program-details h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--pd-green-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.pd-program-details ul {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.pd-program-details li {\n font-size: 14px;\n line-height: 1.6;\n color: var(--pd-text-light);\n margin-bottom: 0.5rem;\n position: relative;\n padding-left: 1.5rem;\n}\n\n.pd-program-details li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--pd-green);\n font-weight: 900;\n font-size: 16px;\n}\n\n.pd-program-details li strong {\n color: var(--pd-green-dark);\n font-weight: 700;\n}\n\n.pd-program-target {\n font-size: 13px;\n font-weight: 600;\n color: var(--pd-text);\n margin: 0;\n padding: 0.75rem 1rem;\n background: rgba(168, 192, 132, .1);\n border-radius: var(--pd-radius-sm);\n border-left: 3px solid var(--pd-green);\n}\n\n.pd-program-note {\n background: #fff8e6;\n border: 2px solid #f59e0b;\n border-left-width: 4px;\n border-radius: var(--pd-radius-sm);\n padding: 1.25rem 1.5rem;\n font-size: 15px;\n line-height: 1.6;\n color: #92400e;\n margin-top: 2rem;\n text-align: center;\n}\n\n.pd-program-note strong {\n font-weight: 800;\n color: #92400e;\n}\n\n\/* === SYMPTOMS GRID === *\/\n.pd-symptoms-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.pd-symptom-card {\n background: linear-gradient(135deg, rgba(168, 192, 132, .08) 0%, rgba(143, 168, 117, .08) 100%);\n border: 2px solid var(--pd-border);\n border-radius: var(--pd-radius-sm);\n padding: 1.25rem;\n text-align: center;\n transition: all .3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-symptom-card:hover {\n border-color: var(--pd-green);\n transform: translateY(-4px);\n box-shadow: var(--pd-shadow);\n}\n\n.pd-symptom-icon {\n font-size: 32px;\n}\n\n.pd-symptom-card span {\n font-size: 14px;\n font-weight: 700;\n color: var(--pd-text);\n}\n\n\/* === CTA BOX === *\/\n.pd-cta-box {\n background: linear-gradient(135deg, var(--pd-green) 0%, var(--pd-sage) 100%);\n border-radius: var(--pd-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n box-shadow: var(--pd-shadow-lg);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n}\n\n.pd-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.pd-cta-icon {\n font-size: 80px;\n filter: drop-shadow(0 4px 16px rgba(0,0,0,.15));\n position: relative;\n z-index: 1;\n}\n\n.pd-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n margin: 0;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n position: relative;\n z-index: 1;\n max-width: 850px;\n}\n\n.pd-cta-box strong {\n color: white;\n font-weight: 800;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pd-ingredient-card,\n .pd-zone-card,\n .pd-step-card,\n .pd-program-card,\n .pd-symptom-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .pd-ingredient-card:nth-child(1),\n .pd-zone-card:nth-child(1),\n .pd-step-card:nth-child(1),\n .pd-program-card:nth-child(1),\n .pd-symptom-card:nth-child(1) { animation-delay: .1s; }\n \n .pd-ingredient-card:nth-child(2),\n .pd-zone-card:nth-child(2),\n .pd-step-card:nth-child(2),\n .pd-program-card:nth-child(2),\n .pd-symptom-card:nth-child(2) { animation-delay: .2s; }\n \n .pd-ingredient-card:nth-child(3),\n .pd-zone-card:nth-child(3),\n .pd-step-card:nth-child(3),\n .pd-program-card:nth-child(3),\n .pd-symptom-card:nth-child(3) { animation-delay: .3s; }\n \n .pd-ingredient-card:nth-child(4),\n .pd-step-card:nth-child(4),\n .pd-symptom-card:nth-child(4) { animation-delay: .4s; }\n \n .pd-ingredient-card:nth-child(5),\n .pd-symptom-card:nth-child(5) { animation-delay: .5s; }\n \n .pd-ingredient-card:nth-child(6),\n .pd-symptom-card:nth-child(6) { animation-delay: .6s; }\n \n .pd-symptom-card:nth-child(7) { animation-delay: .7s; }\n .pd-symptom-card:nth-child(8) { animation-delay: .8s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .pd-premium {\n --pd-green: #7a9a5f;\n --pd-green-dark: #5f7a4a;\n }\n}\n\u003c\/style\u003e","brand":"JP NATURE","offers":[{"title":"Default Title","offer_id":45755324596381,"sku":"DETOXPATCH","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/patch-detox-pieds_jpnature_11zon.jpg?v=1766768242"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/best-seller.oembed?page=4","provider":"Naturellement Bio","version":"1.0","type":"link"}