{"title":"Vision et Vue","description":"\u003cp\u003eLes yeux qui piquent après une journée d'écran, une vue qui se brouille le soir, la gêne en voiture de nuit : nos yeux travaillent sans relâche, et leurs besoins augmentent avec l'âge. Un complément alimentaire pour les yeux peut vous aider à couvrir vos apports en nutriments dont le rôle est reconnu. Notre conseil, avant tout : un contrôle régulier chez l'ophtalmologue, qu'aucun complément ne remplace.\u003c\/p\u003e\n\u003ch2\u003ePar où commencer ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVous mangez peu de poisson gras\u003c\/strong\u003e : le DHA, un oméga-3, contribue au maintien d'une vision normale, à partir de 250 mg par jour.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVous voulez une formule dédiée\u003c\/strong\u003e : elle associe souvent la lutéine, la myrtille, le zinc et la vitamine A, qui contribuent eux aussi au maintien d'une vision normale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVos yeux fatiguent surtout le soir\u003c\/strong\u003e : la myrtille est traditionnellement utilisée pour la vision du soir.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eQuel complément pour les yeux choisir ?\u003c\/h2\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; background-color: #fdf6f0; font-family: inherit; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f0e0d0;\"\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eVotre situation\u003c\/th\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eNotre conseil\u003c\/th\u003e\n\u003cth style=\"padding: 12px 14px; border: 1px solid #e8d5c4; text-align: left;\"\u003eProduits\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous voulez une formule dédiée\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLutéine, zinc et vitamine A réunis : le plus simple pour couvrir ses apports\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/phyco-vision-life-s-code-phycocyanine-200mg-7-actifs-vue\" title=\"Phyco-Vision – Life's Code\"\u003ePhyco-Vision Life's Code\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/lutea-60-gelules-laboratoire-code\" title=\"Lutéa – Laboratoire Code\"\u003eLutéa Laboratoire Code\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous mangez peu de poisson gras\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eMisez sur le DHA, au rôle le mieux établi : il contribue au maintien d'une vision normale\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/omega-3-age-well-60-capsules-humble\" title=\"Oméga 3 Age-Well – Humble+\"\u003eOméga 3 Age-Well Humble+\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/omega-3-caps-epa-dha-inolab\" title=\"Omega 3 Caps EPA \u0026amp; DHA – Inolab\"\u003eOmega 3 Caps EPA \u0026amp; DHA Inolab\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVos yeux fatiguent le soir\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLa myrtille, traditionnellement utilisée pour la vision du soir\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/myrti-jade-poudre-de-myrtille-concentree-200-g-jade-recherche\" title=\"Myrti jade – Jade Recherche\"\u003eMyrti jade Jade Recherche\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/myrtille-acerola-graine-sauvage\" title=\"Myrtille Acérola Bio – Graine Sauvage\"\u003eMyrtille Acérola Bio Graine Sauvage\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous voulez compléter une formule yeux\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eAjoutez de l'astaxanthine, un pigment rouge tiré d'une micro-algue\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\u003cli\u003e\u003ca href=\"\/products\/astaxanthine-bio-30-gelules-aosa-veritable\" title=\"Astaxanthine bio – Aosa Véritable\"\u003eAstaxanthine bio Aosa Véritable\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous voulez cibler les micronutriments\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eCiblez le zinc et la vitamine A, qui contribuent au maintien d'une vision normale\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/zinc-plus-500-ml\" title=\"ZINC PLUS Catalyons\"\u003eZINC PLUS Catalyons\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/selenium-ace-120-gelules-sfb\" title=\"Selenium + ACE – SFB\"\u003eSelenium + ACE SFB\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fef9f5;\"\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVous aimez les remèdes en gouttes\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eDes complexes de bourgeons pour les yeux\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/oculo-gouttes-10-ml-alphagem\" title=\"Oculo Gouttes – Alphagem\"\u003eOculo Gouttes Alphagem\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/gem-oculo-12-bio-15-ml-alphagem\" title=\"Gem-Oculo 12 Bio – Alphagem\"\u003eGem-Oculo 12 Bio Alphagem\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eC'est pour votre enfant\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eDes capsules à mâcher, plus faciles à faire accepter qu'une huile\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\u003cli\u003e\u003ca href=\"\/products\/omega-3-enfants-60-capsules-lysi\" title=\"Oméga 3 pour Enfants – Lysi\"\u003eOméga 3 pour Enfants Lysi\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eDHA, lutéine, myrtille : qui fait quoi ?\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eDHA\u003c\/strong\u003e est présent en grande quantité dans la rétine : c'est l'actif dont le rôle sur la vision est le mieux établi. Le \u003cstrong\u003ezinc\u003c\/strong\u003e et la \u003cstrong\u003evitamine A\u003c\/strong\u003e contribuent aussi au maintien d'une vision normale ; le bêta-carotène, que le corps transforme en vitamine A, se trouve dans les carottes et les épinards. La \u003cstrong\u003elutéine\u003c\/strong\u003e, présente dans les légumes verts, se concentre naturellement dans la rétine. La \u003cstrong\u003emyrtille\u003c\/strong\u003e est traditionnellement utilisée pour la vision, et l'\u003cstrong\u003eastaxanthine\u003c\/strong\u003e est un pigment rouge issu d'une micro-algue.\u003c\/p\u003e\n\u003ch2\u003ePrendre soin de ses yeux au quotidien\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eDevant un écran, appliquez la règle 20-20-20 : toutes les 20 minutes, regardez à 6 mètres pendant 20 secondes.\u003c\/li\u003e\n\u003cli\u003ePortez des lunettes de soleil de qualité, surtout en montagne et à la mer.\u003c\/li\u003e\n\u003cli\u003eMangez des légumes verts, des fruits colorés et du poisson gras chaque semaine.\u003c\/li\u003e\n\u003cli\u003eFaites contrôler votre vue tous les ans après 50 ans. Une baisse de vision brutale, des lignes déformées ou une douleur à l'œil imposent de consulter rapidement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePour les yeux, et au-delà\u003c\/h2\u003e\n\u003cp\u003eLe DHA de vos yeux se trouve aussi dans nos \u003ca href=\"\/collections\/omega-3\"\u003eoméga-3\u003c\/a\u003e, avec un choix de sources plus large. La lutéine et l'astaxanthine ont leurs cousins dans nos \u003ca href=\"\/collections\/antioxydants\"\u003eantioxydants\u003c\/a\u003e, et si c'est plutôt la tête qui fatigue devant l'écran, voyez notre sélection \u003ca href=\"\/collections\/memoire-concentration\"\u003emémoire et concentration\u003c\/a\u003e.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eVos questions sur la vue\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel complément alimentaire pour les yeux ?\u003c\/summary\u003e\n\u003cp\u003eLe DHA, le zinc et la vitamine A contribuent au maintien d'une vision normale. Les formules dédiées aux yeux les associent souvent à la lutéine, à la myrtille ou à des antioxydants. Choisissez selon vos besoins, et demandez conseil à votre ophtalmologue si vous avez une maladie de l'œil.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eUn complément peut-il améliorer la vue ?\u003c\/summary\u003e\n\u003cp\u003eIl ne corrige pas un défaut de vision comme la myopie ou la presbytie. Il aide à couvrir les besoins en nutriments qui contribuent au maintien d'une vision normale, surtout si votre alimentation en apporte peu.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes oméga-3 sont-ils bons pour les yeux ?\u003c\/summary\u003e\n\u003cp\u003eOui, le DHA contribue au maintien d'une vision normale, avec 250 mg par jour. On le trouve dans les poissons gras (sardine, maquereau, saumon) et dans les compléments d'huile de poisson ou de DHA d'algue.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLa myrtille est-elle bonne pour la vision ?\u003c\/summary\u003e\n\u003cp\u003eLa myrtille est traditionnellement utilisée pour la vision, en particulier la vision du soir. Elle se prend en poudre, en gélules ou dans des formules dédiées aux yeux.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment soulager des yeux fatigués par les écrans ?\u003c\/summary\u003e\n\u003cp\u003eFaites des pauses régulières en regardant au loin, pensez à cligner des yeux, réglez la luminosité de l'écran et tenez-le à bonne distance. Si la gêne persiste, un bilan de la vue permet de vérifier qu'une correction n'est pas nécessaire.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuand consulter un ophtalmologue ?\u003c\/summary\u003e\n\u003cp\u003eEn cas de baisse de vision, de lignes qui paraissent déformées, de tache dans le champ visuel, de douleur ou de rougeur de l'œil. Après 50 ans, un contrôle annuel permet de dépister tôt les maladies liées à l'âge.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n","products":[{"product_id":"gem-oculo-12-bio-50-ml-alphagem","title":"Gem-Oculo 12 Bio - 50 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Oculo 12 Bio - 50 Ml - Alphagem\nPalette détectée:\n - Primaire: #4a8c3f (vert nature du logo AlphaGem, feuille)\n - Secondaire: #5b3a1a (brun ambré du flacon en verre)\n - Accent: #6aab5e (vert clair de la feuille\/badge)\n - Fond: #f6f4ef (crème naturel doux)\nAmbiance: Naturel\/bio, gemmothérapie, santé visuelle, laboratoire belge, herboristerie traditionnelle\nPréfixe CSS: go\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Oculo 12 Bio Alphagem : le complexe de gemmothérapie dédié à votre confort visuel\"\n 2. \"Pourquoi choisir la gemmothérapie pour soutenir votre vision ?\"\n 3. \"Composition détaillée du Gem-Oculo 12 Bio\"\n 4. \"Conseils d'utilisation et posologie\"\n 5. \"À qui s'adresse ce complexe ?\"\n 6. \"La qualité Alphagem\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"go-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"go-hero\"\u003e\n \u003cdiv class=\"go-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"go-hero-content\"\u003e\n \u003cdiv class=\"go-badges-top\"\u003e\n \u003cspan class=\"go-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n \u003cspan class=\"go-badge\"\u003e👁️ Confort visuel\u003c\/span\u003e\n \u003cspan class=\"go-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n \u003cspan class=\"go-badge\"\u003e💧 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"go-hero-title\"\u003eGem-Oculo 12 Bio\u003c\/span\u003e\n \u003cp class=\"go-subtitle\"\u003eAlphagem — Gemmo-complexe n°12 Vue\u003c\/p\u003e\n \u003cp class=\"go-description\"\u003eTrois plantes bio et de la lutéine au service de vos yeux : myrtillier, genévrier et prêle, concentrés dans un macérat glycériné pour accompagner naturellement votre vision au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003eGem-Oculo 12 Bio Alphagem : le complexe de gemmothérapie dédié à votre confort visuel\u003c\/h2\u003e\n \u003cp class=\"go-section-intro\"\u003eVos yeux sont sollicités en permanence — écrans, lumière artificielle, fatigue quotidienne. Le \u003cstrong\u003eGem-Oculo 12 Bio\u003c\/strong\u003e d'Alphagem est un \u003cstrong\u003ecomplément alimentaire vision bio\u003c\/strong\u003e formulé en gemmothérapie pour accompagner naturellement le bien-être de vos yeux.\u003c\/p\u003e\n \u003cdiv class=\"go-grid-compact\"\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais\u003c\/h3\u003e\n \u003cp\u003eTissus embryonnaires récoltés au pic de vitalité pour un maximum de principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e👁️ Sphère oculaire\u003c\/h3\u003e\n \u003cp\u003e3 extraits végétaux et de la lutéine sélectionnés pour leur affinité avec la santé visuelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🔬 Gemmo-complexe\u003c\/h3\u003e\n \u003cp\u003eSynergie n°12 spécifiquement dédiée à la vue et au confort des yeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique, sans pesticides ni substances chimiques de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003ePourquoi choisir la gemmothérapie pour soutenir votre vision ?\u003c\/h2\u003e\n \u003cdiv class=\"go-card\" style=\"text-align:left;\"\u003e\n \u003cp\u003eLa gemmothérapie utilise l'énergie vitale concentrée dans les \u003cstrong\u003ebourgeons et jeunes pousses\u003c\/strong\u003e de plantes. Contrairement aux extraits de plantes adultes, ces tissus embryonnaires renferment l'ensemble des principes actifs à leur potentiel maximal : \u003cstrong\u003evitamines, oligo-éléments, flavonoïdes et anthocyanosides\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003eC'est cette richesse qui fait du Gem-Oculo 12 Bio un \u003cstrong\u003ecomplément alimentaire de vision\u003c\/strong\u003e particulièrement intéressant pour celles et ceux qui souhaitent prendre soin de leurs yeux de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-tip\"\u003e\n \u003cspan class=\"go-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLes bourgeons concentrent \u003cstrong\u003etout le potentiel génétique\u003c\/strong\u003e de la future plante : racines, tiges, feuilles, fleurs et fruits réunis dans un seul extrait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003eComposition détaillée du Gem-Oculo 12 Bio\u003c\/h2\u003e\n \u003cp class=\"go-section-intro\"\u003eChaque flacon de \u003cstrong\u003e50 ml\u003c\/strong\u003e contient les macérats glycérinés biologiques suivants :\u003c\/p\u003e\n \u003cdiv class=\"go-grid\"\u003e\n \u003cdiv class=\"go-card go-card-ingredient\"\u003e\n \u003ch3\u003e🫐 Jeunes pousses de feuilles de myrtillier\u003c\/h3\u003e\n \u003cp class=\"go-card-latin\"\u003eVaccinium myrtillus\u003c\/p\u003e\n \u003cp\u003eParticulièrement riches en \u003cstrong\u003eanthocyanosides\u003c\/strong\u003e, elles sont traditionnellement utilisées pour favoriser la \u003cstrong\u003evision nocturne\u003c\/strong\u003e et contribuer au renforcement des capillaires de la rétine. C'est l'ingrédient phare de ce complexe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card go-card-ingredient\"\u003e\n \u003ch3\u003e🌲 Feuilles de genévrier\u003c\/h3\u003e\n \u003cp class=\"go-card-latin\"\u003eJuniperus communis\u003c\/p\u003e\n \u003cp\u003eAppréciées pour leurs propriétés \u003cstrong\u003edrainantes et détoxifiantes\u003c\/strong\u003e, elles aident à soutenir le bon fonctionnement hépatique, organe étroitement lié à la santé oculaire en naturopathie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card go-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Jeunes pousses de prêle\u003c\/h3\u003e\n \u003cp class=\"go-card-latin\"\u003eEquisetum arvense\u003c\/p\u003e\n \u003cp\u003eNaturellement riches en \u003cstrong\u003esilice\u003c\/strong\u003e et en \u003cstrong\u003eminéraux\u003c\/strong\u003e, elles sont traditionnellement utilisées en gemmothérapie pour accompagner l'entretien des tissus de l'organisme, y compris au niveau oculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-tip\"\u003e\n \u003cspan class=\"go-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e lutéine, glycérine végétale bio (glycérol, stabilisant), alcool bio (35 % vol.), eau. Produit issu de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"go-timeline\"\u003e\n \u003cdiv class=\"go-timeline-item\"\u003e\n \u003cdiv class=\"go-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"go-timeline-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 à 15 gouttes par jour\u003c\/strong\u003e, pures ou diluées dans un verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-timeline-item\"\u003e\n \u003cdiv class=\"go-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"go-timeline-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eentre les repas\u003c\/strong\u003e, pur ou dilué dans de l'eau de source.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-timeline-item\"\u003e\n \u003cdiv class=\"go-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"go-timeline-content\"\u003e\n \u003ch3\u003eProgression\u003c\/h3\u003e\n \u003cp\u003eCommencez par \u003cstrong\u003e5 gouttes\u003c\/strong\u003e et augmentez progressivement selon votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-timeline-item\"\u003e\n \u003cdiv class=\"go-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"go-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003eNe pas prolonger l'utilisation au-delà de \u003cstrong\u003e6 semaines\u003c\/strong\u003e sans l'avis d'un spécialiste, comme l'indique le laboratoire Alphagem.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-tip\"\u003e\n \u003cspan class=\"go-tip-icon\"\u003e👩‍⚕️\u003c\/span\u003e\n \u003cp\u003ePour un accompagnement personnalisé, n'hésitez pas à consulter un naturopathe ou un professionnel de santé, notamment si vous portez des lentilles, si vous souffrez de fatigue oculaire chronique ou si vous cherchez un \u003cstrong\u003ecomplément alimentaire vision\u003c\/strong\u003e adapté à une problématique spécifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complexe ?\u003c\/h2\u003e\n \u003cp class=\"go-section-intro\"\u003eLe Gem-Oculo 12 Bio convient aux adultes souhaitant :\u003c\/p\u003e\n \u003cdiv class=\"go-grid-compact\"\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🎯 Acuité visuelle\u003c\/h3\u003e\n \u003cp\u003ePréserver votre acuité visuelle au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e💻 Confort écrans\u003c\/h3\u003e\n \u003cp\u003eAméliorer votre confort visuel face aux écrans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🌙 Vision nocturne\u003c\/h3\u003e\n \u003cp\u003eSoutenir votre vision nocturne naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🩸 Circulation oculaire\u003c\/h3\u003e\n \u003cp\u003eFavoriser une bonne circulation au niveau oculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003eLa qualité Alphagem\u003c\/h2\u003e\n \u003cdiv class=\"go-card\" style=\"text-align:left;\"\u003e\n \u003cp\u003e\u003cstrong\u003eAlphagem\u003c\/strong\u003e est un laboratoire belge spécialisé en gemmothérapie depuis de nombreuses années. Chaque macérat est préparé à partir de \u003cstrong\u003ebourgeons frais\u003c\/strong\u003e récoltés au moment optimal de leur développement, puis mis en macération selon un procédé doux qui préserve l'intégralité des principes actifs.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003eTous les produits sont \u003cstrong\u003ecertifiés bio\u003c\/strong\u003e, sans pesticides ni substances chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🇧🇪 Belge\u003c\/h3\u003e\n \u003cp\u003eLaboratoire spécialisé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🌿 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🧊 Bourgeons frais\u003c\/h3\u003e\n \u003cp\u003eRécolte au pic de vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🔒 Procédé doux\u003c\/h3\u003e\n \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS + CTA --\u003e\n \u003csection class=\"go-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"go-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos yeux le meilleur de la nature avec le \u003cstrong\u003eGem-Oculo 12 Bio\u003c\/strong\u003e — la synergie gemmothérapique pensée pour votre confort visuel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"go-accordion-item\"\u003e\n \u003csummary class=\"go-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"go-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Déconseillé aux femmes enceintes et allaitantes en raison de la présence d'alcool. Ne pas utiliser en cas d'insuffisance rénale. Tenir hors de portée des enfants. En cas de trouble oculaire persistant, consultez votre ophtalmologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"go-disclaimer\"\u003eComplément alimentaire · Ne pas dépasser la dose journalière recommandée · 50 ml — Alc. 35 % vol.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --go-cream: #f6f4ef;\n --go-white: #ffffff;\n --go-primary: #4a8c3f;\n --go-primary-dark: #2e5e25;\n --go-primary-light: #e8f3e5;\n --go-secondary: #6b3d1e;\n --go-accent: #6aab5e;\n --go-text: #1a1a1a;\n --go-text-light: #5a5a5a;\n --go-border: #e0ddd6;\n --go-shadow: 0 4px 24px rgba(0,0,0,.08);\n --go-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --go-radius: 20px;\n --go-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.go-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--go-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.go-premium *, .go-premium *::before, .go-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.go-hero {\n position: relative;\n background: linear-gradient(135deg, #2e5e25 0%, #4a8c3f 45%, #6aab5e 100%);\n border-radius: var(--go-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(--go-shadow-lg);\n}\n\n.go-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.go-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.go-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.go-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.go-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.go-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.go-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(--go-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.go-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.go-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.go-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--go-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.go-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(--go-primary), var(--go-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.go-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--go-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.go-card {\n background: var(--go-white);\n border-radius: var(--go-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--go-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.go-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--go-shadow-lg);\n border-color: var(--go-primary);\n}\n\n.go-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--go-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.go-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--go-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.go-card p + p {\n margin-top: .5rem;\n}\n\n\/* === INGREDIENT CARD === *\/\n.go-card-ingredient {\n text-align: left;\n}\n\n.go-card-ingredient h3 {\n text-align: left;\n}\n\n.go-card-latin {\n font-style: italic;\n font-size: 13px !important;\n color: var(--go-primary) !important;\n margin-bottom: .5rem !important;\n font-weight: 500;\n}\n\n\/* === GRILLES === *\/\n.go-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.go-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.go-grid-compact .go-card {\n padding: 1rem;\n}\n\n.go-grid-compact .go-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.go-grid-compact .go-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.go-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.go-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.go-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--go-primary), var(--go-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.go-timeline-content {\n flex: 1;\n background: var(--go-white);\n padding: 1rem 1.25rem;\n border-radius: var(--go-radius-sm);\n box-shadow: var(--go-shadow);\n}\n\n.go-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--go-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.go-timeline-content p {\n font-size: 14px;\n color: var(--go-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.go-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--go-primary-light);\n border-radius: var(--go-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.go-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.go-tip p {\n font-size: 14px;\n color: var(--go-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.go-cta-box {\n background: linear-gradient(135deg, var(--go-primary) 0%, var(--go-primary-dark) 100%);\n border-radius: var(--go-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.go-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\/* === ACCORDÉON === *\/\n.go-accordion {\n background: var(--go-white);\n border-radius: var(--go-radius);\n box-shadow: var(--go-shadow);\n overflow: hidden;\n}\n\n.go-accordion-item {\n border-bottom: 1px solid var(--go-border);\n margin: 0;\n padding: 0;\n}\n\n.go-accordion-item:last-child {\n border-bottom: none;\n}\n\n.go-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--go-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.go-accordion-header:hover {\n background: var(--go-primary-light);\n}\n\n.go-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.go-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--go-primary);\n transition: transform .2s ease;\n}\n\n.go-accordion-item[open] .go-accordion-header::after {\n content: '−';\n}\n\n.go-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--go-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.go-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.go-disclaimer {\n font-size: 12px;\n color: var(--go-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 .go-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .go-card {\n padding: 1.125rem;\n }\n\n .go-section {\n margin-bottom: 1.75rem;\n }\n\n .go-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--go-radius-sm);\n }\n\n .go-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .go-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .go-grid-compact {\n gap: .625rem;\n }\n\n .go-grid-compact .go-card {\n padding: .75rem;\n }\n\n .go-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .go-timeline-content {\n padding: .875rem 1rem;\n }\n\n .go-timeline-content h3 {\n font-size: 14px;\n }\n\n .go-timeline-content p {\n font-size: 13px;\n }\n\n .go-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .go-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .go-tip {\n padding: .875rem 1rem;\n }\n\n .go-tip-icon {\n font-size: 20px;\n }\n\n .go-tip p {\n font-size: 13px;\n }\n\n .go-card-ingredient {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .go-card {\n animation: goFadeInUp .5s ease backwards;\n }\n .go-card:nth-child(1) { animation-delay: .05s; }\n .go-card:nth-child(2) { animation-delay: .1s; }\n .go-card:nth-child(3) { animation-delay: .15s; }\n .go-card:nth-child(4) { animation-delay: .2s; }\n .go-card:nth-child(5) { animation-delay: .25s; }\n .go-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes goFadeInUp {\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 .go-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754882392221,"sku":"5003","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-oculo-12-bio-50-ml-alphagem-packshothd.webp?v=1791465984"},{"product_id":"gem-oculo-12-bio-15-ml-alphagem","title":"Gem-Oculo 12 Bio - 15 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Oculo 12 Bio - 15 Ml - Alphagem\nPalette détectée:\n - Primaire: #4a7c3f (vert profond du logo\/étiquette Alphagem)\n - Secondaire: #7ab648 (vert clair\/lime du logo \"GEM\")\n - Accent: #2c5f7a (bleu foncé du flacon ambré\/thème oculaire)\nAmbiance: Naturel\/bio, pharmaceutique doux, gemmothérapie, santé naturelle, tons verts et bruns\nPréfixe CSS: go\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Oculo 12 Bio Alphagem : le complexe de gemmothérapie dédié à votre vision\"\n 2. \"Pourquoi choisir ce complément alimentaire pour la vision ?\"\n 3. \"Composition détaillée du Gem-Oculo 12 Bio\"\n 4. \"Conseils d'utilisation et posologie\"\n 5. \"Qualité et fabrication\"\n 6. \"Précautions importantes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"go-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"go-hero\"\u003e\n \u003cdiv class=\"go-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"go-hero-content\"\u003e\n \u003cdiv class=\"go-badges-top\"\u003e\n \u003cspan class=\"go-badge\"\u003e🌿 Gemmothérapie Bio\u003c\/span\u003e\n \u003cspan class=\"go-badge\"\u003e👁️ Confort visuel\u003c\/span\u003e\n \u003cspan class=\"go-badge\"\u003e🫐 Myrtillier \u0026amp; Lutéine\u003c\/span\u003e\n \u003cspan class=\"go-badge\"\u003e💧 15 ml concentrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"go-hero-title\"\u003eGem-Oculo 12 Bio Alphagem\u003c\/span\u003e\n \u003cp class=\"go-subtitle\"\u003eGemmo-complexe n°12 — Vision\u003c\/p\u003e\n \u003cp class=\"go-description\"\u003eLa synergie de bourgeons et jeunes pousses bio dédiée à la santé de vos yeux. Acuité visuelle, microcirculation rétinienne et protection antioxydante réunies dans un seul flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003eGem-Oculo 12 Bio Alphagem : le complexe de gemmothérapie dédié à votre vision\u003c\/h2\u003e\n \u003cp class=\"go-section-intro\"\u003eVos yeux sont sollicités en permanence : écrans, lumière artificielle, fatigue quotidienne… Le \u003cstrong\u003eGem-Oculo 12 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire vision bio\u003c\/strong\u003e formulé en gemmothérapie pour accompagner naturellement le confort et la santé de vos yeux.\u003c\/p\u003e\n \u003cdiv class=\"go-grid-compact\"\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🌱 Tissus embryonnaires\u003c\/h3\u003e\n \u003cp\u003eBourgeons, jeunes pousses et radicelles au potentiel exceptionnel en principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🔬 Gemmo-complexe n°12\u003c\/h3\u003e\n \u003cp\u003eFormule spécifiquement dédiée à la sphère oculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e✅ Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eBourgeons et jeunes pousses rigoureusement sélectionnés et certifiés bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🇧🇪 Savoir-faire belge\u003c\/h3\u003e\n \u003cp\u003eAlphagem, marque spécialisée exclusivement en gemmothérapie bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire pour la vision ?\u003c\/h2\u003e\n \u003cp class=\"go-section-intro\"\u003eContrairement aux compléments classiques, la gemmothérapie exploite toute la richesse des tissus embryonnaires végétaux. Le Gem-Oculo 12 Bio vous offre une approche globale et douce.\u003c\/p\u003e\n \u003cdiv class=\"go-grid\"\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🎯 Soutien de l'acuité visuelle\u003c\/h3\u003e\n \u003cp\u003eAccompagne votre vision au quotidien, notamment en cas de fatigue oculaire liée aux écrans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🫐 Microcirculation oculaire\u003c\/h3\u003e\n \u003cp\u003eFavorise la microcirculation rétinienne grâce aux propriétés reconnues du myrtillier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e💧 Apaisement des inconforts\u003c\/h3\u003e\n \u003cp\u003eSoulage les yeux secs, irritations et la sensibilité à la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eProtège les structures de l'œil grâce à une action antioxydante naturelle puissante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-tip\"\u003e\n \u003cspan class=\"go-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous cherchez un \u003cstrong\u003ecomplément alimentaire vision\u003c\/strong\u003e plus naturel qu'un simple apport en vitamines, cette synergie de bourgeons constitue une alternative de choix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003eComposition détaillée du Gem-Oculo 12 Bio\u003c\/h2\u003e\n \u003cp class=\"go-section-intro\"\u003eChaque flacon de \u003cstrong\u003e15 ml\u003c\/strong\u003e contient les ingrédients suivants, tous issus de l'agriculture biologique :\u003c\/p\u003e\n \u003cdiv class=\"go-grid\"\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🫐 Jeunes pousses de myrtillier\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eVaccinium myrtillus\u003c\/em\u003e — Riche en anthocyanes, soutient la microcirculation rétinienne et contribue au maintien d'une \u003cstrong\u003evision nocturne\u003c\/strong\u003e de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🌲 Feuilles de genévrier\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eJuniperus communis\u003c\/em\u003e — Contribue au drainage hépatique et soutient indirectement la fonction visuelle en favorisant l'élimination des toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🌾 Jeunes pousses de prêle\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEquisetum arvense\u003c\/em\u003e — Apporte des minéraux et de la silice, précieux pour la solidité des tissus conjonctifs de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🟡 Lutéine\u003c\/h3\u003e\n \u003cp\u003ePigment caroténoïde naturellement présent dans la rétine, aide à filtrer la lumière bleue et à protéger la macula.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🍃 Alcool bio\u003c\/h3\u003e\n \u003cp\u003e35 % vol. — Extraction optimale des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e💧 Glycérine \u0026amp; eau\u003c\/h3\u003e\n \u003cp\u003eExcipients pour la conservation des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"go-timeline\"\u003e\n \u003cdiv class=\"go-timeline-item\"\u003e\n \u003cdiv class=\"go-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"go-timeline-content\"\u003e\n \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e diluées dans un verre d'eau, de préférence en dehors des repas. Agitez le flacon avant chaque emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-timeline-item\"\u003e\n \u003cdiv class=\"go-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"go-timeline-content\"\u003e\n \u003ch3\u003eAugmentez selon votre ressenti\u003c\/h3\u003e\n \u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e15 gouttes par jour\u003c\/strong\u003e selon vos besoins et votre sensibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-timeline-item\"\u003e\n \u003cdiv class=\"go-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"go-timeline-content\"\u003e\n \u003ch3\u003eRespectez les cycles de cure\u003c\/h3\u003e\n \u003cp\u003eCure d'\u003cstrong\u003eun mois\u003c\/strong\u003e en respectant la dose journalière recommandée. Pas d'utilisation prolongée au-delà de \u003cstrong\u003e6 semaines\u003c\/strong\u003e sans l'avis d'un spécialiste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-tip\"\u003e\n \u003cspan class=\"go-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003ePour un usage au-delà de cette durée, demandez conseil à un professionnel de santé avant de renouveler ce \u003cstrong\u003ecomplément alimentaire de vision\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003eQualité et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"go-card\" style=\"text-align:left;\"\u003e\n \u003cp style=\"font-size:clamp(14px,2.2vw,16px);color:var(--go-text);line-height:1.8;margin:0;\"\u003eAlphagem est une \u003cstrong\u003emarque belge spécialisée exclusivement en gemmothérapie bio\u003c\/strong\u003e. Les bourgeons sont récoltés au stade optimal de développement, puis transformés à l'état frais pour préserver l'intégralité de leurs actifs. Chaque lot est \u003cstrong\u003ecertifié bio\u003c\/strong\u003e et contrôlé pour garantir l'absence de pesticides et d'additifs chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🌿 Récolte optimale\u003c\/h3\u003e\n \u003cp\u003eBourgeons cueillis au stade idéal de développement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e❄️ Transformation à frais\u003c\/h3\u003e\n \u003cp\u003ePréservation intégrale des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e🔍 Contrôle strict\u003c\/h3\u003e\n \u003cp\u003eAbsence de pesticides et d'additifs chimiques vérifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"go-card\"\u003e\n \u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n \u003cp\u003eChaque lot certifié agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"go-section\"\u003e\n \u003ch2\u003ePrécautions importantes\u003c\/h2\u003e\n \u003cdiv class=\"go-accordion\"\u003e\n \u003cdetails class=\"go-accordion-item\"\u003e\n \u003csummary class=\"go-accordion-header\"\u003e⚠️ Avertissement général\u003c\/summary\u003e\n \u003cdiv class=\"go-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire vision ne se substitue pas à un régime alimentaire varié ni à un suivi médical. En cas de troubles visuels persistants, consultez un ophtalmologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"go-accordion-item\"\u003e\n \u003csummary class=\"go-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"go-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical préalable. Ne pas utiliser en cas d'insuffisance rénale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"go-accordion-item\"\u003e\n \u003csummary class=\"go-accordion-header\"\u003e🍷 Contient de l'alcool\u003c\/summary\u003e\n \u003cdiv class=\"go-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient de l'alcool bio (35 % vol.), nécessaire à l'extraction des principes actifs des bourgeons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"go-accordion-item\"\u003e\n \u003csummary class=\"go-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"go-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumiè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=\"go-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"go-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos yeux le meilleur de la nature avec le \u003cstrong\u003eGem-Oculo 12 Bio Alphagem\u003c\/strong\u003e : une formule concentrée, biologique et pensée pour ceux qui souhaitent prendre soin de leur vision au quotidien, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"go-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. 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:root {\n --go-cream: #f5f7f2;\n --go-white: #ffffff;\n --go-primary: #4a7c3f;\n --go-primary-dark: #2e5a25;\n --go-primary-light: #e8f2e4;\n --go-secondary: #7ab648;\n --go-accent: #2c5f7a;\n --go-text: #1a1a1a;\n --go-text-light: #5a5a5a;\n --go-border: #dde5d8;\n --go-shadow: 0 4px 24px rgba(42, 74, 35, .08);\n --go-shadow-lg: 0 12px 48px rgba(42, 74, 35, .15);\n --go-radius: 20px;\n --go-radius-sm: 12px;\n}\n\n.go-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--go-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.go-hero {\n position: relative;\n background: linear-gradient(135deg, #2e5a25 0%, #4a7c3f 40%, #2c5f7a 100%);\n border-radius: var(--go-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(--go-shadow-lg);\n}\n\n.go-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(122, 182, 72, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(44, 95, 122, .15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.go-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.go-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.go-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: .05em;\n text-transform: uppercase;\n}\n\n.go-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.go-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.go-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(--go-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.go-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.go-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.go-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--go-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.go-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(--go-primary), var(--go-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.go-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--go-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.go-card {\n background: var(--go-white);\n border-radius: var(--go-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--go-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.go-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--go-shadow-lg);\n border-color: var(--go-primary);\n}\n\n.go-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--go-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.go-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--go-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.go-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.go-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.go-grid-compact .go-card {\n padding: 1rem;\n}\n\n.go-grid-compact .go-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.go-grid-compact .go-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.go-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.go-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.go-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--go-primary), var(--go-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.go-timeline-content {\n flex: 1;\n background: var(--go-white);\n padding: 1rem 1.25rem;\n border-radius: var(--go-radius-sm);\n box-shadow: var(--go-shadow);\n}\n\n.go-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--go-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.go-timeline-content p {\n font-size: 14px;\n color: var(--go-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.go-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--go-primary-light);\n border-radius: var(--go-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.go-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.go-tip p {\n font-size: 14px;\n color: var(--go-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.go-testimonial {\n background: var(--go-white);\n border-radius: var(--go-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--go-shadow);\n border-left: 4px solid var(--go-primary);\n}\n\n.go-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--go-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.go-accordion {\n background: var(--go-white);\n border-radius: var(--go-radius);\n box-shadow: var(--go-shadow);\n overflow: hidden;\n}\n\n.go-accordion-item {\n border-bottom: 1px solid var(--go-border);\n margin: 0;\n padding: 0;\n}\n\n.go-accordion-item:last-child {\n border-bottom: none;\n}\n\n.go-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--go-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.go-accordion-header:hover {\n background: var(--go-primary-light);\n}\n\n.go-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.go-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--go-primary);\n transition: transform .2s ease;\n}\n\n.go-accordion-item[open] .go-accordion-header::after {\n content: '−';\n}\n\n.go-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--go-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.go-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.go-cta-box {\n background: linear-gradient(135deg, var(--go-primary) 0%, var(--go-primary-dark) 100%);\n border-radius: var(--go-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.go-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.go-disclaimer {\n font-size: 12px;\n color: var(--go-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 .go-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .go-card {\n padding: 1.125rem;\n }\n\n .go-section {\n margin-bottom: 1.75rem;\n }\n\n .go-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--go-radius-sm);\n }\n\n .go-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .go-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .go-grid-compact {\n gap: .625rem;\n }\n\n .go-grid-compact .go-card {\n padding: .75rem;\n }\n\n .go-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .go-timeline-content {\n padding: .875rem 1rem;\n }\n\n .go-timeline-content h3 {\n font-size: 14px;\n }\n\n .go-timeline-content p {\n font-size: 13px;\n }\n\n .go-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .go-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .go-testimonial {\n padding: 1.25rem;\n }\n\n .go-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .go-card {\n animation: goFadeInUp .5s ease backwards;\n }\n .go-card:nth-child(1) { animation-delay: .05s; }\n .go-card:nth-child(2) { animation-delay: .1s; }\n .go-card:nth-child(3) { animation-delay: .15s; }\n .go-card:nth-child(4) { animation-delay: .2s; }\n .go-card:nth-child(5) { animation-delay: .25s; }\n .go-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes goFadeInUp {\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 .go-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754885472413,"sku":"5012","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-oculo-12-bio-15-ml-alphagem-packshothd.webp?v=1791468919"},{"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-packshothd.webp?v=1786012222"},{"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":31.99,"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-packshothd.webp?v=1786012205"},{"product_id":"myrtille-acerola-graine-sauvage","title":"Myrtille Acérola Bio - Prenez soin de votre vision - 90 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Myrtille Acérola Bio - Graine Sauvage\nPalette détectée:\n - Primaire: #5B8C2A (vert nature\/bio du logo et de l'étiquette)\n - Secondaire: #D4E046 (jaune-vert vif du bouchon et de la bande)\n - Accent: #7B2D8E (violet myrtille, évocation du fruit)\nAmbiance: Naturel\/bio, frais, santé visuelle, certifié agriculture biologique, confiance\nPréfixe CSS: ma\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Myrtille Acérola Bio : le duo antioxydant au service de votre vision\"\n 2. \"Pourquoi la myrtille est-elle l'alliée de vos yeux ?\"\n 3. \"L'acérola : un concentré de vitamine C naturelle\"\n 4. \"Composition détaillée pour 3 gélules (dose journalière)\"\n 5. \"Conseils d'utilisation\"\n 6. \"Ce qui distingue ce complément alimentaire vision bio\"\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=\"ma-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ma-hero\"\u003e\n \u003cdiv class=\"ma-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ma-hero-content\"\u003e\n \u003cdiv class=\"ma-badges-top\"\u003e\n \u003cspan class=\"ma-badge\"\u003e🫐 Myrtille titrée en anthocyanosides\u003c\/span\u003e\n \u003cspan class=\"ma-badge\"\u003e🍒 Vitamine C 100 % naturelle\u003c\/span\u003e\n \u003cspan class=\"ma-badge\"\u003e🌿 Certifié AB \/ Ecocert\u003c\/span\u003e\n \u003cspan class=\"ma-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ma-hero-title\"\u003eMyrtille Acérola Bio\u003c\/span\u003e\n \u003cp class=\"ma-subtitle\"\u003ePrenez soin de votre vision naturellement\u003c\/p\u003e\n \u003cp class=\"ma-description\"\u003e90 gélules végétales · Cure de 30 jours · 102 % des apports en vitamine C\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ma-section\"\u003e\n \u003ch2\u003eMyrtille Acérola Bio : le duo antioxydant au service de votre vision\u003c\/h2\u003e\n \u003cp class=\"ma-section-intro\"\u003eVous passez de longues heures devant un écran ? Vous ressentez une fatigue visuelle en fin de journée ? Le complément alimentaire \u003cstrong\u003eMyrtille Acérola Bio de Graine Sauvage\u003c\/strong\u003e associe deux superfruits reconnus pour offrir un soutien naturel à vos yeux.\u003c\/p\u003e\n \u003cdiv class=\"ma-grid-compact\"\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🫐 Myrtille bio\u003c\/h3\u003e\n \u003cp\u003eRiche en anthocyanosides pour soutenir la vision au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n \u003cp\u003e17 % de vitamine C naturelle pour renforcer les défenses antioxydantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e👁️ Confort visuel\u003c\/h3\u003e\n \u003cp\u003eFormule pensée pour les yeux fatigués par les écrans et la lumière artificielle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Agriculture Biologique, contrôlé par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ma-section\"\u003e\n \u003ch2\u003ePourquoi la myrtille est-elle l'alliée de vos yeux ?\u003c\/h2\u003e\n \u003cp class=\"ma-section-intro\"\u003eLe lien entre \u003cstrong\u003emyrtille et vision\u003c\/strong\u003e est étudié depuis des décennies. Ce petit fruit bleu-violet doit ses propriétés à sa richesse exceptionnelle en \u003cstrong\u003eanthocyanosides\u003c\/strong\u003e, des pigments antioxydants puissants. Dans ce complexe, le jus est titré à \u003cstrong\u003e0,5 % d'anthocyanosides\u003c\/strong\u003e et \u003cstrong\u003e2,5 % de polyphénols\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"ma-grid\"\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eLes anthocyanosides aident à protéger les cellules oculaires du stress oxydatif, un facteur clé du vieillissement prématuré de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🩸 Soutien de la microcirculation\u003c\/h3\u003e\n \u003cp\u003eEn favorisant l'irrigation des tissus oculaires, la myrtille contribue au confort visuel, notamment en cas de vision nocturne sollicitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e💻 Confort quotidien\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les personnes exposées aux écrans ou à un éclairage artificiel prolongé, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ma-section\"\u003e\n \u003ch2\u003eL'acérola : un concentré de vitamine C naturelle\u003c\/h2\u003e\n \u003cp class=\"ma-section-intro\"\u003eL'acérola complète parfaitement l'action de la myrtille. Avec \u003cstrong\u003e17 % de vitamine C naturelle\u003c\/strong\u003e, cette petite baie tropicale apporte bien plus qu'un simple coup de boost immunitaire.\u003c\/p\u003e\n \u003cdiv class=\"ma-grid\"\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🧬 Formation du collagène\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C participe à la formation du collagène, une protéine structurelle présente dans la cornée, la rétine et la sclérotique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🔬 Synergie antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle renforce les défenses antioxydantes de l'organisme, en synergie directe avec les polyphénols de la myrtille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eElle contribue à réduire la fatigue, un atout précieux lorsque vos yeux sont mis à rude épreuve 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=\"ma-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"ma-composition-table\"\u003e\n \u003cdiv class=\"ma-table-row ma-table-header\"\u003e\n \u003cdiv class=\"ma-table-cell\"\u003eIngrédient\u003c\/div\u003e\n \u003cdiv class=\"ma-table-cell\"\u003eQuantité\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-table-row\"\u003e\n \u003cdiv class=\"ma-table-cell\"\u003e\u003cstrong\u003e🍒 Poudre de jus d'acérola bio*\u003c\/strong\u003e\u003c\/div\u003e\n \u003cdiv class=\"ma-table-cell\"\u003e480 mg \u003cspan class=\"ma-table-detail\"\u003e(dont 81,6 mg de vitamine C naturelle, soit 102 % des AR**)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-table-row\"\u003e\n \u003cdiv class=\"ma-table-cell\"\u003e\u003cstrong\u003e🫐 Poudre de jus de myrtille bio*\u003c\/strong\u003e\u003c\/div\u003e\n \u003cdiv class=\"ma-table-cell\"\u003e480 mg \u003cspan class=\"ma-table-detail\"\u003e(≥ 0,5 % anthocyanosides, ≥ 2,5 % polyphénols)\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-table-row\"\u003e\n \u003cdiv class=\"ma-table-cell\"\u003e\u003cstrong\u003e💊 Gélule végétale (hypromellose)\u003c\/strong\u003e\u003c\/div\u003e\n \u003cdiv class=\"ma-table-cell\"\u003e—\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ma-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. **AR : Apports de Référence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ma-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ma-timeline\"\u003e\n \u003cdiv class=\"ma-timeline-item\"\u003e\n \u003cdiv class=\"ma-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ma-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n \u003cp\u003ePrenez 1 gélule avec un grand verre d'eau, au moment du petit-déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-timeline-item\"\u003e\n \u003cdiv class=\"ma-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ma-timeline-content\"\u003e\n \u003ch3\u003e🌤️ Le midi\u003c\/h3\u003e\n \u003cp\u003ePrenez 1 gélule avec un grand verre d'eau, au moment du déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-timeline-item\"\u003e\n \u003cdiv class=\"ma-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ma-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n \u003cp\u003ePrenez 1 gélule avec un grand verre d'eau, au moment du dîner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-tip\"\u003e\n \u003cspan class=\"ma-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe pilulier contient \u003cstrong\u003e90 gélules végétales\u003c\/strong\u003e, soit une cure complète de \u003cstrong\u003e30 jours\u003c\/strong\u003e. Pour un résultat durable, renouvelez la cure plusieurs fois par an, notamment lors des changements de saison ou en période de forte sollicitation visuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ma-section\"\u003e\n \u003ch2\u003eCe qui distingue ce complément alimentaire vision bio\u003c\/h2\u003e\n \u003cdiv class=\"ma-grid\"\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e✅ Certifié AB et Ecocert\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients cultivés sans pesticides ni engrais chimiques, pour une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs ni conservateurs\u003c\/h3\u003e\n \u003cp\u003eUniquement les actifs dont vous avez besoin, rien de superflu dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🌿 100 % compatible végan\u003c\/h3\u003e\n \u003cp\u003eGélules d'origine végétale en hypromellose, adaptées à tous les modes de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🎯 Titrage garanti\u003c\/h3\u003e\n \u003cp\u003eChaque lot offre des teneurs constantes en principes actifs pour une efficacité reproductible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ma-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré par un laboratoire engagé dans une démarche de qualité et de traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"ma-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ma-accordion\"\u003e\n \u003cdetails class=\"ma-accordion-item\" open\u003e\n \u003csummary class=\"ma-accordion-header\"\u003e⚠️ Dosage et recommandations\u003c\/summary\u003e\n \u003cdiv class=\"ma-accordion-content mt-3\"\u003e\n \u003cp\u003eNe dépassez pas la dose recommandée de 3 gélules par jour. Ce complément alimentaire vision ne remplace ni un régime alimentaire varié et équilibré, ni un suivi médical adapté. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ma-accordion-item\"\u003e\n \u003csummary class=\"ma-accordion-header\"\u003e🧒 Sécurité\u003c\/summary\u003e\n \u003cdiv class=\"ma-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ma-accordion-item\"\u003e\n \u003csummary class=\"ma-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ma-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver 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 \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ma-cream: #f7f9f2;\n --ma-white: #ffffff;\n --ma-primary: #5B8C2A;\n --ma-primary-dark: #3d6b1a;\n --ma-primary-light: #eef5e4;\n --ma-secondary: #C8D930;\n --ma-accent: #7B2D8E;\n --ma-text: #1a1a1a;\n --ma-text-light: #5a5a5a;\n --ma-border: #e0e0e0;\n --ma-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ma-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ma-radius: 20px;\n --ma-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ma-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ma-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ma-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1a 0%, #5B8C2A 40%, #7B2D8E 100%);\n border-radius: var(--ma-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(--ma-shadow-lg);\n}\n\n.ma-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(200,217,48,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(123,45,142,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ma-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ma-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.ma-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ma-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n letter-spacing: .02em;\n}\n\n\/* === BADGES === *\/\n.ma-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ma-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(--ma-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ma-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ma-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ma-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ma-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.ma-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(--ma-primary), var(--ma-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ma-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ma-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.ma-section-intro strong {\n color: var(--ma-text);\n}\n\n\/* === CARDS === *\/\n.ma-card {\n background: var(--ma-white);\n border-radius: var(--ma-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ma-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ma-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ma-shadow-lg);\n border-color: var(--ma-primary);\n}\n\n.ma-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ma-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ma-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ma-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ma-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.ma-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ma-grid-compact .ma-card {\n padding: 1rem;\n}\n\n.ma-grid-compact .ma-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ma-grid-compact .ma-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.ma-composition-table {\n background: var(--ma-white);\n border-radius: var(--ma-radius);\n box-shadow: var(--ma-shadow);\n overflow: hidden;\n}\n\n.ma-table-row {\n display: flex;\n border-bottom: 1px solid var(--ma-border);\n transition: background .2s ease;\n}\n\n.ma-table-row:last-child {\n border-bottom: none;\n}\n\n.ma-table-row:not(.ma-table-header):hover {\n background: var(--ma-primary-light);\n}\n\n.ma-table-header {\n background: linear-gradient(135deg, var(--ma-primary), var(--ma-primary-dark));\n}\n\n.ma-table-header .ma-table-cell {\n color: white;\n font-weight: 800;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.ma-table-cell {\n padding: 1rem 1.25rem;\n font-size: 14px;\n color: var(--ma-text);\n line-height: 1.5;\n}\n\n.ma-table-cell:first-child {\n flex: 1;\n font-weight: 600;\n}\n\n.ma-table-cell:last-child {\n flex: 1.4;\n}\n\n.ma-table-detail {\n display: block;\n font-size: 12px;\n color: var(--ma-text-light);\n margin-top: 2px;\n font-weight: 400;\n}\n\n\/* === TIMELINE === *\/\n.ma-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ma-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ma-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ma-primary), var(--ma-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.ma-timeline-content {\n flex: 1;\n background: var(--ma-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ma-radius-sm);\n box-shadow: var(--ma-shadow);\n}\n\n.ma-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ma-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ma-timeline-content p {\n font-size: 14px;\n color: var(--ma-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ma-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ma-primary-light);\n border-radius: var(--ma-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ma-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ma-tip p {\n font-size: 14px;\n color: var(--ma-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ma-tip p strong {\n color: var(--ma-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.ma-accordion {\n background: var(--ma-white);\n border-radius: var(--ma-radius);\n box-shadow: var(--ma-shadow);\n overflow: hidden;\n}\n\n.ma-accordion-item {\n border-bottom: 1px solid var(--ma-border);\n margin: 0;\n padding: 0;\n}\n\n.ma-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ma-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ma-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.ma-accordion-header:hover {\n background: var(--ma-primary-light);\n}\n\n.ma-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ma-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ma-primary);\n transition: transform .2s ease;\n}\n\n.ma-accordion-item[open] .ma-accordion-header::after {\n content: '−';\n}\n\n.ma-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ma-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ma-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ma-disclaimer {\n font-size: 12px;\n color: var(--ma-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 .ma-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ma-card {\n padding: 1.125rem;\n }\n\n .ma-section {\n margin-bottom: 1.75rem;\n }\n\n .ma-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ma-radius-sm);\n }\n\n .ma-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ma-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ma-grid-compact {\n gap: .625rem;\n }\n\n .ma-grid-compact .ma-card {\n padding: .75rem;\n }\n\n .ma-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ma-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ma-timeline-content h3 {\n font-size: 14px;\n }\n\n .ma-timeline-content p {\n font-size: 13px;\n }\n\n .ma-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ma-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Table mobile *\/\n .ma-table-row {\n flex-direction: column;\n }\n\n .ma-table-header {\n display: none;\n }\n\n .ma-table-cell {\n padding: .75rem 1rem;\n }\n\n .ma-table-cell:first-child {\n padding-bottom: .25rem;\n font-size: 15px;\n }\n\n .ma-table-cell:last-child {\n padding-top: 0;\n font-size: 13px;\n color: var(--ma-text-light);\n }\n\n .ma-tip {\n padding: .875rem 1rem;\n }\n\n .ma-tip-icon {\n font-size: 20px;\n }\n\n .ma-tip p {\n font-size: 13px;\n }\n\n .ma-section-intro {\n font-size: 14px;\n margin-bottom: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ma-card {\n animation: maFadeInUp .5s ease backwards;\n }\n .ma-card:nth-child(1) { animation-delay: .05s; }\n .ma-card:nth-child(2) { animation-delay: .1s; }\n .ma-card:nth-child(3) { animation-delay: .15s; }\n .ma-card:nth-child(4) { animation-delay: .2s; }\n .ma-card:nth-child(5) { animation-delay: .25s; }\n .ma-card:nth-child(6) { animation-delay: .3s; }\n\n .ma-timeline-item {\n animation: maFadeInUp .5s ease backwards;\n }\n .ma-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ma-timeline-item:nth-child(2) { animation-delay: .15s; }\n .ma-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes maFadeInUp {\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 .ma-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893575504249,"sku":"GS9222","price":17.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/myrtille-acerola-bio-prenez-soin-de-votre-vision-90-gelules--packshothd.webp?v=1785942020"},{"product_id":"zinc-plus-500-ml","title":"ZINC PLUS Catalyons - Zinc - 500 ml","description":"\u003cdiv class=\"zp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"zp-hero\"\u003e\n \u003cdiv class=\"zp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"zp-hero-content\"\u003e\n \u003cdiv class=\"zp-badges-top\"\u003e\n \u003cspan class=\"zp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"zp-badge\"\u003e💧 Oligo-éléments ionisés\u003c\/span\u003e\n \u003cspan class=\"zp-badge\"\u003e🧪 Procédé breveté depuis 1960\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"zp-hero-title\"\u003eZinc Plus Catalyons\u003c\/span\u003e\n \u003cp class=\"zp-subtitle\"\u003eZinc en solution ionisée — 500 ml\u003c\/p\u003e\n \u003cp class=\"zp-description\"\u003eUn zinc hautement biodisponible grâce à l'électrolyse brevetée Catalyons. Immunité, peau, protection cellulaire : un minéral essentiel en une seule prise quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"zp-section\"\u003e\n \u003ch2\u003eZinc Plus Catalyons : le zinc en solution ionisée\u003c\/h2\u003e\n \u003cp class=\"zp-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire au zinc\u003c\/strong\u003e réellement bien assimilé par l'organisme ? Le \u003cstrong\u003eZinc Plus de Catalyons\u003c\/strong\u003e est une solution d'oligo-éléments ionisés qui apporte ce minéral essentiel sous forme liquide, pour une biodisponibilité optimale.\u003c\/p\u003e\n \u003cdiv class=\"zp-grid-compact\"\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e⚡ Électrolyse brevetée\u003c\/h3\u003e\n \u003cp\u003eUn procédé naturel exclusif utilisé par les laboratoires Catalyons depuis 1960 pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e💧 Forme liquide ionisée\u003c\/h3\u003e\n \u003cp\u003eDes particules extrêmement fines, prêtes à être utilisées par vos cellules sans effort digestif particulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e✅ 100 % des AR\u003c\/h3\u003e\n \u003cp\u003e1 bouchon = 10 mg de zinc, soit 100 % des apports de référence quotidiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e🌿 Formule pure\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans conservateur, sans alcool et sans colorant. 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!-- H2 #2 --\u003e\n \u003csection class=\"zp-section\"\u003e\n \u003ch2\u003eZinc et cuivre : pourquoi respecter la dose ?\u003c\/h2\u003e\n \u003cdiv class=\"zp-testimonial\"\u003e\n \u003cp class=\"zp-testimonial-text\"\u003eEn oligothérapie, le \u003cstrong\u003ezinc\u003c\/strong\u003e et le \u003cstrong\u003ecuivre\u003c\/strong\u003e sont deux minéraux qui fonctionnent en synergie dans l'organisme, mais qui se concurrencent au niveau de l'absorption intestinale. Pris séparément à doses élevées, le zinc peut réduire l'assimilation du cuivre, et inversement. Le Zinc Plus est formulé pour apporter un zinc parfaitement dosé (10 mg par bouchon, soit 100 % des apports de référence) sous forme ionisée, dans le respect de cet équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-tip\"\u003e\n \u003cspan class=\"zp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est un point souvent méconnu : un \u003cstrong\u003ecomplément alimentaire en zinc\u003c\/strong\u003e pris à forte dose sur le long terme peut entraîner un déséquilibre en cuivre. Ici, la formulation ionisée à dose physiologique préserve cet équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"zp-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus du Zinc Plus\u003c\/h2\u003e\n \u003cdiv class=\"zp-grid\"\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eLe zinc contribue au fonctionnement normal du système immunitaire, un atout précieux à l'approche de l'hiver ou en période de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e✨ Peau, cheveux et ongles\u003c\/h3\u003e\n \u003cp\u003eLe zinc participe au maintien d'une peau normale et soutient la synthèse des protéines, dont la kératine, pour des cheveux et des ongles en pleine santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eLe zinc contribue à protéger les cellules contre le stress oxydatif provoqué par les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e⚙️ Équilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eLe zinc joue un rôle dans le maintien d'un taux normal de testostérone et participe à la fertilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e🔄 Métabolisme des macronutriments\u003c\/h3\u003e\n \u003cp\u003eLe zinc intervient dans le métabolisme normal des glucides, des lipides et des protéines pour une énergie bien utilisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"zp-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"zp-testimonial\"\u003e\n \u003cp class=\"zp-testimonial-text\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau osmosée et dynamisée, citrate et carbonate de zinc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e📊 Analyse nutritionnelle\u003c\/h3\u003e\n \u003cp\u003ePour 1 bouchon (15 mL) : \u003cstrong\u003eZinc 10 mg\u003c\/strong\u003e, soit 100 % des apports de référence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, alcool ou colorant ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e🌱 Vegan friendly\u003c\/h3\u003e\n \u003cp\u003eConvient aux végétariens et végétaliens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué intégralement en France par Catalyons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"zp-section\"\u003e\n \u003ch2\u003eComment prendre le Zinc Plus Catalyons ?\u003c\/h2\u003e\n \u003cdiv class=\"zp-timeline\"\u003e\n \u003cdiv class=\"zp-timeline-item\"\u003e\n \u003cdiv class=\"zp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"zp-timeline-content\"\u003e\n \u003ch3\u003eDosez votre prise\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 bouchon doseur (environ 15 ml) par jour\u003c\/strong\u003e, idéalement le matin à jeun ou 15 minutes avant un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-timeline-item\"\u003e\n \u003cdiv class=\"zp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"zp-timeline-content\"\u003e\n \u003ch3\u003eConsommez pur ou dilué\u003c\/h3\u003e\n \u003cp\u003eLe goût est très neutre : vous pouvez le prendre pur ou le diluer dans un petit verre d'eau selon votre préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-timeline-item\"\u003e\n \u003cdiv class=\"zp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"zp-timeline-content\"\u003e\n \u003ch3\u003eAbsorption sublinguale\u003c\/h3\u003e\n \u003cp\u003eGardez la solution en bouche quelques secondes avant d'avaler pour améliorer encore la biodisponibilité des oligo-éléments ionisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-timeline-item\"\u003e\n \u003cdiv class=\"zp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"zp-timeline-content\"\u003e\n \u003ch3\u003eCure de 3 à 6 semaines\u003c\/h3\u003e\n \u003cp\u003ePour une cure d'entretien, comptez généralement \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zp-tip\"\u003e\n \u003cspan class=\"zp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'absorption sublinguale (garder en bouche) est la méthode la plus efficace pour les oligo-éléments ionisés. Quelques secondes suffisent !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"zp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"zp-accordion\"\u003e\n \u003cdetails class=\"zp-accordion-item\"\u003e\n \u003csummary class=\"zp-accordion-header\"\u003e📋 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 15 ml (1 bouchon doseur) par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"zp-accordion-item\"\u003e\n \u003csummary class=\"zp-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"zp-accordion-item\"\u003e\n \u003csummary class=\"zp-accordion-header\"\u003e🍽️ Alimentation équilibrée\u003c\/summary\u003e\n \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplément zinc\u003c\/strong\u003e ne se substitue 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 \u003cdetails class=\"zp-accordion-item\"\u003e\n \u003csummary class=\"zp-accordion-header\"\u003e⚕️ Traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"zp-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 \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"zp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLe savoir-faire Catalyons depuis 1960\u003c\/h2\u003e\n \u003cdiv class=\"zp-cta-box\"\u003e\n \u003cp\u003eLes laboratoires \u003cstrong\u003eCatalyons\u003c\/strong\u003e sont pionniers en France dans la fabrication d'oligo-éléments ionisés par électrolyse. Ce procédé naturel breveté permet d'obtenir des particules extrêmement fines, directement assimilables par l'organisme. Résultat : une efficacité reconnue par les praticiens de santé naturelle depuis plus de \u003cstrong\u003esix décennies\u003c\/strong\u003e, et une gamme fabriquée intégralement en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"zp-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --zp-cream: #f9f6f1;\n --zp-white: #ffffff;\n --zp-primary: #c8942a;\n --zp-primary-dark: #2c3a5e;\n --zp-primary-light: #f5efe3;\n --zp-secondary: #d4a83a;\n --zp-accent: #3b5998;\n --zp-text: #1a1a1a;\n --zp-text-light: #5a5a5a;\n --zp-border: #e0dbd2;\n --zp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --zp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --zp-radius: 20px;\n --zp-radius-sm: 12px;\n}\n\n.zp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--zp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.zp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--zp-primary-dark) 0%, #3e4f7a 40%, var(--zp-primary) 100%);\n border-radius: var(--zp-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(--zp-shadow-lg);\n}\n\n.zp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 120deg,\n transparent,\n transparent 40px,\n rgba(255,255,255,.03) 40px,\n rgba(255,255,255,.03) 80px\n );\n opacity: 1;\n}\n\n.zp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.zp-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.zp-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: -.01em;\n}\n\n.zp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.zp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.zp-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(--zp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.zp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.zp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.zp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--zp-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.zp-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(--zp-primary), var(--zp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.zp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--zp-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.zp-card {\n background: var(--zp-white);\n border-radius: var(--zp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--zp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.zp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--zp-shadow-lg);\n border-color: var(--zp-primary);\n}\n\n.zp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--zp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.zp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--zp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.zp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.zp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.zp-grid-compact .zp-card {\n padding: 1rem;\n}\n\n.zp-grid-compact .zp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.zp-grid-compact .zp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.zp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.zp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.zp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--zp-primary), var(--zp-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.zp-timeline-content {\n flex: 1;\n background: var(--zp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--zp-radius-sm);\n box-shadow: var(--zp-shadow);\n}\n\n.zp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--zp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.zp-timeline-content p {\n font-size: 14px;\n color: var(--zp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.zp-testimonial {\n background: var(--zp-white);\n border-radius: var(--zp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--zp-shadow);\n border-left: 4px solid var(--zp-primary);\n}\n\n.zp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--zp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.zp-accordion {\n background: var(--zp-white);\n border-radius: var(--zp-radius);\n box-shadow: var(--zp-shadow);\n overflow: hidden;\n}\n\n.zp-accordion-item {\n border-bottom: 1px solid var(--zp-border);\n margin: 0;\n padding: 0;\n}\n\n.zp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.zp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--zp-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.zp-accordion-header:hover {\n background: var(--zp-primary-light);\n}\n\n.zp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.zp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--zp-primary);\n transition: transform .2s ease;\n}\n\n.zp-accordion-item[open] .zp-accordion-header::after {\n content: '−';\n}\n\n.zp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--zp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.zp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.zp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--zp-primary-light);\n border-radius: var(--zp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.zp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.zp-tip p {\n font-size: 14px;\n color: var(--zp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.zp-cta-box {\n background: linear-gradient(135deg, var(--zp-primary-dark) 0%, #3e4f7a 50%, var(--zp-primary) 100%);\n border-radius: var(--zp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.zp-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.zp-disclaimer {\n font-size: 12px;\n color: var(--zp-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 .zp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .zp-card {\n padding: 1.125rem;\n }\n\n .zp-section {\n margin-bottom: 1.75rem;\n }\n\n .zp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--zp-radius-sm);\n }\n\n .zp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .zp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .zp-grid-compact {\n gap: .625rem;\n }\n\n .zp-grid-compact .zp-card {\n padding: .75rem;\n }\n\n .zp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .zp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .zp-timeline-content h3 {\n font-size: 14px;\n }\n\n .zp-timeline-content p {\n font-size: 13px;\n }\n\n .zp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .zp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .zp-testimonial {\n padding: 1.25rem;\n }\n\n .zp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .zp-card {\n animation: zp-fadeInUp .5s ease backwards;\n }\n .zp-card:nth-child(1) { animation-delay: .05s; }\n .zp-card:nth-child(2) { animation-delay: .1s; }\n .zp-card:nth-child(3) { animation-delay: .15s; }\n .zp-card:nth-child(4) { animation-delay: .2s; }\n .zp-card:nth-child(5) { animation-delay: .25s; }\n .zp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes zp-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 .zp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54912363823481,"sku":"38813010","price":21.24,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/zinc-plus-catalyons-zinc-cuivre-500-ml-lifestyle.webp?v=1772097244"},{"product_id":"lutea-60-gelules-laboratoire-code","title":"Lutéa - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"lutea-premium\"\u003e\n \u003cdiv class=\"lutea-hero\"\u003e\n \u003cdiv class=\"lutea-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lutea-hero-content\"\u003e\n \u003cdiv class=\"lutea-badges-top\"\u003e\n \u003cspan class=\"lutea-badge\"\u003e👁️ Vision \u0026amp; Écrans\u003c\/span\u003e\n \u003cspan class=\"lutea-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"lutea-badge\"\u003e🔬 Laboratoire Code\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lutea-hero-title\"\u003eLutéa\u003c\/span\u003e\n \u003cp class=\"lutea-subtitle\"\u003eLutéine • Zéaxanthine • Myrtille • Thé vert\u003c\/p\u003e\n \u003cp class=\"lutea-description\"\u003eUne synergie d'actifs naturels pour préserver votre capital visuel face aux écrans et au temps qui passe. 60 gélules végétales de 586 mg.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lutea-section\"\u003e\n \u003ch2\u003ePourquoi choisir Lutéa pour votre confort visuel ?\u003c\/h2\u003e\n \u003cp class=\"lutea-section-intro\"\u003eLa rétine, et plus précisément la macula, concentre naturellement deux pigments essentiels : la \u003cstrong\u003elutéine\u003c\/strong\u003e et la \u003cstrong\u003ezéaxanthine\u003c\/strong\u003e. Ces caroténoïdes agissent comme un filtre protecteur contre la lumière bleue et les radicaux libres.\u003c\/p\u003e\n \u003cp class=\"lutea-section-intro\"\u003eNotre organisme ne les produit pas : seul un apport alimentaire (légumes verts, œufs) ou via un complément ciblé permet de maintenir des réserves suffisantes. Lutéa répond précisément à ce besoin, avec des dosages pensés pour les personnes soucieuses de leur santé oculaire, notamment en cas de fatigue visuelle liée aux écrans ou de préoccupations liées au vieillissement oculaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lutea-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"lutea-grid\"\u003e\n \u003cdiv class=\"lutea-card\"\u003e\n \u003ch3\u003e🍵 Extrait de thé vert — 750 mg\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCamellia sinensis\u003c\/em\u003e — riche en EGCG aux propriétés antioxydantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-card\"\u003e\n \u003ch3\u003e🫐 Myrtille — 480 mg\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eVaccinium myrtillus\u003c\/em\u003e — traditionnellement associée au confort visuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-card\"\u003e\n \u003ch3\u003e🌻 Vitamine E naturelle — 24 mg\u003c\/h3\u003e\n \u003cp\u003eContribue à protéger les cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-card\"\u003e\n \u003ch3\u003e⚡ Zinc — 12,6 mg\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une vision normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-card\"\u003e\n \u003ch3\u003e🌼 Lutéine — 10 mg\u003c\/h3\u003e\n \u003cp\u003eIssue de la fleur de tagète (œillet d'Inde).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-card\"\u003e\n \u003ch3\u003e✨ Zéaxanthine — 2 mg\u003c\/h3\u003e\n \u003cp\u003eIssue de la fleur de tagète, ratio optimal 5:1.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-tip\"\u003e\n \u003cspan class=\"lutea-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eLes gélules sont \u003cstrong\u003e100 % végétales\u003c\/strong\u003e, pour une meilleure tolérance digestive et une assimilation optimale des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lutea-section\"\u003e\n \u003ch2\u003eComment prendre Lutéa ?\u003c\/h2\u003e\n \u003cdiv class=\"lutea-timeline\"\u003e\n \u003cdiv class=\"lutea-timeline-item\"\u003e\n \u003cdiv class=\"lutea-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lutea-timeline-content\"\u003e\n \u003ch3\u003e🌅 Le matin\u003c\/h3\u003e\n \u003cp\u003e1 gélule au cours du petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-timeline-item\"\u003e\n \u003cdiv class=\"lutea-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lutea-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le midi\u003c\/h3\u003e\n \u003cp\u003e1 gélule au cours du déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-timeline-item\"\u003e\n \u003cdiv class=\"lutea-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lutea-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n \u003cp\u003e1 gélule au cours du dîner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-timeline-item\"\u003e\n \u003cdiv class=\"lutea-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lutea-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n \u003cp\u003eSuivez une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-tip\"\u003e\n \u003cspan class=\"lutea-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn pilulier de 60 gélules correspond à environ \u003cstrong\u003e20 jours de cure\u003c\/strong\u003e. Pour un programme complet de 2 mois, prévoyez 3 piluliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lutea-section\"\u003e\n \u003ch2\u003ePour qui ce complément est-il conçu ?\u003c\/h2\u003e\n \u003cdiv class=\"lutea-grid-compact\"\u003e\n \u003cdiv class=\"lutea-card\"\u003e\n \u003ch3\u003e💻 Exposés aux écrans\u003c\/h3\u003e\n \u003cp\u003eTélétravail, gaming, lecture numérique intensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-card\"\u003e\n \u003ch3\u003e👓 Vieillissement oculaire\u003c\/h3\u003e\n \u003cp\u003eAdultes souhaitant accompagner le vieillissement naturel des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-card\"\u003e\n \u003ch3\u003e🌱 Approche naturelle\u003c\/h3\u003e\n \u003cp\u003eRecherche de vision avec actifs naturels et bien dosés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lutea-card\"\u003e\n \u003ch3\u003e🥗 Alimentation pauvre\u003c\/h3\u003e\n \u003cp\u003ePersonnes dont l'alimentation est pauvre en légumes verts à feuilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lutea-section\"\u003e\n \u003ch2\u003eNotre avis d'expert sur Lutéa\u003c\/h2\u003e\n \u003cdiv class=\"lutea-testimonial\"\u003e\n \u003cp class=\"lutea-testimonial-text\"\u003e\"Contrairement à de nombreux compléments du marché, Lutéa associe \u003cstrong\u003elutéine + zéaxanthine\u003c\/strong\u003e dans un ratio proche de celui présent naturellement dans la macula (5:1), tout en intégrant des antioxydants complémentaires (thé vert, vitamine E, myrtille). Une formule complète, sobre et cohérente.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lutea-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lutea-accordion\"\u003e\n \u003cdetails class=\"lutea-accordion-item\"\u003e\n \u003csummary class=\"lutea-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants, adolescents, femmes enceintes et allaitantes. En cas de doute, demandez l'avis de votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lutea-accordion-item\"\u003e\n \u003csummary class=\"lutea-accordion-header\"\u003e🍽️ Conseils de prise\u003c\/summary\u003e\n \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas consommer à jeun, ni associer à un autre produit contenant du thé vert le même jour. Respectez les doses journalières recommandées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lutea-accordion-item\"\u003e\n \u003csummary class=\"lutea-accordion-header\"\u003e🩺 Mode de vie sain\u003c\/summary\u003e\n \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément ne remplace pas une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement ou un suivi ophtalmologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lutea-accordion-item\"\u003e\n \u003csummary class=\"lutea-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière, au sec, à température ambiante, et 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\u003c\/div\u003e\n\n\u003cstyle\u003e\n.lutea-premium {\n --lutea-cream: #f5f8fc;\n --lutea-white: #ffffff;\n --lutea-primary: #5a9fd4;\n --lutea-primary-dark: #2c5f8d;\n --lutea-primary-light: #e3eef8;\n --lutea-secondary: #d63230;\n --lutea-accent: #c41e1a;\n --lutea-text: #1a1a1a;\n --lutea-text-light: #5a6b7a;\n --lutea-border: #d8e2ec;\n --lutea-shadow: 0 4px 24px rgba(44, 95, 141, .08);\n --lutea-shadow-lg: 0 12px 48px rgba(44, 95, 141, .18);\n --lutea-radius: 20px;\n --lutea-radius-sm: 12px;\n\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lutea-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--lutea-text);\n line-height: 1.6;\n}\n\n.lutea-premium * { box-sizing: border-box; }\n\n\/* === HERO === *\/\n.lutea-hero {\n position: relative;\n background: linear-gradient(135deg, #5a9fd4 0%, #2c5f8d 55%, #d63230 100%);\n border-radius: var(--lutea-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(--lutea-shadow-lg);\n}\n\n.lutea-hero-pattern {\n position: absolute;\n inset: 0;\n opacity: .08;\n background-image:\n radial-gradient(circle at 20% 30%, #fff 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, #fff 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, #fff 1px, transparent 2px);\n background-size: 80px 80px, 120px 120px, 40px 40px;\n}\n\n.lutea-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lutea-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 60px);\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.lutea-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .05em;\n margin: 0 0 1.25rem 0;\n text-transform: uppercase;\n}\n\n.lutea-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.lutea-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lutea-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(--lutea-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lutea-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n\/* === SECTIONS === *\/\n.lutea-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.lutea-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lutea-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.lutea-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(--lutea-primary), var(--lutea-secondary));\n border-radius: 2px;\n}\n\n.lutea-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lutea-text-light);\n margin: 0 auto 1rem;\n max-width: 720px;\n line-height: 1.75;\n}\n\n.lutea-section-intro strong { color: var(--lutea-primary-dark); }\n\n\/* === CARDS === *\/\n.lutea-card {\n background: var(--lutea-white);\n border-radius: var(--lutea-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lutea-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lutea-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lutea-shadow-lg);\n border-color: var(--lutea-primary);\n}\n\n.lutea-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lutea-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lutea-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lutea-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lutea-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lutea-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lutea-grid-compact .lutea-card { padding: 1rem; }\n.lutea-grid-compact .lutea-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.lutea-grid-compact .lutea-card p { font-size: 12px; }\n\n\/* === TIMELINE === *\/\n.lutea-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.lutea-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lutea-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lutea-primary), var(--lutea-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 box-shadow: 0 4px 12px rgba(44, 95, 141, .3);\n}\n\n.lutea-timeline-content {\n flex: 1;\n background: var(--lutea-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lutea-radius-sm);\n box-shadow: var(--lutea-shadow);\n}\n\n.lutea-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lutea-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lutea-timeline-content p {\n font-size: 14px;\n color: var(--lutea-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lutea-testimonial {\n background: var(--lutea-white);\n border-radius: var(--lutea-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lutea-shadow);\n border-left: 4px solid var(--lutea-secondary);\n max-width: 820px;\n margin: 0 auto;\n}\n\n.lutea-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lutea-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.lutea-testimonial-text strong { color: var(--lutea-primary-dark); font-style: normal; }\n\n\/* === ACCORDÉON === *\/\n.lutea-accordion {\n background: var(--lutea-white);\n border-radius: var(--lutea-radius);\n box-shadow: var(--lutea-shadow);\n overflow: hidden;\n}\n\n.lutea-accordion-item {\n border-bottom: 1px solid var(--lutea-border);\n margin: 0;\n padding: 0;\n}\n\n.lutea-accordion-item:last-child { border-bottom: none; }\n\n.lutea-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lutea-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.lutea-accordion-header:hover { background: var(--lutea-primary-light); }\n.lutea-accordion-header::-webkit-details-marker { display: none; }\n\n.lutea-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--lutea-primary);\n transition: transform .2s ease;\n}\n\n.lutea-accordion-item[open] .lutea-accordion-header::after { content: '−'; }\n\n.lutea-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lutea-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lutea-accordion-content p { margin: 0; }\n\n\/* === TIP BOX === *\/\n.lutea-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lutea-primary-light);\n border-radius: var(--lutea-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.lutea-tip-icon { font-size: 24px; flex-shrink: 0; }\n\n.lutea-tip p {\n font-size: 14px;\n color: var(--lutea-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lutea-tip strong { color: var(--lutea-primary-dark); }\n\n\/* === MOBILE === *\/\n@media (max-width: 767px) {\n .lutea-grid { grid-template-columns: 1fr; gap: 1rem; }\n .lutea-card { padding: 1.125rem; }\n .lutea-section { margin-bottom: 1.75rem; }\n .lutea-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--lutea-radius-sm); }\n .lutea-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .lutea-premium h2::after { width: 40px; height: 3px; }\n .lutea-grid-compact { gap: .625rem; }\n .lutea-grid-compact .lutea-card { padding: .75rem; }\n .lutea-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .lutea-timeline-content { padding: .875rem 1rem; }\n .lutea-timeline-content h3 { font-size: 14px; }\n .lutea-timeline-content p { font-size: 13px; }\n .lutea-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .lutea-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .lutea-testimonial { padding: 1.25rem; }\n .lutea-testimonial-text { font-size: 14px; }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lutea-card { animation: fadeInUp .5s ease backwards; }\n .lutea-card:nth-child(1) { animation-delay: .05s; }\n .lutea-card:nth-child(2) { animation-delay: .1s; }\n .lutea-card:nth-child(3) { animation-delay: .15s; }\n .lutea-card:nth-child(4) { animation-delay: .2s; }\n .lutea-card:nth-child(5) { animation-delay: .25s; }\n .lutea-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 .lutea-premium * {\n animation-duration: .01ms !important;\n transition-duration: .01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55117984792953,"sku":"LC9104","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lutea-60-gelules-laboratoire-code_1.webp?v=1776699896"},{"product_id":"omega-3-capital-forme-60-gelules-lysi","title":"Omega 3 Capital forme - 60 gélules - Lysi","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Omega 3 Capital Forme - Lysi\nPalette détectée:\n - Primaire: #1e3a6e (bleu marine profond du flacon)\n - Secondaire: #2a9d8f (vert turquoise\/teal du badge \"Capital Forme\")\n - Accent: #f4a534 (jaune\/orange doré des éléments graphiques et capsules)\nAmbiance: Premium nordique, pureté islandaise, santé\/vitalité, confiance médicale\nPréfixe CSS: lysi\n--\u003e\n\n\u003cdiv class=\"lysi-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"lysi-hero\"\u003e\n \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lysi-hero-content\"\u003e\n \u003cdiv class=\"lysi-badges-top\"\u003e\n \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Fabriqué en Islande\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🐟 Huile de poisson sauvage\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🧠 EPA + DHA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lysi-hero-title\"\u003eOmega 3 Capital Forme\u003c\/span\u003e\n \u003cp class=\"lysi-subtitle\"\u003eLa puissance des eaux pures de l'Atlantique Nord\u003c\/p\u003e\n \u003cp class=\"lysi-description\"\u003eConcentration optimale en acides gras essentiels EPA et DHA pour soutenir vos fonctions cognitives, votre vision et votre vitalité au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"lysi-hero-stats\"\u003e\n \u003cdiv class=\"lysi-stat\"\u003e\n \u003cspan class=\"lysi-stat-number\"\u003e620 mg\u003c\/span\u003e\n \u003cspan class=\"lysi-stat-label\"\u003eOméga-3 par gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-stat\"\u003e\n \u003cspan class=\"lysi-stat-number\"\u003e310 mg\u003c\/span\u003e\n \u003cspan class=\"lysi-stat-label\"\u003eEPA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-stat\"\u003e\n \u003cspan class=\"lysi-stat-number\"\u003e205 mg\u003c\/span\u003e\n \u003cspan class=\"lysi-stat-label\"\u003eDHA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e🎯 Vos bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card lysi-benefit-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une fonction cérébrale normale. Soutenez votre mémoire, concentration et clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-benefit-card\"\u003e\n \u003ch3\u003e👁️ Santé visuelle\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une vision normale. Protégez vos yeux des agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-benefit-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eL'EPA et le DHA contribuent à une fonction cardiaque normale pour un cœur en pleine forme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-benefit-card\"\u003e\n \u003ch3\u003e⚡ Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eFavorisez votre bien-être mental et votre résistance au stress grâce aux oméga-3.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid lysi-grid-3\"\u003e\n \u003cdiv class=\"lysi-card lysi-profile-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003ePériodes d'examens, révisions intensives, besoin de concentration maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-profile-card\"\u003e\n \u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n \u003cp\u003eSurmenage professionnel, stress prolongé, fatigue intellectuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-profile-card\"\u003e\n \u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n \u003cp\u003eMaintien des fonctions cognitives et visuelles, lutte contre le déclin lié à l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e🔬 Composition premium par gélule\u003c\/h2\u003e\n \u003cdiv class=\"lysi-composition-box\"\u003e\n \u003cdiv class=\"lysi-composition-grid\"\u003e\n \u003cdiv class=\"lysi-composition-item lysi-composition-main\"\u003e\n \u003cdiv class=\"lysi-composition-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-info\"\u003e\n \u003cspan class=\"lysi-composition-name\"\u003eHuile de poisson sauvage\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-dose\"\u003e1 000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item\"\u003e\n \u003cdiv class=\"lysi-composition-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-info\"\u003e\n \u003cspan class=\"lysi-composition-name\"\u003eTotal oméga-3\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-dose\"\u003e620 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item\"\u003e\n \u003cdiv class=\"lysi-composition-icon\"\u003e🔵\u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-info\"\u003e\n \u003cspan class=\"lysi-composition-name\"\u003eEPA (acide eicosapentaénoïque)\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-dose\"\u003e310 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item\"\u003e\n \u003cdiv class=\"lysi-composition-icon\"\u003e🟣\u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-info\"\u003e\n \u003cspan class=\"lysi-composition-name\"\u003eDHA (acide docosahexaénoïque)\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-dose\"\u003e205 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-footer\"\u003e\n \u003cspan\u003eValeur énergétique : 43 kJ (10 kcal)\u003c\/span\u003e\n \u003cspan\u003eProtéines : 0,2 g\u003c\/span\u003e\n \u003cspan\u003eGlucides : 0,1 g\u003c\/span\u003e\n \u003cspan\u003eLipides : 1 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e📋 Comment utiliser ce complément\u003c\/h2\u003e\n \u003cdiv class=\"lysi-usage-grid\"\u003e\n \u003cdiv class=\"lysi-usage-card\"\u003e\n \u003cdiv class=\"lysi-usage-header\"\u003e\n \u003cspan class=\"lysi-usage-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"lysi-usage-title\"\u003eProgramme entretien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-usage-content\"\u003e\n \u003cdiv class=\"lysi-dosage\"\u003e1 gélule\/jour\u003c\/div\u003e\n \u003cp\u003ePendant 2 mois pour soutenir mémoire et vision au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-usage-card lysi-usage-intensive\"\u003e\n \u003cdiv class=\"lysi-usage-header\"\u003e\n \u003cspan class=\"lysi-usage-icon\"\u003e⚡\u003c\/span\u003e\n \u003cspan class=\"lysi-usage-title\"\u003eEfforts intenses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-usage-content\"\u003e\n \u003cdiv class=\"lysi-dosage\"\u003e2 gélules\/jour\u003c\/div\u003e\n \u003cp\u003eEn période de stress, d'examens ou de déséquilibre émotionnel marqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-cure-box\"\u003e\n \u003cdiv class=\"lysi-cure-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv class=\"lysi-cure-content\"\u003e\n \u003cstrong\u003eRecommandation cure optimale\u003c\/strong\u003e\n \u003cp\u003e2 cures de 3 mois dans l'année pour un adulte. Cette durée permet d'optimiser l'absorption des acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ \u0026 ORIGINE --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e🏔️ Qualité et origine garanties\u003c\/h2\u003e\n \u003cdiv class=\"lysi-quality-box\"\u003e\n \u003cdiv class=\"lysi-quality-map\"\u003e\n \u003cdiv class=\"lysi-iceland-badge\"\u003e\n \u003cspan class=\"lysi-flag\"\u003e🇮🇸\u003c\/span\u003e\n \u003cspan\u003eIslande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-quality-features\"\u003e\n \u003cdiv class=\"lysi-quality-item\"\u003e\n \u003cspan class=\"lysi-quality-icon\"\u003e🌊\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAtlantique Nord \u0026amp; Océan Arctique\u003c\/strong\u003e\n \u003cp\u003eHuile de poisson sauvage des eaux les plus pures du monde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"lysi-quality-item\"\u003e\n \u003cspan class=\"lysi-quality-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAntioxydants naturels\u003c\/strong\u003e\n \u003cp\u003ePréservent la stabilité et la fraîcheur des oméga-3\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-quality-item\"\u003e\n \u003cspan class=\"lysi-quality-icon\"\u003e✨\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePureté optimale\u003c\/strong\u003e\n \u003cp\u003eProcessus de purification avancé pour une qualité irréprochable\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!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"lysi-info-grid\"\u003e\n \u003cdiv class=\"lysi-info-item\"\u003e\n \u003cspan class=\"lysi-info-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"lysi-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"lysi-info-value\"\u003e60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-info-item\"\u003e\n \u003cspan class=\"lysi-info-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"lysi-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"lysi-info-value\"\u003eAtlantique Nord\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-info-item\"\u003e\n \u003cspan class=\"lysi-info-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"lysi-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"lysi-info-value\"\u003eIslande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-info-item\"\u003e\n \u003cspan class=\"lysi-info-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cspan class=\"lysi-info-label\"\u003eAllergènes\u003c\/span\u003e\n \u003cspan class=\"lysi-info-value\"\u003ePoisson\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003cdiv class=\"lysi-warning-box\"\u003e\n \u003cdiv class=\"lysi-warning-content\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cul\u003e\n \u003cli\u003eRespectez la dose journalière recommandée.\u003c\/li\u003e\n \u003cli\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/li\u003e\n \u003cli\u003eContient de la gélatine bovine.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lysi-cta-box\"\u003e\n \u003cdiv class=\"lysi-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lysi-cta-content\"\u003e\n \u003cdiv class=\"lysi-cta-icon\"\u003e🐟\u003c\/div\u003e\n \u003cp\u003eOffrez à votre corps la puissance des oméga-3 des eaux pures d'Islande.\u003cbr\u003e\u003cstrong\u003eVotre cerveau, vos yeux et votre cœur vous remercieront.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"lysi-cta-badges\"\u003e\n \u003cspan class=\"lysi-cta-badge\"\u003e60 gélules\u003c\/span\u003e\n \u003cspan class=\"lysi-cta-badge\"\u003e2 mois de cure\u003c\/span\u003e\n \u003cspan class=\"lysi-cta-badge\"\u003eQualité islandaise\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\/* === VARIABLES CSS LYSI === *\/\n:root {\n --lysi-cream: #f8f9fc;\n --lysi-white: #ffffff;\n --lysi-primary: #1e3a6e;\n --lysi-primary-dark: #152a52;\n --lysi-primary-light: #e8eef6;\n --lysi-secondary: #2a9d8f;\n --lysi-secondary-light: #e6f5f3;\n --lysi-accent: #f4a534;\n --lysi-accent-light: #fef5e6;\n --lysi-text: #1a1a1a;\n --lysi-text-light: #5a6a7a;\n --lysi-border: #e2e8f0;\n --lysi-shadow: 0 4px 24px rgba(30, 58, 110, .08);\n --lysi-shadow-lg: 0 12px 48px rgba(30, 58, 110, .15);\n --lysi-radius: 20px;\n --lysi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.lysi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lysi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--lysi-text);\n line-height: 1.6;\n}\n\n.lysi-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO SECTION === *\/\n.lysi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lysi-primary) 0%, #2a4a7e 50%, var(--lysi-primary-dark) 100%);\n border-radius: var(--lysi-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(--lysi-shadow-lg);\n}\n\n.lysi-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%3Cpath d='M30 5c-2 0-4 1-5 3l-3 5c-1 2-3 3-5 3h-4c-3 0-5 2-5 5v2c0 2 1 4 3 5l4 3c2 1 3 3 3 5v1c0 3 2 5 5 5h1c2 0 4-1 5-3l2-4c1-2 3-3 5-3s4 1 5 3l2 4c1 2 3 3 5 3h1c3 0 5-2 5-5v-1c0-2 1-4 3-5l4-3c2-1 3-3 3-5v-2c0-3-2-5-5-5h-4c-2 0-4-1-5-3l-3-5c-1-2-3-3-5-3z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.lysi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lysi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.lysi-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(--lysi-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0, 0, 0, .15);\n}\n\n.lysi-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.lysi-subtitle {\n color: var(--lysi-accent);\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, .1);\n}\n\n.lysi-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.lysi-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.lysi-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255, 255, 255, .1);\n backdrop-filter: blur(10px);\n border-radius: var(--lysi-radius-sm);\n border: 1px solid rgba(255, 255, 255, .2);\n}\n\n.lysi-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: var(--lysi-accent);\n line-height: 1;\n}\n\n.lysi-stat-label {\n display: block;\n font-size: 13px;\n color: rgba(255, 255, 255, .8);\n margin-top: 4px;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.lysi-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--lysi-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.lysi-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(--lysi-primary), var(--lysi-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.lysi-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n\/* === CARDS === *\/\n.lysi-card {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--lysi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.lysi-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--lysi-shadow-lg);\n border-color: var(--lysi-primary);\n}\n\n.lysi-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--lysi-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.lysi-card p {\n font-size: 15px;\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS === *\/\n.lysi-benefit-card {\n text-align: center;\n}\n\n.lysi-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === PROFILE CARDS === *\/\n.lysi-profile-card {\n text-align: center;\n border-top: 4px solid var(--lysi-secondary);\n}\n\n.lysi-profile-emoji {\n font-size: 56px;\n margin-bottom: .75rem;\n display: block;\n}\n\n\/* === COMPOSITION === *\/\n.lysi-composition-box {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lysi-shadow);\n border: 2px solid var(--lysi-primary-light);\n}\n\n.lysi-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.lysi-composition-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem;\n background: var(--lysi-primary-light);\n border-radius: var(--lysi-radius-sm);\n transition: all .3s ease;\n}\n\n.lysi-composition-item:hover {\n background: var(--lysi-secondary-light);\n transform: translateX(5px);\n}\n\n.lysi-composition-main {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n grid-column: 1 \/ -1;\n}\n\n.lysi-composition-main .lysi-composition-name,\n.lysi-composition-main .lysi-composition-dose {\n color: white;\n}\n\n.lysi-composition-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.lysi-composition-info {\n display: flex;\n flex-direction: column;\n flex: 1;\n}\n\n.lysi-composition-name {\n font-size: 14px;\n color: var(--lysi-text-light);\n margin-bottom: 2px;\n}\n\n.lysi-composition-dose {\n font-size: 20px;\n font-weight: 800;\n color: var(--lysi-primary-dark);\n}\n\n.lysi-nutrition-footer {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem 2rem;\n justify-content: center;\n padding-top: 1.5rem;\n border-top: 1px solid var(--lysi-border);\n font-size: 13px;\n color: var(--lysi-text-light);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.lysi-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.lysi-usage-card {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n overflow: hidden;\n box-shadow: var(--lysi-shadow);\n transition: all .3s ease;\n}\n\n.lysi-usage-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--lysi-shadow-lg);\n}\n\n.lysi-usage-header {\n background: var(--lysi-primary);\n padding: 1rem 1.5rem;\n display: flex;\n align-items: center;\n gap: .75rem;\n}\n\n.lysi-usage-intensive .lysi-usage-header {\n background: linear-gradient(135deg, var(--lysi-accent) 0%, #e8941f 100%);\n}\n\n.lysi-usage-icon {\n font-size: 24px;\n}\n\n.lysi-usage-title {\n color: white;\n font-size: 16px;\n font-weight: 700;\n}\n\n.lysi-usage-content {\n padding: 1.5rem;\n}\n\n.lysi-dosage {\n font-size: 28px;\n font-weight: 900;\n color: var(--lysi-primary-dark);\n margin-bottom: .5rem;\n}\n\n.lysi-usage-content p {\n font-size: 15px;\n color: var(--lysi-text-light);\n margin: 0;\n}\n\n.lysi-cure-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--lysi-secondary-light);\n border-radius: var(--lysi-radius);\n padding: 1.5rem 2rem;\n border-left: 5px solid var(--lysi-secondary);\n}\n\n.lysi-cure-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.lysi-cure-content strong {\n display: block;\n font-size: 17px;\n color: var(--lysi-primary-dark);\n margin-bottom: .25rem;\n}\n\n.lysi-cure-content p {\n font-size: 15px;\n color: var(--lysi-text-light);\n margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.lysi-quality-box {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n overflow: hidden;\n box-shadow: var(--lysi-shadow);\n}\n\n.lysi-quality-map {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n padding: 2rem;\n text-align: center;\n}\n\n.lysi-iceland-badge {\n display: inline-flex;\n align-items: center;\n gap: .75rem;\n background: rgba(255, 255, 255, .15);\n backdrop-filter: blur(10px);\n padding: 1rem 2rem;\n border-radius: 999px;\n border: 2px solid rgba(255, 255, 255, .3);\n}\n\n.lysi-flag {\n font-size: 32px;\n}\n\n.lysi-iceland-badge span:last-child {\n color: white;\n font-size: 20px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 2px;\n}\n\n.lysi-quality-features {\n padding: clamp(1.5rem, 4vw, 2.5rem);\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.lysi-quality-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lysi-quality-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.lysi-quality-item strong {\n display: block;\n font-size: 15px;\n color: var(--lysi-primary-dark);\n margin-bottom: .25rem;\n}\n\n.lysi-quality-item p {\n font-size: 14px;\n color: var(--lysi-text-light);\n margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.lysi-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.lysi-info-item {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--lysi-shadow);\n transition: all .3s ease;\n}\n\n.lysi-info-item:hover {\n transform: translateY(-5px);\n box-shadow: var(--lysi-shadow-lg);\n}\n\n.lysi-info-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.lysi-info-label {\n display: block;\n font-size: 13px;\n color: var(--lysi-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .25rem;\n}\n\n.lysi-info-value {\n display: block;\n font-size: 17px;\n font-weight: 800;\n color: var(--lysi-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.lysi-warning-box {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--lysi-accent-light);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n border-left: 5px solid var(--lysi-accent);\n}\n\n.lysi-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.lysi-warning-content strong {\n display: block;\n font-size: 17px;\n color: var(--lysi-primary-dark);\n margin-bottom: .75rem;\n}\n\n.lysi-warning-content ul {\n margin: 0;\n padding: 0 0 0 1.25rem;\n}\n\n.lysi-warning-content li {\n font-size: 14px;\n color: var(--lysi-text-light);\n margin-bottom: .5rem;\n line-height: 1.5;\n}\n\n.lysi-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.lysi-cta-box {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n border-radius: var(--lysi-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lysi-cta-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='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23ffffff' stroke-opacity='0.05' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.lysi-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.lysi-cta-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.lysi-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n}\n\n.lysi-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.lysi-cta-badge {\n display: inline-block;\n padding: 8px 16px;\n background: rgba(255, 255, 255, .2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\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 .lysi-grid,\n .lysi-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .lysi-hero-stats {\n flex-direction: column;\n align-items: center;\n }\n \n .lysi-stat {\n width: 100%;\n max-width: 200px;\n }\n \n .lysi-cure-box {\n flex-direction: column;\n text-align: center;\n }\n \n .lysi-warning-box {\n flex-direction: column;\n }\n \n .lysi-quality-item {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lysi-card,\n .lysi-usage-card,\n .lysi-info-item {\n animation: lysiFadeInUp .6s ease backwards;\n }\n \n .lysi-card:nth-child(1),\n .lysi-info-item:nth-child(1) { animation-delay: .1s; }\n .lysi-card:nth-child(2),\n .lysi-info-item:nth-child(2) { animation-delay: .2s; }\n .lysi-card:nth-child(3),\n .lysi-info-item:nth-child(3) { animation-delay: .3s; }\n .lysi-card:nth-child(4),\n .lysi-info-item:nth-child(4) { animation-delay: .4s; }\n \n .lysi-badge {\n animation: lysiFadeIn .5s ease backwards;\n }\n \n .lysi-badge:nth-child(1) { animation-delay: .2s; }\n .lysi-badge:nth-child(2) { animation-delay: .3s; }\n .lysi-badge:nth-child(3) { animation-delay: .4s; }\n}\n\n@keyframes lysiFadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes lysiFadeIn {\n from {\n opacity: 0;\n transform: scale(.9);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .lysi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .lysi-card,\n .lysi-composition-box,\n .lysi-usage-card,\n .lysi-quality-box,\n .lysi-info-item {\n border: 2px solid var(--lysi-text);\n }\n \n .lysi-text-light {\n color: var(--lysi-text);\n }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":55143738245497,"sku":"NBAILSI0005","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-capital-forme-60-gelules-lysi-packshothd.webp?v=1790597299"},{"product_id":"omega-3-enfants-huile-de-poissons-240-ml-lysi","title":"Oméga 3 pour enfants (Huile de poissons) - 240 ml - Lysi","description":"\u003cdiv class=\"lysi-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lysi-hero\"\u003e\n \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lysi-hero-content\"\u003e\n \u003cdiv class=\"lysi-badges-top\"\u003e\n \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Produit islandais\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🍋 Arôme naturel citron\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🐟 EPA 700 mg + DHA 1300 mg\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e👶 Dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lysi-hero-title\"\u003eOméga 3 pour enfants Lýsi\u003c\/span\u003e\n \u003cp class=\"lysi-subtitle\"\u003eHuile de poissons pure d'Islande — 240 ml\u003c\/p\u003e\n \u003cp class=\"lysi-description\"\u003eUne huile de poisson riche en oméga 3, vitamine D et vitamine A, formulée spécialement pour les enfants avec un délicieux arôme naturel de citron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eOméga 3 liquide pour enfants Lýsi : une huile de poisson pure venue d'Islande\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eOffrir à votre enfant les nutriments dont il a besoin pour grandir sereinement, c'est un geste simple au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"lysi-testimonial\"\u003e\n \u003cp class=\"lysi-testimonial-text\"\u003eL'huile de poisson oméga-3 liquide pour enfants de Lýsi a été spécialement formulée pour répondre aux besoins des plus jeunes, avec un \u003cstrong\u003earôme naturel de citron\u003c\/strong\u003e qui rend la prise agréable, même pour les palais les plus réticents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003ePourquoi les oméga 3 sont essentiels pour les enfants\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au \u003cstrong\u003efonctionnement normal du cerveau\u003c\/strong\u003e, une fonction cruciale pendant les années de croissance et d'apprentissage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au \u003cstrong\u003emaintien d'une vision normale\u003c\/strong\u003e, essentiel pour les activités scolaires et le développement visuel de l'enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre inflammatoire\u003c\/h3\u003e\n \u003cp\u003eL'EPA contribue au \u003cstrong\u003ebon équilibre inflammatoire\u003c\/strong\u003e de l'organisme, soutenant le bien-être général de votre enfant au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-tip\"\u003e\n \u003cspan class=\"lysi-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eL'alimentation moderne ne couvre pas toujours les apports recommandés en oméga 3. Un complément alimentaire liquide comme celui de Lýsi permet de combler ces besoins sans avoir à convaincre votre enfant de manger du poisson plusieurs fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eUne composition riche et complète\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003ePour une dose journalière de \u003cstrong\u003e10 ml\u003c\/strong\u003e (enfants à partir de 6 ans), cette huile de poisson fournit :\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid-compact\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🐟 EPA\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e700 mg\u003c\/strong\u003e par dose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧠 DHA\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1300 mg\u003c\/strong\u003e par dose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D\u003c\/h3\u003e\n \u003cp\u003eCroissance osseuse et système immunitaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🥕 Vitamine A\u003c\/h3\u003e\n \u003cp\u003eYeux, peau et développement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-tip\"\u003e\n \u003cspan class=\"lysi-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e huile de poissons (anchois, sardines), arôme naturel de citron, antioxydant : tocophérols mixtes (vitamine E), vitamine D3, vitamine A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003ePosologie adaptée selon l'âge\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eLe flacon de \u003cstrong\u003e240 ml\u003c\/strong\u003e offre entre 24 et 48 doses selon l'âge de votre enfant :\u003c\/p\u003e\n \u003cdiv class=\"lysi-timeline\"\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003eDe 3 à 6 ans\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à café (\u003cstrong\u003e5 ml\u003c\/strong\u003e) par jour — soit environ \u003cstrong\u003e48 jours de cure\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003eÀ partir de 6 ans\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à soupe (\u003cstrong\u003e10 ml\u003c\/strong\u003e) par jour — soit environ \u003cstrong\u003e24 jours de cure\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-tip\"\u003e\n \u003cspan class=\"lysi-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003eNous vous conseillons de renouveler cette cure \u003cstrong\u003eplusieurs fois par an\u003c\/strong\u003e, en particulier lors de la rentrée scolaire, des périodes d'examens ou pendant l'hiver, quand le système immunitaire est davantage sollicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eLa qualité islandaise Lýsi : pure, contrôlée, fiable\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🏔️ Depuis 1938\u003c\/h3\u003e\n \u003cp\u003eEntreprise familiale islandaise spécialisée dans la production d'\u003cstrong\u003ehuile de poisson de haute qualité\u003c\/strong\u003e depuis plus de 85 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🌊 Eaux pures d'Islande\u003c\/h3\u003e\n \u003cp\u003ePoissons issus des \u003cstrong\u003eeaux froides et pures de l'Atlantique Nord\u003c\/strong\u003e et de l'océan Arctique, rigoureusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🔬 Contrôle strict\u003c\/h3\u003e\n \u003cp\u003eChaque lot est analysé pour garantir l'\u003cstrong\u003eabsence de métaux lourds\u003c\/strong\u003e, de dioxines et de PCB. Indice TOTOX très bas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-tip\"\u003e\n \u003cspan class=\"lysi-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eL'\u003cstrong\u003eindice TOTOX très bas\u003c\/strong\u003e témoigne de la fraîcheur exceptionnelle de cette huile. Plus l'indice est bas, moins l'huile est oxydée, et meilleure est sa qualité nutritionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et conservation\u003c\/h2\u003e\n \u003cdiv class=\"lysi-accordion\"\u003e\n \u003cdetails class=\"lysi-accordion-item\" open\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e🥄 Mode d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eAgitez le flacon avant chaque utilisation. Peut être pris directement à la cuillère ou mélangé à un yaourt, un jus de fruit ou une compote. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eAprès ouverture, conservez au \u003cstrong\u003eréfrigérateur\u003c\/strong\u003e et consommez dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\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, demandez conseil à votre médecin ou pédiatre avant de débuter une supplémentation.\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=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lysi-cta-box\"\u003e\n \u003cp\u003e🍋 Offrez à votre enfant le meilleur des oméga 3 d'Islande — une huile de poisson pure, riche en EPA, DHA, vitamine D et vitamine A, avec un goût citron qu'il va adorer !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lysi-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lysi-cream: #f8f6f1;\n --lysi-white: #ffffff;\n --lysi-primary: #2b5ea7;\n --lysi-primary-dark: #1a3d6e;\n --lysi-primary-light: #e8f0fa;\n --lysi-secondary: #f5c842;\n --lysi-accent: #e8a020;\n --lysi-text: #1a1a1a;\n --lysi-text-light: #5a5a5a;\n --lysi-border: #e0e0e0;\n --lysi-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lysi-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lysi-radius: 20px;\n --lysi-radius-sm: 12px;\n}\n\n.lysi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lysi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lysi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lysi-primary-dark) 0%, var(--lysi-primary) 45%, #3a7fd5 100%);\n border-radius: var(--lysi-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(--lysi-shadow-lg);\n}\n\n.lysi-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(245,200,66,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(245,200,66,.1) 0%, transparent 30%);\n opacity: 1;\n}\n\n.lysi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lysi-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.lysi-subtitle {\n color: var(--lysi-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.lysi-description {\n color: rgba(255,255,255,.9);\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.lysi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lysi-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(--lysi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lysi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lysi-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.lysi-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(--lysi-primary), var(--lysi-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lysi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lysi-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.lysi-card {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lysi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lysi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lysi-shadow-lg);\n border-color: var(--lysi-primary);\n}\n\n.lysi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lysi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lysi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lysi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lysi-grid-compact .lysi-card {\n padding: 1rem;\n}\n\n.lysi-grid-compact .lysi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lysi-grid-compact .lysi-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lysi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lysi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lysi-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lysi-primary), var(--lysi-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.lysi-timeline-content {\n flex: 1;\n background: var(--lysi-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lysi-radius-sm);\n box-shadow: var(--lysi-shadow);\n}\n\n.lysi-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lysi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lysi-timeline-content p {\n font-size: 14px;\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lysi-testimonial {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lysi-shadow);\n border-left: 4px solid var(--lysi-secondary);\n}\n\n.lysi-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lysi-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lysi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lysi-primary-light);\n border-radius: var(--lysi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lysi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lysi-tip p {\n font-size: 14px;\n color: var(--lysi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lysi-accordion {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n box-shadow: var(--lysi-shadow);\n overflow: hidden;\n}\n\n.lysi-accordion-item {\n border-bottom: 1px solid var(--lysi-border);\n margin: 0;\n padding: 0;\n}\n\n.lysi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lysi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lysi-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.lysi-accordion-header:hover {\n background: var(--lysi-primary-light);\n}\n\n.lysi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lysi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lysi-primary);\n transition: transform .2s ease;\n}\n\n.lysi-accordion-item[open] .lysi-accordion-header::after {\n content: '−';\n}\n\n.lysi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lysi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lysi-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.lysi-cta-box {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n border-radius: var(--lysi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lysi-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.lysi-disclaimer {\n font-size: 12px;\n color: var(--lysi-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 .lysi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lysi-card {\n padding: 1.125rem;\n }\n\n .lysi-section {\n margin-bottom: 1.75rem;\n }\n\n .lysi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lysi-radius-sm);\n }\n\n .lysi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lysi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lysi-grid-compact {\n gap: .625rem;\n }\n\n .lysi-grid-compact .lysi-card {\n padding: .75rem;\n }\n\n .lysi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lysi-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lysi-timeline-content h3 {\n font-size: 14px;\n }\n\n .lysi-timeline-content p {\n font-size: 13px;\n }\n\n .lysi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lysi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lysi-testimonial {\n padding: 1.25rem;\n }\n\n .lysi-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lysi-card {\n animation: lysi-fadeInUp .5s ease backwards;\n }\n .lysi-card:nth-child(1) { animation-delay: .05s; }\n .lysi-card:nth-child(2) { animation-delay: .1s; }\n .lysi-card:nth-child(3) { animation-delay: .15s; }\n .lysi-card:nth-child(4) { animation-delay: .2s; }\n .lysi-card:nth-child(5) { animation-delay: .25s; }\n .lysi-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lysi-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 .lysi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":55143787889017,"sku":"NBAILSI0006","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-pour-enfants-huile-de-poissons-240-ml-lysi-packshothd_e3139175-879c-4b08-a11d-bf7e13cab233.webp?v=1790596963"},{"product_id":"omega-3-capital-forme-240-ml-lysi","title":"Oméga 3 Capital Forme (240 ml) - arôme Citron - Lysi","description":"\u003cdiv class=\"lysi-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lysi-hero\"\u003e\n \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lysi-hero-content\"\u003e\n \u003cdiv class=\"lysi-badges-top\"\u003e\n \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Produit islandais\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🐟 Poissons sauvages\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🍋 Arôme naturel citron\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e📏 240 ml — 24 à 48 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lysi-hero-title\"\u003eOméga 3 Capital Forme Lýsi\u003c\/span\u003e\n \u003cp class=\"lysi-subtitle\"\u003eHuile de poisson pure · Arôme citron\u003c\/p\u003e\n \u003cp class=\"lysi-description\"\u003e3 435 mg d'oméga 3 par dose dont 1 472 mg d'EPA et 920 mg de DHA. Le savoir-faire islandais depuis 1938 pour votre cœur, votre cerveau et votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eHuile de poisson Lysi Oméga 3 Capital Forme : la pureté islandaise au goût citron\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eVous cherchez une façon simple et agréable d'intégrer davantage d'oméga 3 dans votre alimentation quotidienne ?\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid-compact\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧊 Origine arctique\u003c\/h3\u003e\n \u003cp\u003ePoissons sauvages pêchés dans les eaux glaciales de l'Atlantique Nord et de l'Océan Arctique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e⚗️ Concentration élevée\u003c\/h3\u003e\n \u003cp\u003eRichesse remarquable en EPA et DHA pour une efficacité maximale à chaque cuillère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🏭 Savoir-faire Lýsi\u003c\/h3\u003e\n \u003cp\u003eFabriquée en Islande depuis 1938, expertise reconnue dans la purification des huiles marines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🍋 Goût agréable\u003c\/h3\u003e\n \u003cp\u003eArôme naturel de citron qui masque le goût du poisson, adopté même par les plus réticents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003ePourquoi les oméga 3 sont-ils si importants ?\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eNotre corps ne sait pas fabriquer les acides gras oméga 3 : il doit les trouver dans l'alimentation. Or, les aliments riches en oméga 3 (poissons gras, graines de lin, noix) sont souvent insuffisamment présents dans nos assiettes. C'est là qu'une supplémentation de qualité prend tout son sens.\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque normale\u003c\/h3\u003e\n \u003cp\u003eL'EPA et le DHA contribuent au fonctionnement normal du cœur à partir de 250 mg\/jour — cette huile en fournit près de 2 400 mg.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👁️ Vision\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une vision normale, un soutien précieux au quotidien face aux écrans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cérébrales\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au fonctionnement normal du cerveau, un bienfait particulièrement précieux à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e💪 Récupération et vitalité\u003c\/h3\u003e\n \u003cp\u003eLes sportifs apprécient les oméga 3 pour soutenir la souplesse des membranes cellulaires et favoriser la récupération après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eComposition nutritionnelle pour 10 ml (1 cuillère à soupe)\u003c\/h2\u003e\n \u003cdiv class=\"lysi-nutrition-table\"\u003e\n \u003cdiv class=\"lysi-nutrition-highlight\"\u003e\n \u003cdiv class=\"lysi-nutrition-big\"\u003e\n \u003cspan class=\"lysi-nutrition-number\"\u003e3 435 mg\u003c\/span\u003e\n \u003cspan class=\"lysi-nutrition-label\"\u003eTotal oméga 3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-sub-row\"\u003e\n \u003cdiv class=\"lysi-nutrition-sub\"\u003e\n \u003cspan class=\"lysi-nutrition-sub-number\"\u003e1 472 mg\u003c\/span\u003e\n \u003cspan class=\"lysi-nutrition-sub-label\"\u003eEPA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-sub\"\u003e\n \u003cspan class=\"lysi-nutrition-sub-number\"\u003e920 mg\u003c\/span\u003e\n \u003cspan class=\"lysi-nutrition-sub-label\"\u003eDHA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-details\"\u003e\n \u003cdiv class=\"lysi-nutrition-row\"\u003e\n \u003cspan\u003eValeur énergétique\u003c\/span\u003e\n \u003cspan\u003e340 kJ \/ 81,3 kcal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-row\"\u003e\n \u003cspan\u003eLipides\u003c\/span\u003e\n \u003cspan\u003e9,2 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-row lysi-nutrition-indent\"\u003e\n \u003cspan\u003edont saturés\u003c\/span\u003e\n \u003cspan\u003e2,4 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-row lysi-nutrition-indent\"\u003e\n \u003cspan\u003edont mono-insaturés\u003c\/span\u003e\n \u003cspan\u003e2,4 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-row lysi-nutrition-indent\"\u003e\n \u003cspan\u003edont polyinsaturés\u003c\/span\u003e\n \u003cspan\u003e4,4 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-row\"\u003e\n \u003cspan\u003eProtéines\u003c\/span\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-nutrition-row\"\u003e\n \u003cspan\u003eGlucides\u003c\/span\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-tip\"\u003e\n \u003cspan class=\"lysi-tip-icon\"\u003e🧾\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e huile de poisson (poissons sauvages), arôme naturel de citron, antioxydant : tocophérols naturels (vitamine E).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eComment prendre l'huile Lysi Oméga 3 ?\u003c\/h2\u003e\n \u003cdiv class=\"lysi-timeline\"\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003e🧒 Enfants de 3 à 6 ans\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à café (5 ml) par jour. Le flacon offre environ 48 jours de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003e🧑 À partir de 6 ans et adultes\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à soupe (10 ml) par jour. Le flacon de 240 ml offre environ 24 jours de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003e🍹 Astuces de prise\u003c\/h3\u003e\n \u003cp\u003eDirectement à la cuillère ou ajoutée à un smoothie, une salade ou un yaourt. L'arôme naturel de citron masque efficacement le goût du poisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-tip\"\u003e\n \u003cspan class=\"lysi-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRecommandation :\u003c\/strong\u003e 2 cures de 3 mois dans l'année pour un adulte, afin de maintenir un apport optimal en oméga 3 tout au long de l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eQualité, traçabilité et engagement Lysi\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🎣 Pêche durable\u003c\/h3\u003e\n \u003cp\u003eLýsi sélectionne exclusivement des poissons sauvages issus de zones de pêche durables dans les eaux islandaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🔬 Pureté garantie\u003c\/h3\u003e\n \u003cp\u003eChaque lot est purifié en Islande selon des procédés qui garantissent l'absence de métaux lourds et de polluants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🛡️ Stabilité optimale\u003c\/h3\u003e\n \u003cp\u003eL'huile est stabilisée grâce à des tocophérols naturels (vitamine E) pour préserver sa fraîcheur et ses propriétés dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions et conseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"lysi-accordion\"\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un suivi médical. Demandez conseil à votre professionnel de santé avant utilisation, notamment pour les femmes enceintes, allaitantes ou les jeunes enfants. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eAprès ouverture, conservez le flacon au réfrigérateur et consommez-le dans les délais indiqués sur l'emballage. Avant ouverture, conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"lysi-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Les allégations de santé sont conformes au règlement européen (CE) n° 1924\/2006.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lysi-cream: #faf8f4;\n --lysi-white: #ffffff;\n --lysi-primary: #1e3a6e;\n --lysi-primary-dark: #142952;\n --lysi-primary-light: #e8eef6;\n --lysi-secondary: #3ab0b8;\n --lysi-accent: #f5a623;\n --lysi-accent-light: #fef6e6;\n --lysi-text: #1a1a1a;\n --lysi-text-light: #5a5a5a;\n --lysi-border: #e0e0e0;\n --lysi-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lysi-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lysi-radius: 20px;\n --lysi-radius-sm: 12px;\n}\n\n.lysi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lysi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lysi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lysi-primary) 0%, #2a4f8a 40%, var(--lysi-secondary) 100%);\n border-radius: var(--lysi-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(--lysi-shadow-lg);\n}\n\n.lysi-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='30' viewBox='0 0 60 30' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M5 15 Q15 5 25 15 Q35 25 45 15 Q55 5 65 15' fill='none' stroke='white' stroke-width='1.5'\/%3E%3C\/svg%3E\");\n background-size: 80px 40px;\n opacity: .06;\n}\n\n.lysi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lysi-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.lysi-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.lysi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lysi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lysi-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(--lysi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lysi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lysi-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.lysi-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(--lysi-accent), var(--lysi-secondary));\n border-radius: 2px;\n}\n\n.lysi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lysi-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.lysi-card {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lysi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lysi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lysi-shadow-lg);\n border-color: var(--lysi-primary);\n}\n\n.lysi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lysi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lysi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lysi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lysi-grid-compact .lysi-card {\n padding: 1rem;\n}\n\n.lysi-grid-compact .lysi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lysi-grid-compact .lysi-card p {\n font-size: 12px;\n}\n\n\/* === NUTRITION TABLE === *\/\n.lysi-nutrition-table {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n box-shadow: var(--lysi-shadow);\n overflow: hidden;\n}\n\n.lysi-nutrition-highlight {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, #2a4f8a 100%);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n}\n\n.lysi-nutrition-big {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n margin-bottom: 1.25rem;\n}\n\n.lysi-nutrition-number {\n font-size: clamp(32px, 7vw, 48px);\n font-weight: 900;\n color: var(--lysi-accent);\n letter-spacing: -.03em;\n}\n\n.lysi-nutrition-label {\n font-size: clamp(14px, 2.5vw, 18px);\n color: rgba(255,255,255,.9);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.lysi-nutrition-sub-row {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 5vw, 3rem);\n}\n\n.lysi-nutrition-sub {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2px;\n}\n\n.lysi-nutrition-sub-number {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 800;\n color: white;\n}\n\n.lysi-nutrition-sub-label {\n font-size: clamp(12px, 2vw, 15px);\n color: rgba(255,255,255,.7);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n.lysi-nutrition-details {\n padding: 1rem clamp(1rem, 3vw, 1.5rem);\n}\n\n.lysi-nutrition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .6rem 0;\n border-bottom: 1px solid var(--lysi-border);\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lysi-text);\n}\n\n.lysi-nutrition-row:last-child {\n border-bottom: none;\n}\n\n.lysi-nutrition-indent {\n padding-left: 1.25rem;\n color: var(--lysi-text-light);\n font-size: clamp(12px, 1.8vw, 14px);\n}\n\n\/* === TIMELINE === *\/\n.lysi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lysi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lysi-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lysi-primary), var(--lysi-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.lysi-timeline-content {\n flex: 1;\n background: var(--lysi-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lysi-radius-sm);\n box-shadow: var(--lysi-shadow);\n}\n\n.lysi-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lysi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lysi-timeline-content p {\n font-size: 14px;\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lysi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lysi-accent-light);\n border-radius: var(--lysi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lysi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lysi-tip p {\n font-size: 14px;\n color: var(--lysi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.lysi-testimonial {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lysi-shadow);\n border-left: 4px solid var(--lysi-primary);\n}\n\n.lysi-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lysi-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.lysi-accordion {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n box-shadow: var(--lysi-shadow);\n overflow: hidden;\n}\n\n.lysi-accordion-item {\n border-bottom: 1px solid var(--lysi-border);\n margin: 0;\n padding: 0;\n}\n\n.lysi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lysi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lysi-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.lysi-accordion-header:hover {\n background: var(--lysi-primary-light);\n}\n\n.lysi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lysi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lysi-primary);\n transition: transform .2s ease;\n}\n\n.lysi-accordion-item[open] .lysi-accordion-header::after {\n content: '−';\n}\n\n.lysi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lysi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lysi-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.lysi-cta-box {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n border-radius: var(--lysi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lysi-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.lysi-disclaimer {\n font-size: 12px;\n color: var(--lysi-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .lysi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lysi-card {\n padding: 1.125rem;\n }\n\n .lysi-section {\n margin-bottom: 1.75rem;\n }\n\n .lysi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lysi-radius-sm);\n }\n\n .lysi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lysi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lysi-grid-compact {\n gap: .625rem;\n }\n\n .lysi-grid-compact .lysi-card {\n padding: .75rem;\n }\n\n .lysi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lysi-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lysi-timeline-content h3 {\n font-size: 14px;\n }\n\n .lysi-timeline-content p {\n font-size: 13px;\n }\n\n .lysi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lysi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lysi-testimonial {\n padding: 1.25rem;\n }\n\n .lysi-testimonial-text {\n font-size: 14px;\n }\n\n .lysi-nutrition-highlight {\n padding: 1.25rem;\n }\n\n .lysi-nutrition-sub-row {\n gap: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lysi-card {\n animation: lysi-fadeInUp .5s ease backwards;\n }\n .lysi-card:nth-child(1) { animation-delay: .05s; }\n .lysi-card:nth-child(2) { animation-delay: .1s; }\n .lysi-card:nth-child(3) { animation-delay: .15s; }\n .lysi-card:nth-child(4) { animation-delay: .2s; }\n .lysi-card:nth-child(5) { animation-delay: .25s; }\n .lysi-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lysi-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lysi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":55143872463225,"sku":"NBAILSI0004","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-capital-forme-240-ml-arome-citron-lysi-packshothd.webp?v=1775986972"},{"product_id":"omega-3-enfants-60-capsules-lysi","title":"Oméga 3 pour Enfants - 60 capsules fruitées à mâcher - Lysi","description":"\u003cdiv class=\"lysi-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lysi-hero\"\u003e\n \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lysi-hero-content\"\u003e\n \u003cdiv class=\"lysi-badges-top\"\u003e\n \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Fabriqué en Islande\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🐟 Huile de poisson sauvage\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🍊 Goût fruité\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e☀️ Vitamine D incluse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lysi-hero-title\"\u003eOméga 3 pour enfants Lýsi\u003c\/span\u003e\n \u003cp class=\"lysi-subtitle\"\u003e60 capsules fruitées à mâcher — Riche en EPA, DHA \u0026amp; vitamine D\u003c\/p\u003e\n \u003cp class=\"lysi-description\"\u003eDes capsules à croquer au bon goût de fruits, spécialement formulées pour accompagner la croissance et le développement de votre enfant. Expertise islandaise depuis 1938.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eOméga 3 enfants Lysi : des capsules à mâcher riches en EPA, DHA et vitamine D\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eVous cherchez un moyen simple et agréable d'apporter des oméga 3 à votre enfant ? Les capsules oméga 3 pour enfants Lysi ont été pensées pour répondre exactement à ce besoin.\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid-compact\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🏔️ Expertise islandaise\u003c\/h3\u003e\n \u003cp\u003eFabriquées en Islande par Lýsi, expert en huiles marines depuis 1938\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🍬 Capsules à mâcher\u003c\/h3\u003e\n \u003cp\u003eFormat ludique et facile à croquer, même pour les plus réticents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🍇 Goût fruité\u003c\/h3\u003e\n \u003cp\u003eSaveur naturelle de fruits qui rend la supplémentation agréable au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👶 Dès 4 ans\u003c\/h3\u003e\n \u003cp\u003eDosage spécialement adapté aux besoins des enfants en pleine croissance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003ePourquoi donner des oméga 3 à votre enfant ?\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eLes acides gras oméga 3, en particulier le DHA et l'EPA, jouent un rôle fondamental durant la croissance. L'alimentation moderne ne couvre pas toujours les apports recommandés en poissons gras.\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧠 Fonctionnement du cerveau\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au \u003cstrong\u003efonctionnement normal du cerveau\u003c\/strong\u003e, une fonction essentielle chez l'enfant en plein développement cognitif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au \u003cstrong\u003emaintien d'une vision normale\u003c\/strong\u003e, indispensable pour les apprentissages scolaires et les activités quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre lipidique\u003c\/h3\u003e\n \u003cp\u003eL'EPA soutient le \u003cstrong\u003ebon équilibre lipidique\u003c\/strong\u003e de l'organisme, contribuant au bien-être général de votre enfant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-tip\"\u003e\n \u003cspan class=\"lysi-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne supplémentation bien dosée en capsules d'huile de poisson oméga 3 permet de combler le manque d'apports en poissons gras en toute simplicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eComposition détaillée par capsule\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eChaque capsule à mâcher Lysi apporte une formule concentrée et complète, associant oméga 3 de haute qualité et vitamine D.\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card lysi-card-highlight\"\u003e\n \u003ch3\u003e🐟 Huile de poisson sauvage\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e par capsule — Issue du Pacifique Sud, pêche durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-card-highlight\"\u003e\n \u003ch3\u003e🔬 Oméga 3 totaux\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e201 mg\u003c\/strong\u003e dont EPA : \u003cstrong\u003e96 mg\u003c\/strong\u003e et DHA : \u003cstrong\u003e63 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-card-highlight\"\u003e\n \u003ch3\u003e☀️ Vitamine D\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 µg\u003c\/strong\u003e soit \u003cstrong\u003e100 % des VNR*\u003c\/strong\u003e — Croissance osseuse et immunité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-detail\"\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e gélatine de poisson, glycérine, eau purifiée, arôme naturel de fruits, sucralose, tocophérols mixtes (antioxydant).\u003c\/p\u003e\n \u003cp class=\"lysi-vnr\"\u003e*Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-tip\"\u003e\n \u003cspan class=\"lysi-tip-icon\"\u003e🦴\u003c\/span\u003e\n \u003cp\u003eLa \u003cstrong\u003evitamine D\u003c\/strong\u003e naturellement présente renforce l'intérêt de cette formule : elle contribue à la croissance et au développement osseux normaux des enfants, ainsi qu'au \u003cstrong\u003ebon fonctionnement du système immunitaire\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"lysi-timeline\"\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003eEnfants de 4 à 6 ans\u003c\/h3\u003e\n \u003cp\u003eDonnez \u003cstrong\u003e1 capsule à mâcher par jour\u003c\/strong\u003e, de préférence au moment d'un repas. La capsule se croque facilement grâce à son enveloppe souple et sa saveur fruitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003eÀ partir de 6 ans\u003c\/h3\u003e\n \u003cp\u003eDonnez \u003cstrong\u003e2 capsules par jour\u003c\/strong\u003e à mâcher avant d'avaler, au moment d'un repas, pour un apport optimal en oméga 3 et vitamine D.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-item\"\u003e\n \u003cdiv class=\"lysi-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lysi-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLa boîte de \u003cstrong\u003e60 capsules\u003c\/strong\u003e correspond à une \u003cstrong\u003ecure de 1 à 2 mois\u003c\/strong\u003e selon l'âge. Recommandation : \u003cstrong\u003e2 cures de 3 mois minimum dans l'année\u003c\/strong\u003e, notamment à la rentrée, en hiver ou lors de périodes d'apprentissage intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eCe qui distingue les oméga 3 Lysi pour enfants\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🍊 Format à mâcher goût fruité\u003c\/h3\u003e\n \u003cp\u003eFini le combat avec l'huile de foie de morue ou les grosses gélules à avaler : vos enfants les adorent !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🌊 Pêche durable\u003c\/h3\u003e\n \u003cp\u003eHuile de poisson sauvage issue d'une \u003cstrong\u003epêche durable\u003c\/strong\u003e dans le Pacifique Sud, pour un produit responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🏭 Qualité islandaise\u003c\/h3\u003e\n \u003cp\u003eFabrication en Islande avec des contrôles qualité rigoureux, garantissant une huile \u003cstrong\u003epurifiée et sans contaminants\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e💊 Formule 2-en-1\u003c\/h3\u003e\n \u003cp\u003eAssociation unique d'\u003cstrong\u003eoméga 3 et vitamine D\u003c\/strong\u003e dans une seule capsule pour une supplémentation complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🌿 Sans arôme artificiel\u003c\/h3\u003e\n \u003cp\u003eArôme naturel de fruits et dosage spécifiquement \u003cstrong\u003eadapté aux besoins des enfants\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"lysi-accordion\"\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e60 capsules à mâcher\u003c\/strong\u003e — Durée de la cure : \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e selon l'âge. Adapté aux enfants \u003cstrong\u003edès 4 ans\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e🌍 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de poisson d'origine \u003cstrong\u003ePacifique Sud\u003c\/strong\u003e. Produit \u003cstrong\u003efabriqué en Islande\u003c\/strong\u003e par Lýsi, expert depuis 1938.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e⚠️ Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eContient du \u003cstrong\u003epoisson\u003c\/strong\u003e. Consultez votre médecin en cas d'allergie connue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un \u003cstrong\u003eendroit frais et sec\u003c\/strong\u003e, à 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=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e📋 Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. En cas de doute, demandez conseil à votre médecin ou pharmacien avant de débuter la supplémentation.\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=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lysi-cta-box\"\u003e\n \u003cp\u003e🐟 Offrez à votre enfant le meilleur des oméga 3 islandais — Des capsules fruitées à mâcher qu'il réclamera lui-même chaque matin !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lysi-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:root {\n --lysi-cream: #f7f5f0;\n --lysi-white: #ffffff;\n --lysi-primary: #2b3a67;\n --lysi-primary-dark: #1a2544;\n --lysi-primary-light: #e8ecf4;\n --lysi-secondary: #f5a623;\n --lysi-accent: #e8882f;\n --lysi-text: #1a1a1a;\n --lysi-text-light: #5a5a5a;\n --lysi-border: #e0e0e0;\n --lysi-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lysi-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lysi-radius: 20px;\n --lysi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lysi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lysi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lysi-premium *,\n.lysi-premium *::before,\n.lysi-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.lysi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lysi-primary) 0%, #3d4f8a 50%, var(--lysi-primary-dark) 100%);\n border-radius: var(--lysi-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(--lysi-shadow-lg);\n}\n\n.lysi-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(245,166,35,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,166,35,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.lysi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lysi-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.lysi-subtitle {\n color: var(--lysi-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.lysi-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.lysi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lysi-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(--lysi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lysi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lysi-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.lysi-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(--lysi-secondary), var(--lysi-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lysi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lysi-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.lysi-card {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lysi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lysi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lysi-shadow-lg);\n border-color: var(--lysi-secondary);\n}\n\n.lysi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lysi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lysi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lysi-card-highlight {\n border-left: 4px solid var(--lysi-secondary);\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lysi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lysi-grid-compact .lysi-card {\n padding: 1rem;\n}\n\n.lysi-grid-compact .lysi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lysi-grid-compact .lysi-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lysi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lysi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lysi-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lysi-primary), var(--lysi-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.lysi-timeline-content {\n flex: 1;\n background: var(--lysi-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lysi-radius-sm);\n box-shadow: var(--lysi-shadow);\n}\n\n.lysi-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lysi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lysi-timeline-content p {\n font-size: 14px;\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION DETAIL === *\/\n.lysi-composition-detail {\n background: var(--lysi-primary-light);\n border-radius: var(--lysi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n margin-bottom: 1rem;\n}\n\n.lysi-composition-detail p {\n font-size: 14px;\n color: var(--lysi-text);\n line-height: 1.6;\n margin: 0 0 .5rem 0;\n}\n\n.lysi-composition-detail p:last-child {\n margin-bottom: 0;\n}\n\n.lysi-vnr {\n font-style: italic;\n font-size: 13px !important;\n color: var(--lysi-text-light) !important;\n}\n\n\/* === TIP BOX === *\/\n.lysi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lysi-primary-light);\n border-radius: var(--lysi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lysi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lysi-tip p {\n font-size: 14px;\n color: var(--lysi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.lysi-testimonial {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lysi-shadow);\n border-left: 4px solid var(--lysi-secondary);\n}\n\n.lysi-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lysi-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.lysi-accordion {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n box-shadow: var(--lysi-shadow);\n overflow: hidden;\n}\n\n.lysi-accordion-item {\n border-bottom: 1px solid var(--lysi-border);\n margin: 0;\n padding: 0;\n}\n\n.lysi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lysi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lysi-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.lysi-accordion-header:hover {\n background: var(--lysi-primary-light);\n}\n\n.lysi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lysi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lysi-secondary);\n transition: transform .2s ease;\n}\n\n.lysi-accordion-item[open] .lysi-accordion-header::after {\n content: '−';\n}\n\n.lysi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lysi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lysi-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.lysi-cta-box {\n background: linear-gradient(135deg, var(--lysi-secondary) 0%, var(--lysi-accent) 100%);\n border-radius: var(--lysi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lysi-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.lysi-disclaimer {\n font-size: 12px;\n color: var(--lysi-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 .lysi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lysi-card {\n padding: 1.125rem;\n }\n\n .lysi-section {\n margin-bottom: 1.75rem;\n }\n\n .lysi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lysi-radius-sm);\n }\n\n .lysi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lysi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lysi-grid-compact {\n gap: .625rem;\n }\n\n .lysi-grid-compact .lysi-card {\n padding: .75rem;\n }\n\n .lysi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lysi-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lysi-timeline-content h3 {\n font-size: 14px;\n }\n\n .lysi-timeline-content p {\n font-size: 13px;\n }\n\n .lysi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lysi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lysi-testimonial {\n padding: 1.25rem;\n }\n\n .lysi-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lysi-card {\n animation: lysiFadeInUp .5s ease backwards;\n }\n .lysi-card:nth-child(1) { animation-delay: .05s; }\n .lysi-card:nth-child(2) { animation-delay: .1s; }\n .lysi-card:nth-child(3) { animation-delay: .15s; }\n .lysi-card:nth-child(4) { animation-delay: .2s; }\n .lysi-card:nth-child(5) { animation-delay: .25s; }\n .lysi-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lysiFadeInUp {\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 .lysi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":55144006287737,"sku":"NBAILSI0007","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-pour-enfants-60-capsules-fruitees-a-macher-lysi-packshothd_874d6d6d-4bda-4833-a6e3-cedfe3469e0f.webp?v=1790597120"},{"product_id":"omega-3-90-capsules-meralia","title":"Oméga 3 - cerveau, cœur et vision - 90 capsules - MERALIA","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Oméga 3 Meralia - 90 capsules\nPalette détectée:\n - Primaire: #1e3a6e (bleu marine foncé du bouchon et bandeau)\n - Secondaire: #4a7ec2 (bleu moyen de la bande décorative)\n - Accent: #6db3d4 (bleu clair du poisson\/logo)\n - Fond packaging: #f0f2f5 (gris-blanc du pot)\nAmbiance: Santé marine, scientifique mais accessible, confiance, pureté océanique\nPréfixe CSS: om3\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Oméga 3 Meralia : des acides gras essentiels pour votre cerveau, votre cœur et votre vision\"\n 2. \"Les bienfaits des oméga 3 contenus dans cette formule\"\n 3. \"Composition détaillée pour 2 capsules (dose journalière)\"\n 4. \"Comment prendre l'Oméga 3 Meralia ?\"\n 5. \"Pourquoi choisir cette formule plutôt qu'une autre ?\"\n 6. \"À qui s'adresse ce complément ?\"\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=\"om3-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"om3-hero\"\u003e\n \u003cdiv class=\"om3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-hero-content\"\u003e\n \u003cdiv class=\"om3-badges-top\"\u003e\n \u003cspan class=\"om3-badge\"\u003e🐟 Huile de poisson purifiée\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e🧠 500 mg DHA \/ dose\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e💊 90 capsules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"om3-hero-title\"\u003eOméga 3 Meralia\u003c\/span\u003e\n \u003cp class=\"om3-subtitle\"\u003eCerveau · Cœur · Vision\u003c\/p\u003e\n \u003cp class=\"om3-description\"\u003eDes acides gras essentiels hautement concentrés en DHA et EPA, enrichis en vitamine E antioxydante. Une formule marine d'excellence pour votre bien-être quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eOméga 3 Meralia : des acides gras essentiels pour votre cerveau, votre cœur et votre vision\u003c\/h2\u003e\n \u003cp class=\"om3-section-intro\"\u003eVotre corps ne sait pas fabriquer les oméga 3, et pourtant il en a besoin chaque jour. Ces acides gras polyinsaturés interviennent dans le fonctionnement de votre cerveau, la santé de votre cœur et le maintien d'une vision normale.\u003c\/p\u003e\n \u003cdiv class=\"om3-highlight-box\"\u003e\n \u003cp\u003eLe complément alimentaire \u003cstrong\u003eOméga 3 Meralia\u003c\/strong\u003e vous apporte une huile de poisson purifiée, hautement concentrée en \u003cstrong\u003eDHA\u003c\/strong\u003e et \u003cstrong\u003eEPA\u003c\/strong\u003e, enrichie en \u003cstrong\u003evitamine E\u003c\/strong\u003e antioxydante. Une formule pensée pour celles et ceux qui souhaitent prendre soin d'eux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eLes bienfaits des oméga 3 contenus dans cette formule\u003c\/h2\u003e\n \u003cp class=\"om3-section-intro\"\u003eLes bienfaits des oméga 3 sont aujourd'hui largement reconnus par la communauté scientifique. Voici ce que cette supplémentation peut vous apporter concrètement :\u003c\/p\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cérébrales\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au fonctionnement normal du cerveau. Il participe au maintien des capacités cognitives, notamment la mémoire et la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eLe DHA et l'EPA contribuent à une fonction cardiaque normale, en soutenant un bon équilibre lipidique sanguin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e👁️ Vision\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une vision normale, car il est un composant structurel majeur de la rétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eL'EPA joue un rôle dans la régulation de l'humeur. Un apport régulier peut favoriser un meilleur bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E ajoutée agit comme un puissant antioxydant, protégeant vos cellules contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 2 capsules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"om3-compo-table\"\u003e\n \u003cdiv class=\"om3-compo-row om3-compo-main\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003e🐟 Huile de poisson\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003e1 000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row om3-compo-main\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003e🔬 Total oméga 3\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003e580 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row om3-compo-sub\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003edont DHA\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value om3-compo-highlight\"\u003e500 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row om3-compo-sub\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003edont EPA\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003e40 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003e💊 Enveloppe\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003eGélatine de poisson\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003e💧 Humectant\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003eGlycérol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-compo-row\"\u003e\n \u003cspan class=\"om3-compo-label\"\u003e🌿 Antioxydants\u003c\/span\u003e\n \u003cspan class=\"om3-compo-value\"\u003eExtraits de romarin, tocophérol (vitamine E naturelle)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-tip\"\u003e\n \u003cspan class=\"om3-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec \u003cstrong\u003e500 mg de DHA par dose\u003c\/strong\u003e, cette formule se distingue par sa haute concentration. L'huile est purifiée et désodorisée pour une tolérance optimale, sans trace de saumon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eComment prendre l'Oméga 3 Meralia ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-timeline\"\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 capsules par jour\u003c\/strong\u003e, de préférence en une seule prise pour plus de simplicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eAu cours d'un \u003cstrong\u003erepas contenant un peu de matière grasse\u003c\/strong\u003e. Les lipides du repas facilitent l'absorption des oméga 3.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003ePour un \u003cstrong\u003ebienfait optimal\u003c\/strong\u003e, maintenez une prise régulière sur plusieurs semaines. Le flacon de \u003cstrong\u003e90 capsules\u003c\/strong\u003e vous offre environ \u003cstrong\u003e45 jours de cure\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!-- H2 #5 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette formule plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏆 Haute teneur en DHA\u003c\/h3\u003e\n \u003cp\u003eAvec 500 mg par dose, c'est l'un des dosages les plus généreux du marché pour soutenir le cerveau et la vision.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🌊 Poissons sauvages\u003c\/h3\u003e\n \u003cp\u003eL'huile provient de poissons pêchés de manière responsable, dans le respect de la biodiversité marine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🍃 Enrichie en vitamine E\u003c\/h3\u003e\n \u003cp\u003eUn ajout pertinent pour protéger à la fois l'huile de l'oxydation et vos propres cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🐟 Gélule de poisson\u003c\/h3\u003e\n \u003cp\u003eL'enveloppe est en gélatine de poisson, cohérente avec une formule 100 % d'origine marine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e✨ Sans odeur désagréable\u003c\/h3\u003e\n \u003cp\u003eGrâce au procédé de purification et de désodorisation, pas de remontées de goût de poisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid-compact\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧠 Santé cognitive\u003c\/h3\u003e\n \u003cp\u003eMémoire, concentration, clarté mentale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e👁️ Confort visuel\u003c\/h3\u003e\n \u003cp\u003eMaintien d'une vision normale grâce au DHA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e❤️ Équilibre cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eSoutien d'une fonction cardiaque normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🍽️ Alimentation pauvre en poisson\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous consommez peu de poissons gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"om3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"om3-accordion\"\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e⚠️ Dose et recommandations\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eNe dépassez pas la dose journalière recommandée de 2 capsules. Ce 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\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, demandez conseil à votre médecin ou pharmacien avant de commencer la prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"om3-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé si nécessaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --om3-cream: #f0f4f8;\n --om3-white: #ffffff;\n --om3-primary: #1e3a6e;\n --om3-primary-dark: #132850;\n --om3-primary-light: #e8eff8;\n --om3-secondary: #4a7ec2;\n --om3-accent: #6db3d4;\n --om3-text: #1a1a2e;\n --om3-text-light: #5a6578;\n --om3-border: #dce4ed;\n --om3-shadow: 0 4px 24px rgba(30, 58, 110, .08);\n --om3-shadow-lg: 0 12px 48px rgba(30, 58, 110, .15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, #132850 0%, #1e3a6e 35%, #4a7ec2 70%, #6db3d4 100%);\n border-radius: var(--om3-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(--om3-shadow-lg);\n}\n\n.om3-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(109, 179, 212, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(74, 126, 194, .1) 0%, transparent 45%);\n opacity: 1;\n}\n\n.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.om3-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.om3-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(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.om3-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.om3-subtitle {\n color: rgba(255, 255, 255, .85);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.om3-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.om3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-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.om3-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(--om3-primary), var(--om3-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.om3-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--om3-text-light);\n margin-bottom: 1.5rem;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.om3-highlight-box {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--om3-shadow);\n border-left: 4px solid var(--om3-secondary);\n}\n\n.om3-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--om3-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-secondary);\n}\n\n.om3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.om3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.om3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.om3-grid-compact .om3-card {\n padding: 1rem;\n}\n\n.om3-grid-compact .om3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.om3-grid-compact .om3-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.om3-compo-table {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.om3-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(--om3-border);\n transition: background .2s ease;\n}\n\n.om3-compo-row:last-child {\n border-bottom: none;\n}\n\n.om3-compo-row:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-compo-main {\n background: var(--om3-primary-light);\n}\n\n.om3-compo-sub {\n padding-left: 2.5rem;\n}\n\n.om3-compo-label {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 600;\n color: var(--om3-text);\n}\n\n.om3-compo-value {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 700;\n color: var(--om3-primary-dark);\n text-align: right;\n}\n\n.om3-compo-highlight {\n color: var(--om3-secondary);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 900;\n}\n\n\/* === TIMELINE === *\/\n.om3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.om3-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.om3-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--om3-primary), var(--om3-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(30, 58, 110, .25);\n}\n\n.om3-timeline-content {\n flex: 1;\n background: var(--om3-white);\n padding: 1rem 1.25rem;\n border-radius: var(--om3-radius-sm);\n box-shadow: var(--om3-shadow);\n}\n\n.om3-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.om3-timeline-content p {\n font-size: 14px;\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.om3-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--om3-primary-light);\n border-radius: var(--om3-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.om3-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.om3-tip p {\n font-size: 14px;\n color: var(--om3-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.om3-accordion {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n}\n\n.om3-accordion-item {\n border-bottom: 1px solid var(--om3-border);\n margin: 0;\n padding: 0;\n}\n\n.om3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.om3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--om3-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.om3-accordion-header:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.om3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--om3-secondary);\n transition: transform .2s ease;\n}\n\n.om3-accordion-item[open] .om3-accordion-header::after {\n content: '−';\n}\n\n.om3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--om3-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.om3-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.om3-disclaimer {\n font-size: 12px;\n color: var(--om3-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 .om3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .om3-card {\n padding: 1.125rem;\n }\n\n .om3-section {\n margin-bottom: 1.75rem;\n }\n\n .om3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--om3-radius-sm);\n }\n\n .om3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .om3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .om3-grid-compact {\n gap: .625rem;\n }\n\n .om3-grid-compact .om3-card {\n padding: .75rem;\n }\n\n .om3-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .om3-timeline-content {\n padding: .875rem 1rem;\n }\n\n .om3-timeline-content h3 {\n font-size: 14px;\n }\n\n .om3-timeline-content p {\n font-size: 13px;\n }\n\n .om3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .om3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .om3-highlight-box {\n padding: 1.25rem;\n }\n\n .om3-compo-row {\n padding: .75rem 1rem;\n }\n\n .om3-compo-sub {\n padding-left: 1.75rem;\n }\n\n .om3-compo-label {\n font-size: 13px;\n }\n\n .om3-compo-value {\n font-size: 13px;\n }\n\n .om3-compo-highlight {\n font-size: 15px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .om3-card {\n animation: om3FadeInUp .5s ease backwards;\n }\n .om3-card:nth-child(1) { animation-delay: .05s; }\n .om3-card:nth-child(2) { animation-delay: .1s; }\n .om3-card:nth-child(3) { animation-delay: .15s; }\n .om3-card:nth-child(4) { animation-delay: .2s; }\n .om3-card:nth-child(5) { animation-delay: .25s; }\n .om3-card:nth-child(6) { animation-delay: .3s; }\n\n .om3-timeline-item {\n animation: om3FadeInUp .5s ease backwards;\n }\n .om3-timeline-item:nth-child(1) { animation-delay: .05s; }\n .om3-timeline-item:nth-child(2) { animation-delay: .15s; }\n .om3-timeline-item:nth-child(3) { animation-delay: .25s; }\n\n .om3-compo-row {\n animation: om3FadeInUp .4s ease backwards;\n }\n .om3-compo-row:nth-child(1) { animation-delay: .05s; }\n .om3-compo-row:nth-child(2) { animation-delay: .1s; }\n .om3-compo-row:nth-child(3) { animation-delay: .15s; }\n .om3-compo-row:nth-child(4) { animation-delay: .2s; }\n .om3-compo-row:nth-child(5) { animation-delay: .25s; }\n .om3-compo-row:nth-child(6) { animation-delay: .3s; }\n .om3-compo-row:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes om3FadeInUp {\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 .om3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MERALIA","offers":[{"title":"Default Title","offer_id":55157000700281,"sku":"ME2004","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Omega_3-cerveau-coeur-vision-90capsules-MERALIA.jpg?v=1770800359"},{"product_id":"astaxanthine-bio-30-gelules-aosa-veritable","title":"Astaxanthine bio - 30 gélules - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Astaxanthine bio - 30 gélules - Aosa Véritable\nPalette détectée:\n - Primaire: #2E8B57 (vert émeraude du bouchon et bandeau)\n - Secondaire: #F5A623 (orange\/jaune du logo \"Véritable\")\n - Accent: #E8F5E9 (vert très clair pour backgrounds)\nAmbiance: Naturel\/Bio, frais, santé, certifié agriculture biologique, produit français\nPréfixe CSS: astx\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Astaxanthine bio 8 mg : l'antioxydant naturel le plus puissant pour votre peau et votre vitalité\"\n 2. \"Qu'est-ce que l'astaxanthine et pourquoi en prendre ?\"\n 3. \"Pourquoi choisir l'astaxanthine bio d'Aosa Véritable ?\"\n 4. \"Composition détaillée pour 1 gélule\"\n 5. \"Comment prendre l'astaxanthine bio ?\"\n 6. \"À qui s'adresse ce complément alimentaire ?\"\n 7. \"Précautions d'emploi\"\n 8. \"Questions fréquentes sur l'astaxanthine bio\"\n 9. \"Faites le choix d'une protection cellulaire naturelle et certifiée bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"astx-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"astx-hero\"\u003e\n \u003cdiv class=\"astx-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"astx-hero-content\"\u003e\n \u003cdiv class=\"astx-badges-top\"\u003e\n \u003cspan class=\"astx-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"astx-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"astx-badge\"\u003e💪 6000x plus puissant que la vitamine C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"astx-hero-title\"\u003eAstaxanthine Bio 8 mg\u003c\/span\u003e\n \u003cp class=\"astx-subtitle\"\u003eL'antioxydant naturel le plus puissant au monde\u003c\/p\u003e\n \u003cp class=\"astx-description\"\u003eExtrait de la microalgue Haematococcus pluvialis, ce pigment rouge orangé protège vos cellules, préserve votre peau et soutient votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"astx-section\"\u003e\n \u003ch2\u003eAstaxanthine bio 8 mg : l'antioxydant naturel le plus puissant pour votre peau et votre vitalité\u003c\/h2\u003e\n \u003cp class=\"astx-section-intro\"\u003eVous recherchez une protection cellulaire efficace contre le vieillissement cutané et le stress oxydatif ? L'astaxanthine bio d'Aosa Véritable est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"astx-grid-compact\"\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e⚡ 6000x plus puissant\u003c\/h3\u003e\n \u003cp\u003eque la vitamine C en pouvoir antioxydant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🛡️ 550x plus actif\u003c\/h3\u003e\n \u003cp\u003eque la vitamine E contre les radicaux libres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n \u003cp\u003eExtrait de microalgue certifiée bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité irréprochables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-tip\"\u003e\n \u003cspan class=\"astx-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVotre peau, vos yeux et l'ensemble de vos cellules bénéficient d'une défense naturelle contre les agressions quotidiennes : exposition solaire, pollution, fatigue...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"astx-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'astaxanthine et pourquoi en prendre ?\u003c\/h2\u003e\n \u003cp class=\"astx-section-intro\"\u003eL'astaxanthine appartient à la famille des caroténoïdes, ces pigments naturels qui donnent leur couleur aux flamants roses, aux saumons et aux crevettes. Sa particularité ? Elle traverse la barrière hémato-encéphalique pour protéger le cerveau et les yeux de l'intérieur.\u003c\/p\u003e\n \u003cdiv class=\"astx-grid\"\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e✨ Élasticité préservée\u003c\/h3\u003e\n \u003cp\u003eMaintient la fermeté et la souplesse de la peau en neutralisant les radicaux libres générés par les UV\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🌟 Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eSoutient un teint uniforme et éclatant, atténue l'apparence des ridules liées au photovieillissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e☀️ Préparation solaire\u003c\/h3\u003e\n \u003cp\u003ePrépare naturellement la peau avant l'exposition au soleil pour une meilleure tolérance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e👁️ Santé oculaire\u003c\/h3\u003e\n \u003cp\u003eProtège la rétine de la fatigue visuelle, idéal si vous passez de longues heures devant les écrans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"astx-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'astaxanthine bio d'Aosa Véritable ?\u003c\/h2\u003e\n \u003cp class=\"astx-section-intro\"\u003eSur le marché des compléments alimentaires, toutes les astaxanthines ne se valent pas. Voici ce qui distingue cette formule premium :\u003c\/p\u003e\n \u003cdiv class=\"astx-grid\"\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🌿 Certification bio AB\u003c\/h3\u003e\n \u003cp\u003eMicroalgue cultivée selon des méthodes respectueuses de l'environnement, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e💊 Dosage optimal 8 mg\u003c\/h3\u003e\n \u003cp\u003eLa concentration recommandée par les études pour observer des effets significatifs sur la peau et la protection cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🔬 Source 100% naturelle\u003c\/h3\u003e\n \u003cp\u003eAstaxanthine extraite exclusivement de l'algue Haematococcus pluvialis, jamais de synthèse chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eConvient parfaitement aux régimes végétariens et végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eTraçabilité complète et qualité irréprochable garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e✅ Sans allergène\u003c\/h3\u003e\n \u003cp\u003eSans OGM, sans gluten – une formule pure adaptée aux organismes sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"astx-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 1 gélule\u003c\/h2\u003e\n \u003cdiv class=\"astx-composition-box\"\u003e\n \u003cdiv class=\"astx-composition-item\"\u003e\n \u003cdiv class=\"astx-composition-label\"\u003ePoudre d'Haematococcus pluvialis*\u003c\/div\u003e\n \u003cdiv class=\"astx-composition-value\"\u003e160 mg\u003c\/div\u003e\n \u003cdiv class=\"astx-composition-detail\"\u003estandardisée à 5% d'astaxanthine = \u003cstrong\u003e8 mg d'astaxanthine pure\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-composition-item\"\u003e\n \u003cdiv class=\"astx-composition-label\"\u003eFibre d'acacia biologique*\u003c\/div\u003e\n \u003cdiv class=\"astx-composition-value\"\u003e100 mg\u003c\/div\u003e\n \u003cdiv class=\"astx-composition-detail\"\u003eprébiotique doux favorisant l'absorption intestinale\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-composition-item\"\u003e\n \u003cdiv class=\"astx-composition-label\"\u003eEnveloppe de la gélule\u003c\/div\u003e\n \u003cdiv class=\"astx-composition-value\"\u003e—\u003c\/div\u003e\n \u003cdiv class=\"astx-composition-detail\"\u003ehypromellose (cellulose végétale)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"astx-composition-note\"\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/p\u003e\n \u003cdiv class=\"astx-tip\"\u003e\n \u003cspan class=\"astx-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003eLa formule ne contient aucun additif superflu, aucun colorant artificiel, aucun conservateur de synthèse. Juste l'essentiel pour votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"astx-section\"\u003e\n \u003ch2\u003eComment prendre l'astaxanthine ?\u003c\/h2\u003e\n \u003cdiv class=\"astx-timeline\"\u003e\n \u003cdiv class=\"astx-timeline-item\"\u003e\n \u003cdiv class=\"astx-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"astx-timeline-content\"\u003e\n \u003ch3\u003ePosologie simple\u003c\/h3\u003e\n \u003cp\u003e1 gélule par jour suffit pour bénéficier de tous les bienfaits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-timeline-item\"\u003e\n \u003cdiv class=\"astx-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"astx-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eAu cours d'un repas contenant un peu de matières grasses – l'astaxanthine étant liposoluble, elle s'absorbe mieux avec des lipides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-timeline-item\"\u003e\n \u003cdiv class=\"astx-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"astx-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e1 à 3 mois pour des résultats visibles sur la peau, à renouveler selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-tip\"\u003e\n \u003cspan class=\"astx-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce été :\u003c\/strong\u003e Pour une préparation optimale avant l'été, commencez votre cure 4 à 6 semaines avant vos premières expositions au soleil. Un flacon de 30 gélules correspond à un mois complet de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"astx-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire ?\u003c\/h2\u003e\n \u003cdiv class=\"astx-grid\"\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e👩 Beauté naturelle\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant préserver la jeunesse de leur peau de façon naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🏖️ Amateurs de soleil\u003c\/h3\u003e\n \u003cp\u003eCeux qui s'exposent régulièrement et veulent protéger leurs cellules des UV\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e💻 Travailleurs sur écran\u003c\/h3\u003e\n \u003cp\u003ePersonnes passant de longues heures devant les écrans et ressentant une fatigue oculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003ePratiquants d'activité sportive intense – le stress oxydatif augmente avec l'effort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"astx-card\"\u003e\n \u003ch3\u003e🌟 Bien-être global\u003c\/h3\u003e\n \u003cp\u003eTous ceux qui recherchent un antioxydant puissant pour leur santé au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"astx-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"astx-accordion\"\u003e\n \u003cdetails class=\"astx-accordion-item\"\u003e\n \u003csummary class=\"astx-accordion-header\"\u003e⚠️ Usage et dosage\u003c\/summary\u003e\n \u003cdiv class=\"astx-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire est réservé aux adultes. Respectez la dose journalière recommandée (1 gélule\/jour). 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 \u003cdetails class=\"astx-accordion-item\"\u003e\n \u003csummary class=\"astx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"astx-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, dans un endroit sec et frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"astx-accordion-item\"\u003e\n \u003csummary class=\"astx-accordion-header\"\u003e🤰 Cas particuliers\u003c\/summary\u003e\n \u003cdiv class=\"astx-accordion-content\"\u003e\n \u003cp\u003eSi vous êtes enceinte, allaitante, sous traitement médical ou si vous avez des antécédents de troubles de la thyroïde, consultez votre médecin ou votre pharmacien avant de commencer une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"astx-accordion-item\"\u003e\n \u003csummary class=\"astx-accordion-header\"\u003e☀️ Protection solaire\u003c\/summary\u003e\n \u003cdiv class=\"astx-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e l'astaxanthine ne constitue pas une protection solaire à elle seule. Continuez à appliquer une crème solaire adaptée lors de vos expositions et évitez les heures les plus chaudes de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"astx-section\"\u003e\n \u003ch2\u003eNos réponses aux intérrogations fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"astx-accordion\"\u003e\n \u003cdetails class=\"astx-accordion-item\"\u003e\n \u003csummary class=\"astx-accordion-header\"\u003e⏱️ Au bout de combien de temps voit-on les effets sur la peau ?\u003c\/summary\u003e\n \u003cdiv class=\"astx-accordion-content\"\u003e\n \u003cp\u003eLes premiers résultats sont généralement perceptibles après \u003cstrong\u003e4 à 8 semaines\u003c\/strong\u003e de prise régulière. La peau paraît plus souple, le teint plus uniforme. Pour des effets durables, une cure de 3 mois est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"astx-accordion-item\"\u003e\n \u003csummary class=\"astx-accordion-header\"\u003e🧴 L'astaxanthine peut-elle remplacer ma crème solaire ?\u003c\/summary\u003e\n \u003cdiv class=\"astx-accordion-content\"\u003e\n \u003cp\u003eNon, l'astaxanthine agit de l'intérieur en renforçant les défenses naturelles de la peau contre le stress oxydatif. Elle \u003cstrong\u003ecomplète\u003c\/strong\u003e votre protection solaire externe mais ne la remplace pas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"astx-accordion-item\"\u003e\n \u003csummary class=\"astx-accordion-header\"\u003e💊 Y a-t-il des effets secondaires ?\u003c\/summary\u003e\n \u003cdiv class=\"astx-accordion-content\"\u003e\n \u003cp\u003eL'astaxanthine naturelle est très bien tolérée. À forte dose, certaines personnes peuvent observer une légère coloration orangée des paumes, sans danger, qui disparaît à l'arrêt de la supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"astx-accordion-item\"\u003e\n \u003csummary class=\"astx-accordion-header\"\u003e🔬 Quelle différence entre l'astaxanthine bio et synthétique ?\u003c\/summary\u003e\n \u003cdiv class=\"astx-accordion-content\"\u003e\n \u003cp\u003eL'astaxanthine naturelle issue de l'algue \u003cem\u003eHaematococcus pluvialis\u003c\/em\u003e est beaucoup \u003cstrong\u003emieux assimilée\u003c\/strong\u003e par l'organisme et offre une biodisponibilité supérieure à la version synthétique fabriquée à partir de pétrochimie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 - CTA FINAL --\u003e\n \u003csection class=\"astx-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFaites le choix d'une protection cellulaire naturelle et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"astx-cta-box\"\u003e\n \u003cp\u003eAvec l'astaxanthine bio d'Aosa Véritable, vous optez pour un complément alimentaire à la fois \u003cstrong\u003eefficace, pur et respectueux de l'environnement\u003c\/strong\u003e. Chaque gélule concentre le meilleur de la microalgue pour vous aider à préserver votre capital jeunesse et votre vitalité au quotidien.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; font-size: 1.1em;\"\u003e🌿 Offrez à vos cellules la protection qu'elles méritent, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"astx-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:root {\n --astx-cream: #f9fdfb;\n --astx-white: #ffffff;\n --astx-primary: #2E8B57;\n --astx-primary-dark: #1d5c3a;\n --astx-primary-light: #e8f5ee;\n --astx-secondary: #F5A623;\n --astx-accent: #FF6B4A;\n --astx-text: #1a1a1a;\n --astx-text-light: #5a5a5a;\n --astx-border: #e0e8e4;\n --astx-shadow: 0 4px 24px rgba(46, 139, 87, .08);\n --astx-shadow-lg: 0 12px 48px rgba(46, 139, 87, .15);\n --astx-radius: 20px;\n --astx-radius-sm: 12px;\n}\n\n.astx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--astx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.astx-hero {\n position: relative;\n background: linear-gradient(135deg, #2E8B57 0%, #3CB371 40%, #228B22 100%);\n border-radius: var(--astx-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(--astx-shadow-lg);\n}\n\n.astx-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(245,166,35,.15) 0%, transparent 40%);\n opacity: 1;\n}\n\n.astx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.astx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.astx-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(--astx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.astx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.astx-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.astx-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.astx-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\/* === SECTIONS === *\/\n.astx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.astx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--astx-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.astx-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(--astx-primary), var(--astx-secondary));\n border-radius: 2px;\n}\n\n.astx-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--astx-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\/* === GRILLES === *\/\n.astx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.astx-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.astx-card {\n background: var(--astx-white);\n border-radius: var(--astx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--astx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.astx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--astx-shadow-lg);\n border-color: var(--astx-primary);\n}\n\n.astx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--astx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.astx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--astx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.astx-grid-compact .astx-card {\n padding: 1rem;\n}\n\n.astx-grid-compact .astx-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.astx-grid-compact .astx-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.astx-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.astx-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.astx-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--astx-primary), var(--astx-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.astx-timeline-content {\n flex: 1;\n background: var(--astx-white);\n padding: 1rem 1.25rem;\n border-radius: var(--astx-radius-sm);\n box-shadow: var(--astx-shadow);\n}\n\n.astx-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--astx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.astx-timeline-content p {\n font-size: 14px;\n color: var(--astx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.astx-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--astx-primary-light);\n border-radius: var(--astx-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.astx-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.astx-tip p {\n font-size: 14px;\n color: var(--astx-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.astx-composition-box {\n background: var(--astx-white);\n border-radius: var(--astx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--astx-shadow);\n}\n\n.astx-composition-item {\n display: grid;\n grid-template-columns: 1fr auto;\n grid-template-rows: auto auto;\n gap: .25rem 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--astx-border);\n}\n\n.astx-composition-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.astx-composition-item:first-child {\n padding-top: 0;\n}\n\n.astx-composition-label {\n font-weight: 700;\n color: var(--astx-primary-dark);\n font-size: 15px;\n}\n\n.astx-composition-value {\n font-weight: 800;\n color: var(--astx-primary);\n font-size: 15px;\n text-align: right;\n}\n\n.astx-composition-detail {\n grid-column: 1 \/ -1;\n font-size: 13px;\n color: var(--astx-text-light);\n line-height: 1.5;\n}\n\n.astx-composition-note {\n font-size: 13px;\n color: var(--astx-text-light);\n font-style: italic;\n text-align: center;\n margin-top: 1rem;\n margin-bottom: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.astx-accordion {\n background: var(--astx-white);\n border-radius: var(--astx-radius);\n box-shadow: var(--astx-shadow);\n overflow: hidden;\n}\n\n.astx-accordion-item {\n border-bottom: 1px solid var(--astx-border);\n margin: 0;\n padding: 0;\n}\n\n.astx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.astx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--astx-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.astx-accordion-header:hover {\n background: var(--astx-primary-light);\n}\n\n.astx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.astx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--astx-primary);\n transition: transform .2s ease;\n}\n\n.astx-accordion-item[open] .astx-accordion-header::after {\n content: '−';\n}\n\n.astx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--astx-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.astx-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.astx-cta-box {\n background: linear-gradient(135deg, var(--astx-primary) 0%, var(--astx-primary-dark) 100%);\n border-radius: var(--astx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.astx-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.astx-disclaimer {\n font-size: 12px;\n color: var(--astx-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 .astx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .astx-card {\n padding: 1.125rem;\n }\n \n .astx-section {\n margin-bottom: 1.75rem;\n }\n \n .astx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--astx-radius-sm);\n }\n \n .astx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .astx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .astx-grid-compact {\n gap: .625rem;\n }\n \n .astx-grid-compact .astx-card {\n padding: .75rem;\n }\n \n .astx-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .astx-timeline-content {\n padding: .875rem 1rem;\n }\n \n .astx-timeline-content h3 {\n font-size: 14px;\n }\n \n .astx-timeline-content p {\n font-size: 13px;\n }\n \n .astx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .astx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .astx-composition-item {\n grid-template-columns: 1fr;\n gap: .25rem;\n }\n \n .astx-composition-value {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .astx-card {\n animation: astxFadeInUp .5s ease backwards;\n }\n .astx-card:nth-child(1) { animation-delay: .05s; }\n .astx-card:nth-child(2) { animation-delay: .1s; }\n .astx-card:nth-child(3) { animation-delay: .15s; }\n .astx-card:nth-child(4) { animation-delay: .2s; }\n .astx-card:nth-child(5) { animation-delay: .25s; }\n .astx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes astxFadeInUp {\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 .astx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":55159358914937,"sku":"AV3000","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/astaxanthine-bio-30-gelules-aosa-veritable-packshothd.webp?v=1789735243"},{"product_id":"huile-de-foie-de-morue-90-capsules-meralia","title":"Huile de Foie de Morue - 90 capsules - MERalia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Foie de Morue - 90 capsules - MERalia\nPalette détectée:\n - Primaire: #2B4C8C (bleu marine profond du bouchon et bandeau bas)\n - Secondaire: #4A90D9 (bleu moyen du logo MERalia)\n - Accent: #D4E1F0 (bleu très clair\/lavande du fond étiquette)\n - Fond packaging: #FFFFFF (blanc dominant du flacon)\nAmbiance: Marine, santé naturelle, traditionnel\/éprouvé, familial, confiance médicale\nPréfixe CSS: hfm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de foie de morue MERalia : un allié naturel pour vos os et votre vitalité\"\n 2. \"Les bienfaits de l'huile de foie de morue\"\n 3. \"Composition détaillée pour 3 capsules\"\n 4. \"Comment prendre l'huile de foie de morue MERalia ?\"\n 5. \"Pourquoi choisir cette huile de foie de morue ?\"\n 6. \"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=\"hfm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hfm-hero\"\u003e\n \u003cdiv class=\"hfm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hfm-hero-content\"\u003e\n \u003cdiv class=\"hfm-badges-top\"\u003e\n \u003cspan class=\"hfm-badge\"\u003e🐟 Morue sauvage\u003c\/span\u003e\n \u003cspan class=\"hfm-badge\"\u003e🦴 Structure osseuse\u003c\/span\u003e\n \u003cspan class=\"hfm-badge\"\u003e💊 90 capsules\u003c\/span\u003e\n \u003cspan class=\"hfm-badge\"\u003e🧪 Purifiée \u0026amp; désodorisée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hfm-hero-title\"\u003eHuile de Foie de Morue\u003c\/span\u003e\n \u003cp class=\"hfm-subtitle\"\u003eMERalia — Complément alimentaire marin\u003c\/p\u003e\n \u003cp class=\"hfm-description\"\u003eUn trésor nutritionnel ancestral, naturellement riche en vitamines A \u0026amp; D et en oméga-3 EPA\/DHA, pour préserver votre capital osseux et renforcer votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003eHuile de foie de morue MERalia : un allié naturel pour vos os et votre vitalité\u003c\/h2\u003e\n \u003cp class=\"hfm-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour \u003cstrong\u003epréserver votre structure osseuse\u003c\/strong\u003e au quotidien ? L'\u003cstrong\u003ehuile de foie de morue\u003c\/strong\u003e MERalia est une solution éprouvée depuis des générations.\u003c\/p\u003e\n \u003cdiv class=\"hfm-grid-compact\"\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🅰️ Vitamine A\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une vision normale et d'une peau saine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n \u003cp\u003eFavorise l'absorption du calcium et la santé osseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🐠 Oméga-3 EPA\u003c\/h3\u003e\n \u003cp\u003eParticipe au bon fonctionnement cardiovasculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🧠 Oméga-3 DHA\u003c\/h3\u003e\n \u003cp\u003eContribue à une fonction cardiaque et cérébrale normale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-tip\"\u003e\n \u003cspan class=\"hfm-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eAvec \u003cstrong\u003e90 capsules\u003c\/strong\u003e purifiées et désodorisées, cette cure vous accompagne pendant \u003cstrong\u003eun mois complet\u003c\/strong\u003e (adultes) ou \u003cstrong\u003e45 jours\u003c\/strong\u003e (enfants).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de foie de morue\u003c\/h2\u003e\n \u003cp class=\"hfm-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile de foie de morue\u003c\/strong\u003e sont reconnus et documentés. Ce trésor nutritionnel marin agit sur plusieurs plans :\u003c\/p\u003e\n \u003cdiv class=\"hfm-grid\"\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n \u003cp\u003eLa vitamine D3 favorise l'absorption du calcium et sa fixation sur les os, contribuant au maintien d'une densité osseuse normale. La vitamine A participe à la spécialisation cellulaire nécessaire à la formation et à la régénération du tissu osseux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eLa vitamine D contribue au fonctionnement normal du système immunitaire, un atout précieux durant les mois les plus froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e❤️ Bien-être cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eLes acides gras oméga-3 EPA et DHA participent au bon fonctionnement du cœur et contribuent à une fonction cardiaque normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e👁️ Vision et peau\u003c\/h3\u003e\n \u003cp\u003eLa vitamine A contribue au maintien d'une vision normale et d'une peau en bonne santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-tip\"\u003e\n \u003cspan class=\"hfm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn \u003cstrong\u003ebienfait de l'huile de foie de morue\u003c\/strong\u003e ne vient jamais seul : c'est un cocktail de nutriments qui se complètent pour soutenir votre organisme dans sa globalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 3 capsules\u003c\/h2\u003e\n \u003cp class=\"hfm-section-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e huile de foie de morue, capsule (gélatine de poisson, glycérine végétale).\u003c\/p\u003e\n \u003cdiv class=\"hfm-table-wrapper\"\u003e\n \u003ctable class=\"hfm-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eNutriment (pour 3 capsules)\u003c\/th\u003e\n \u003cth\u003eQuantité\u003c\/th\u003e\n \u003cth\u003e% des VNR*\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eHuile de foie de morue\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e1 500 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eEPA (acide éicosapentaénoïque)\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e105 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eDHA (acide docosahexaénoïque)\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e90 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e–\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine A\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e450 µg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e57 %\u003c\/strong\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine D3\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e3,75 µg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e75 %\u003c\/strong\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cp class=\"hfm-disclaimer\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003eComment prendre l'huile de foie de morue MERalia ?\u003c\/h2\u003e\n \u003cdiv class=\"hfm-timeline\"\u003e\n \u003cdiv class=\"hfm-timeline-item\"\u003e\n \u003cdiv class=\"hfm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hfm-timeline-content\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Adultes : 3 capsules par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin au cours du petit-déjeuner pour une meilleure assimilation des vitamines liposolubles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-timeline-item\"\u003e\n \u003cdiv class=\"hfm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hfm-timeline-content\"\u003e\n \u003ch3\u003e🧒 Enfants : 2 capsules par jour\u003c\/h3\u003e\n \u003cp\u003eLe matin avec le repas. La même boîte dure alors \u003cstrong\u003e45 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-timeline-item\"\u003e\n \u003cdiv class=\"hfm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hfm-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003edeux à trois mois\u003c\/strong\u003e est généralement conseillée pour en ressentir pleinement les effets, notamment à l'approche de l'hiver ou au changement de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-tip\"\u003e\n \u003cspan class=\"hfm-tip-icon\"\u003e⏰\u003c\/span\u003e\n \u003cp\u003eÀ raison de 3 capsules quotidiennes, votre flacon de 90 capsules couvre \u003cstrong\u003eune cure complète de 30 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile de foie de morue ?\u003c\/h2\u003e\n \u003cdiv class=\"hfm-grid\"\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🎣 Poissons sauvages\u003c\/h3\u003e\n \u003cp\u003eL'huile est extraite de foies de morues sauvages, garantissant un profil nutritionnel optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e✨ Purifiée et désodorisée\u003c\/h3\u003e\n \u003cp\u003eFini le goût désagréable qui a marqué des générations ! Les capsules sont faciles à avaler et n'entraînent aucun retour de goût.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🔬 Sans contaminants\u003c\/h3\u003e\n \u003cp\u003eLe processus de purification élimine les métaux lourds et autres polluants marins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e🐟 Capsule en gélatine de poisson\u003c\/h3\u003e\n \u003cp\u003eUne enveloppe d'origine marine, sans gélatine bovine ni porcine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hfm-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Convient à toute la famille\u003c\/h3\u003e\n \u003cp\u003eUne posologie adaptable pour les enfants comme pour les adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"hfm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hfm-accordion\"\u003e\n \u003cdetails class=\"hfm-accordion-item\"\u003e\n \u003csummary class=\"hfm-accordion-header\"\u003e⚠️ Dose journalière et usage\u003c\/summary\u003e\n \u003cdiv class=\"hfm-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hfm-accordion-item\"\u003e\n \u003csummary class=\"hfm-accordion-header\"\u003e👩‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hfm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, consultez votre médecin ou votre pharmacien, notamment si vous êtes enceinte, allaitante ou sous traitement anticoagulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hfm-accordion-item\"\u003e\n \u003csummary class=\"hfm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hfm-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes 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 \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"hfm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hfm-cta-box\"\u003e\n \u003cp\u003e🐟 Offrez à votre corps le meilleur de la mer — \u003cstrong\u003evitamines A \u0026amp; D, oméga-3 EPA\/DHA\u003c\/strong\u003e — dans une capsule purifiée, désodorisée et respectueuse de 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\/* === VARIABLES CSS === *\/\n:root {\n --hfm-cream: #F4F7FB;\n --hfm-white: #ffffff;\n --hfm-primary: #2B4C8C;\n --hfm-primary-dark: #1A3366;\n --hfm-primary-light: #E8EEF7;\n --hfm-secondary: #4A90D9;\n --hfm-accent: #3AAFCF;\n --hfm-text: #1a1a1a;\n --hfm-text-light: #5a5a5a;\n --hfm-border: #dce4ef;\n --hfm-shadow: 0 4px 24px rgba(43,76,140,.08);\n --hfm-shadow-lg: 0 12px 48px rgba(43,76,140,.15);\n --hfm-radius: 20px;\n --hfm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hfm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hfm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.hfm-premium *,\n.hfm-premium *::before,\n.hfm-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.hfm-hero {\n position: relative;\n background: linear-gradient(135deg, #1A3366 0%, #2B4C8C 40%, #4A90D9 75%, #3AAFCF 100%);\n border-radius: var(--hfm-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(--hfm-shadow-lg);\n}\n\n.hfm-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,.06) 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(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.hfm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hfm-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.hfm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .05em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.hfm-description {\n color: rgba(255,255,255,.9);\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.hfm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hfm-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(--hfm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hfm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hfm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hfm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hfm-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.hfm-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(--hfm-primary), var(--hfm-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hfm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hfm-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.hfm-card {\n background: var(--hfm-white);\n border-radius: var(--hfm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hfm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hfm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hfm-shadow-lg);\n border-color: var(--hfm-primary);\n}\n\n.hfm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hfm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hfm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hfm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hfm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.hfm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hfm-grid-compact .hfm-card {\n padding: 1rem;\n}\n\n.hfm-grid-compact .hfm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hfm-grid-compact .hfm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hfm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hfm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hfm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hfm-primary), var(--hfm-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.hfm-timeline-content {\n flex: 1;\n background: var(--hfm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hfm-radius-sm);\n box-shadow: var(--hfm-shadow);\n}\n\n.hfm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hfm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hfm-timeline-content p {\n font-size: 14px;\n color: var(--hfm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TABLE === *\/\n.hfm-table-wrapper {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n border-radius: var(--hfm-radius);\n box-shadow: var(--hfm-shadow);\n}\n\n.hfm-table {\n width: 100%;\n border-collapse: collapse;\n background: var(--hfm-white);\n border-radius: var(--hfm-radius);\n overflow: hidden;\n font-size: 15px;\n}\n\n.hfm-table thead {\n background: linear-gradient(135deg, var(--hfm-primary), var(--hfm-secondary));\n}\n\n.hfm-table thead th {\n color: white;\n font-weight: 700;\n padding: 1rem 1.25rem;\n text-align: left;\n font-size: 14px;\n letter-spacing: .02em;\n white-space: nowrap;\n}\n\n.hfm-table tbody tr {\n border-bottom: 1px solid var(--hfm-border);\n transition: background .2s ease;\n}\n\n.hfm-table tbody tr:last-child {\n border-bottom: none;\n}\n\n.hfm-table tbody tr:hover {\n background: var(--hfm-primary-light);\n}\n\n.hfm-table tbody td {\n padding: .875rem 1.25rem;\n color: var(--hfm-text);\n font-size: 14px;\n}\n\n.hfm-table tbody td:first-child {\n font-weight: 600;\n color: var(--hfm-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.hfm-testimonial {\n background: var(--hfm-white);\n border-radius: var(--hfm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hfm-shadow);\n border-left: 4px solid var(--hfm-primary);\n}\n\n.hfm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hfm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hfm-accordion {\n background: var(--hfm-white);\n border-radius: var(--hfm-radius);\n box-shadow: var(--hfm-shadow);\n overflow: hidden;\n}\n\n.hfm-accordion-item {\n border-bottom: 1px solid var(--hfm-border);\n margin: 0;\n padding: 0;\n}\n\n.hfm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hfm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hfm-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.hfm-accordion-header:hover {\n background: var(--hfm-primary-light);\n}\n\n.hfm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hfm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hfm-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.hfm-accordion-item[open] .hfm-accordion-header::after {\n content: '−';\n}\n\n.hfm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hfm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hfm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.hfm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hfm-primary-light);\n border-radius: var(--hfm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hfm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hfm-tip p {\n font-size: 14px;\n color: var(--hfm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.hfm-cta-box {\n background: linear-gradient(135deg, var(--hfm-primary) 0%, #3568B2 50%, var(--hfm-accent) 100%);\n border-radius: var(--hfm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hfm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 15% 85%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 85% 15%, rgba(255,255,255,.06) 0%, transparent 50%);\n}\n\n.hfm-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.hfm-disclaimer {\n font-size: 12px;\n color: var(--hfm-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 .hfm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hfm-card {\n padding: 1.125rem;\n }\n\n .hfm-section {\n margin-bottom: 1.75rem;\n }\n\n .hfm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hfm-radius-sm);\n }\n\n .hfm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hfm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .hfm-grid-compact {\n gap: .625rem;\n }\n\n .hfm-grid-compact .hfm-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .hfm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hfm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hfm-timeline-content h3 {\n font-size: 14px;\n }\n\n .hfm-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .hfm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hfm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .hfm-testimonial {\n padding: 1.25rem;\n }\n\n .hfm-testimonial-text {\n font-size: 14px;\n }\n\n \/* Table mobile *\/\n .hfm-table thead th {\n padding: .75rem .875rem;\n font-size: 12px;\n }\n\n .hfm-table tbody td {\n padding: .625rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hfm-card {\n animation: hfmFadeInUp .5s ease backwards;\n }\n .hfm-card:nth-child(1) { animation-delay: .05s; }\n .hfm-card:nth-child(2) { animation-delay: .1s; }\n .hfm-card:nth-child(3) { animation-delay: .15s; }\n .hfm-card:nth-child(4) { animation-delay: .2s; }\n .hfm-card:nth-child(5) { animation-delay: .25s; }\n .hfm-card:nth-child(6) { animation-delay: .3s; }\n\n .hfm-timeline-item {\n animation: hfmFadeInUp .5s ease backwards;\n }\n .hfm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .hfm-timeline-item:nth-child(2) { animation-delay: .1s; }\n .hfm-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes hfmFadeInUp {\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 .hfm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MERALIA","offers":[{"title":"Default Title","offer_id":55159460790649,"sku":"ME1401","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-foie-de-morue-90-capsules-meralia-packshothd.webp?v=1785914286"},{"product_id":"omega-3-caps-epa-dha-inolab","title":"Omega 3 Caps - EPA \u0026 DHA - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Omega 3 Caps - EPA \u0026 DHA - Inolab\nPalette détectée:\n - Primaire: #F5A623 (jaune-orangé doré du packaging - couleur dominante)\n - Secondaire: #E8941F (orange plus soutenu pour les accents)\n - Accent: #FFD93D (jaune lumineux pour highlights)\nAmbiance: Santé\/bien-être, scientifique mais accessible, moderne et lumineux, confiance et vitalité\nPréfixe CSS: om3\n--\u003e\n\n\u003cdiv class=\"om3-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"om3-hero\"\u003e\n \u003cdiv class=\"om3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-hero-content\"\u003e\n \u003cdiv class=\"om3-badges-top\"\u003e\n \u003cspan class=\"om3-badge\"\u003e🐟 Huile EPAX® premium\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e💛 80% EPA + DHA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"om3-hero-title\"\u003eOmega 3 Caps EPA \u0026amp; DHA\u003c\/span\u003e\n \u003cp class=\"om3-subtitle\"\u003eVotre triple soutien : cœur, cerveau et vision\u003c\/p\u003e\n \u003cp class=\"om3-description\"\u003e1200 mg d'oméga 3 par jour issus d'huile de poissons sauvages certifiée EPAX®. Une pureté exceptionnelle avec un indice TotOx ultra-bas pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits prouvés des oméga 3\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eL'EPA et le DHA contribuent au fonctionnement normal du cœur. Effet bénéfique dès 250 mg\/jour selon l'EFSA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧠 Fonction cérébrale optimisée\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une fonction cérébrale normale : mémoire, concentration, clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e👁️ Vision préservée\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une vision normale, particulièrement précieux face aux écrans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e🔬 Gélules ultra-concentrée\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e🐟 Huile de poisson EPAX®\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e1500 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eMatière première premium issue de poissons sauvages de pêcheries durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e💛 Oméga 3 totaux\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e1200 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eConcentration exceptionnelle de 80% en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e⚡ EPA\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e600 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eAcide eicosapentaénoïque pour le système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e🧬 DHA\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e450 mg \/ jour\u003c\/p\u003e\n \u003cp\u003eAcide docosahexaénoïque ciblant cerveau et rétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CE QUI DISTINGUE --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir les gélules Omega 3 Caps Inolab ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏆 Huile EPAX® certifiée\u003c\/h3\u003e\n \u003cp\u003eRéférence mondiale en huile de poisson purifiée. Garantie sans métaux lourds, PCB ni contaminants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧪 Indice TotOx ultra-bas\u003c\/h3\u003e\n \u003cp\u003eIndicateur de fraîcheur et stabilité. Plus il est bas, plus l'huile est pure et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e😌 Aucun goût de poisson\u003c\/h3\u003e\n \u003cp\u003eFini les renvois désagréables ! Gélules parfaitement tolérées, même par les estomacs sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eChaque étape de production réalisée en France avec contrôles qualité rigoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🍽️ Mangeurs de peu de poisson\u003c\/h3\u003e\n \u003cp\u003eVous consommez moins de 2 poissons gras par semaine ? Cette supplémentation comble vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💼 Travailleurs intellectuels\u003c\/h3\u003e\n \u003cp\u003eÉtudiants, cadres, seniors : préservez vos capacités cognitives et votre concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💻 Digital workers\u003c\/h3\u003e\n \u003cp\u003eLongues heures devant les écrans ? Prenez soin de votre vision avec le DHA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003eFavorisez votre récupération et soutenez votre système cardiovasculaire naturellement.\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=\"om3-section\"\u003e\n \u003ch2\u003e📋 Comment prendre Omega 3 Caps ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-timeline\"\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003ch3\u003eAdultes : 3 capsules par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence au cours du repas du soir. Les graisses de votre assiette favorisent l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003ch3\u003eEnfants dès 10 ans : 1 capsule par jour\u003c\/h3\u003e\n \u003cp\u003eSi l'enfant peut avaler une gélule sans difficulté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003ch3\u003eCure recommandée : 3 mois minimum\u003c\/h3\u003e\n \u003cp\u003eLe temps nécessaire pour reconstituer vos réserves et observer des effets durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS ATTENDUS --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e📈 Quand ressentirez-vous les effets ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e⏱️ Après 2-3 semaines\u003c\/h3\u003e\n \u003cp\u003eMeilleure concentration, peau plus souple, moins de fatigue visuelle pour certains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e📅 Après 1 mois\u003c\/h3\u003e\n \u003cp\u003eEffets sur l'humeur et la clarté mentale plus perceptibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🎯 Après 3 mois\u003c\/h3\u003e\n \u003cp\u003eImpact global sur votre bien-être cardiovasculaire et cognitif pleinement évaluable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid-compact\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💊 90 capsules\u003c\/h3\u003e\n \u003cp\u003eProgramme 30 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e60 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🏭 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003eHuile EPAX® certifiée\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=\"om3-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"om3-accordion\"\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e📝 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-1\"\u003e\n \u003cp\u003eHuile de poisson EPAX®*, gélatine de poisson*, humectant : glycérol, antioxydants : extrait de romarin (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e) et vitamine E (mélange de tocophérols).\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Contient du poisson et produits dérivés.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-1\"\u003e\n \u003cp\u003e\u003cstrong\u003eAllergie au poisson :\u003c\/strong\u003e Ce produit contient de l'huile et de la gélatine de poisson. Déconseillé aux personnes allergiques.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eTraitement anticoagulant :\u003c\/strong\u003e Les oméga 3 peuvent avoir un effet fluidifiant sur le sang. Consultez votre médecin.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eGrossesse et allaitement :\u003c\/strong\u003e Demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003cp\u003eCe complément 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 \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-1\"\u003e\n \u003cp\u003e\u003cstrong\u003ePeut-on prendre des oméga 3 tous les jours ?\u003c\/strong\u003e\u003cbr\u003eOui, une prise quotidienne est recommandée. Ces acides gras ne sont pas stockés longtemps par le corps.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eLes oméga 3 font-ils grossir ?\u003c\/strong\u003e\u003cbr\u003eNon. Aux doses recommandées, ils ne favorisent pas la prise de poids et participent à un métabolisme lipidique équilibré.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eQuelle différence entre EPA et DHA ?\u003c\/strong\u003e\u003cbr\u003eL'EPA agit sur le système cardiovasculaire, le DHA cible cerveau et rétine. La formule Inolab apporte les deux.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003ePourquoi choisir une huile EPAX® ?\u003c\/strong\u003e\u003cbr\u003eEPAX® garantit l'absence de métaux lourds, PCB et contaminants, avec une concentration élevée en acides gras actifs.\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=\"om3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"om3-cta-box\"\u003e\n \u003cp\u003e🐟 \u003cstrong\u003e1200 mg d'oméga 3 par jour\u003c\/strong\u003e • Huile EPAX® ultra-pure de poissons sauvages • Triple action cœur, cerveau, vision • Haute tolérance digestive sans goût de poisson • Fabrication française avec traçabilité complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --om3-cream: #FFFBF5;\n --om3-white: #ffffff;\n --om3-primary: #F5A623;\n --om3-primary-dark: #D4890A;\n --om3-primary-light: #FFF5E6;\n --om3-secondary: #E8941F;\n --om3-accent: #FFD93D;\n\n \/* Textes *\/\n --om3-text: #1a1a1a;\n --om3-text-light: #5a5a5a;\n\n \/* Effets *\/\n --om3-border: #e0e0e0;\n --om3-shadow: 0 4px 24px rgba(0,0,0,.08);\n --om3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, #FFD93D 0%, #F5A623 50%, #D4890A 100%);\n border-radius: var(--om3-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(--om3-shadow-lg);\n}\n\n.om3-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 5C17.3 5 5 17.3 5 30s12.3 25 25 25 25-12.3 25-25S42.7 5 30 5zm0 40c-8.3 0-15-6.7-15-15s6.7-15 15-15 15 6.7 15 15-6.7 15-15 15z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.om3-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.om3-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(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE === *\/\n.om3-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.om3-subtitle {\n color: rgba(255,255,255,.95);\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,.15);\n}\n\n.om3-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.om3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-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.om3-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(--om3-primary), var(--om3-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.om3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-primary);\n}\n\n.om3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.om3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.om3-card-highlight {\n background: linear-gradient(135deg, var(--om3-primary-light) 0%, var(--om3-white) 100%);\n border: 2px solid var(--om3-primary);\n}\n\n.om3-dosage {\n font-size: clamp(20px, 4vw, 28px) !important;\n font-weight: 900 !important;\n color: var(--om3-primary) !important;\n margin: .5rem 0 !important;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.om3-grid-compact .om3-card {\n padding: 1rem;\n}\n\n.om3-grid-compact .om3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.om3-grid-compact .om3-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.om3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.om3-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n transition: all .3s ease;\n}\n\n.om3-step:hover {\n transform: translateX(8px);\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--om3-primary), var(--om3-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 12px rgba(245,166,35,.4);\n}\n\n.om3-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.om3-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.om3-accordion {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n}\n\n.om3-accordion-item {\n border-bottom: 1px solid var(--om3-border);\n margin: 0;\n padding: 0;\n}\n\n.om3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.om3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--om3-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.om3-accordion-header:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.om3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--om3-primary);\n transition: transform .2s ease;\n}\n\n.om3-accordion-item[open] .om3-accordion-header::after {\n content: '−';\n}\n\n.om3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--om3-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.om3-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.om3-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.mt-1 {\n margin-top: 5px;\n}\n\n\/* === CTA FINAL === *\/\n.om3-cta-box {\n background: linear-gradient(135deg, var(--om3-primary) 0%, var(--om3-primary-dark) 100%);\n border-radius: var(--om3-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.om3-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .om3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .om3-card {\n padding: 1.125rem;\n }\n \n .om3-section {\n margin-bottom: 1.75rem;\n }\n \n .om3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--om3-radius-sm);\n }\n \n .om3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .om3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .om3-badges-top {\n gap: 8px;\n }\n \n .om3-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .om3-grid-compact {\n gap: .625rem;\n }\n \n .om3-grid-compact .om3-card {\n padding: .75rem;\n }\n \n .om3-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .om3-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .om3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .om3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .om3-card {\n animation: fadeInUp .5s ease backwards;\n }\n .om3-card:nth-child(1) { animation-delay: .05s; }\n .om3-card:nth-child(2) { animation-delay: .1s; }\n .om3-card:nth-child(3) { animation-delay: .15s; }\n .om3-card:nth-child(4) { animation-delay: .2s; }\n .om3-card:nth-child(5) { animation-delay: .25s; }\n .om3-card:nth-child(6) { animation-delay: .3s; }\n \n .om3-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .om3-step:nth-child(1) { animation-delay: .1s; }\n .om3-step:nth-child(2) { animation-delay: .2s; }\n .om3-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\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .om3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55203003957625,"sku":"OMEGAFORM","price":15.43,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-caps-epa-dha-inolab-packshothd.webp?v=1785936622"},{"product_id":"argent-colloidal-20ppm-hygiene-oeil-30-ml-dr-theiss","title":"Argent Colloïdal 20ppm - hygiène des paupières 30 ml – Dr. Theiss","description":"\u003cdiv class=\"ac-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e💧 20 ppm\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🌿 0 % conservateur\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e👁️ Hygiène des paupières\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eArgent Colloïdal 20 ppm - Hygiène des paupières 30 ml\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003eDr. Theiss – Le laboratoire alsacien expert en soins naturels\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eUne solution cosmétique épurée à l'argent colloïdal et à la camomille noble, pour nettoyer, purifier et apaiser vos paupières au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eArgent colloïdal 20 ppm Dr. Theiss : le soin naturel pour l'hygiène de vos paupières\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eVos yeux sont exposés chaque jour à de nombreuses agressions extérieures : pollution, vent, écrans, poussières, maquillage… Si vous ressentez une sensation d'inconfort, de sécheresse ou de fatigue oculaire, prendre soin de vos paupières devient essentiel.\u003c\/p\u003e\n\u003cdiv class=\"ac-highlight-box\"\u003e\n\u003cp\u003eCet \u003cstrong\u003eargent colloïdal 20 ppm\u003c\/strong\u003e du laboratoire \u003cstrong\u003eDr. Theiss\u003c\/strong\u003e est une solution cosmétique naturelle spécialement formulée pour l'\u003cstrong\u003ehygiène des paupières\u003c\/strong\u003e, fabriquée en France avec une composition minimaliste et transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eUne composition 100 % naturelle, sans conservateur ni adjuvant\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eCe qui distingue cette solution d'argent colloïdal, c'est sa formule épurée à l'extrême. Voici la liste complète des ingrédients :\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌼 Extrait de camomille noble\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAnthemis Nobilis Flower Extract\u003c\/strong\u003e – reconnu pour ses propriétés apaisantes et calmantes, il calme les sensations d'inconfort au niveau des paupières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🧂 Chlorure de sodium\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSodium Chloride\u003c\/strong\u003e – pour une solution isotonique douce, parfaitement tolérée par la zone délicate du contour de l'œil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e✨ Argent colloïdal 20 ppm\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSilver\u003c\/strong\u003e – particules d'argent pur en suspension, aux vertus purifiantes reconnues depuis des siècles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003e0 % conservateur, 0 % adjuvant\u003c\/strong\u003e : vous appliquez sur vos paupières uniquement ce qui est nécessaire, rien de plus. Un léger dépôt naturel peut apparaître au fond du flacon : c'est tout simplement le signe de la présence réelle d'argent colloïdal dans la solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'argent colloïdal pour les yeux et les paupières\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eL'argent colloïdal est utilisé depuis longtemps pour ses propriétés purifiantes et hydratantes. Associé à l'extrait de camomille noble, cette formulation offre plusieurs bienfaits concrets pour le contour de l'œil :\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🧹 Nettoie et purifie\u003c\/h3\u003e\n\u003cp\u003eÉlimine les impuretés accumulées en surface des paupières pour une hygiène irréprochable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 Apaise et calme\u003c\/h3\u003e\n\u003cp\u003eSoulage les sensations d'irritation liées aux agressions extérieures : polluants, vent, cosmétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💧 Hydrate en douceur\u003c\/h3\u003e\n\u003cp\u003eHydrate le contour des paupières pour un confort durable tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e😌 Soulage la fatigue\u003c\/h3\u003e\n\u003cp\u003eApporte un soulagement bienvenu aux yeux fatigués, secs ou sensibles après de longues journées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n\u003cp\u003eLaisse une sensation de fraîcheur et de propreté agréable après chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🩹 Réduit rougeurs et gonflements\u003c\/h3\u003e\n\u003cp\u003eContribue à apaiser les rougeurs et les gonflements au niveau de l'œil pour un regard apaisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e🌸\u003c\/span\u003e\n\u003cp\u003eSi vous cherchez une alternative naturelle aux solutions classiques pour prendre soin de vos \u003cstrong\u003eyeux sensibles\u003c\/strong\u003e, ce soin à l'argent colloïdal constitue un allié au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComment utiliser cette solution d'argent colloïdal 20 ppm ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eLe flacon de 30 ml est équipé d'un compte-gouttes (pipette) qui permet un dosage précis et une application facile :\u003c\/p\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eAvant chaque emploi, agitez bien le flacon pour répartir uniformément les particules d'argent dans la solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eAppliquez 1 goutte par paupière\u003c\/h3\u003e\n\u003cp\u003eDéposez une goutte matin et soir sur chaque paupière à l'aide du compte-gouttes pour un soin ciblé et précis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eProfitez d'un confort durable\u003c\/h3\u003e\n\u003cp\u003eUsage externe uniquement, réservé aux adultes et adolescents. Avec seulement deux gouttes par jour, le flacon dure plusieurs semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e✈️\u003c\/span\u003e\n\u003cp\u003eGrâce à son format compact de 30 ml, vous pouvez facilement l'emporter dans votre trousse de soin partout avec vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et conseils pratiques\u003c\/h2\u003e\n\u003cdiv class=\"ac-accordion\"\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e👁️ Porteurs de lentilles de contact\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eSi vous portez des lentilles de contact, retirez-les avant l'application de la solution d'argent colloïdal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e👶 Tenir hors de portée des enfants\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit doit être conservé hors de portée des enfants. Réservé aux adultes et adolescents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e⚕️ Usage cosmétique uniquement\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à l'hygiène des paupières et ne remplace en aucun cas un traitement médical ni un collyre prescrit par un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e🩺 En cas de problème persistant\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de problème oculaire persistant, consultez votre médecin ou votre ophtalmologue sans tarder.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'argent colloïdal Dr. Theiss ?\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🏭 Savoir-faire français\u003c\/h3\u003e\n\u003cp\u003eLaboratoire alsacien implanté en France depuis plus de 25 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 Ingrédients naturels\u003c\/h3\u003e\n\u003cp\u003eIngrédients rigoureusement sélectionnés pour une formule minimaliste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e👨👩👧 Pour toute la famille\u003c\/h3\u003e\n\u003cp\u003eUne solution 20 ppm qui allie simplicité, qualité et efficacité naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🐾 Aussi pour les animaux\u003c\/h3\u003e\n\u003cp\u003eApprécié pour l'hygiène oculaire des chiens et chats. Demandez conseil à votre vétérinaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à vos yeux le soin naturel qu'ils méritent avec l'argent colloïdal 20 ppm Dr. Theiss – pureté, douceur et efficacité réunies dans un flacon de 30 ml fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003eCe produit cosmétique est destiné à l'hygiène des paupières et ne remplace pas un avis médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ac-cream: #faf8f5;\n --ac-white: #ffffff;\n --ac-primary: #8b6914;\n --ac-primary-dark: #5c4510;\n --ac-primary-light: #f5efe3;\n --ac-secondary: #c9a84c;\n --ac-accent: #d4a843;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e8e0d4;\n --ac-shadow: 0 4px 24px rgba(92,69,16,.08);\n --ac-shadow-lg: 0 12px 48px rgba(92,69,16,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #5c4510 0%, #8b6914 40%, #c9a84c 100%);\n border-radius: var(--ac-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(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: 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.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-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.ac-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 text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ac-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.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-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(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-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.ac-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(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-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.ac-highlight-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-secondary);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.ac-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ac-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-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.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-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.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-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.ac-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.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-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 .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ac-highlight-box {\n padding: 1.25rem;\n }\n\n .ac-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\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 .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":55220264665465,"sku":"NA1520","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/argent-colloidal-20ppm-hygiene-de-lil-30-ml-dr-theiss-lifestyle_3be88273-66d9-46f2-bd5d-f066743e3133.webp?v=1773851699"},{"product_id":"huile-omega-3-150ml-inolab","title":"Huile d'Oméga 3 EPA DHA EPAX Ultra concentré - 150ml - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Oméga 3 EPA DHA EPAX Ultra concentré - Omégaform - Laboratoire Inolab\nPalette détectée:\n - Primaire: #E8B617 (jaune doré vif du packaging et des bandeaux)\n - Secondaire: #3AABD2 (bleu cyan\/turquoise des visuels et infographies)\n - Accent: #1A7FA0 (bleu plus foncé des textes sur fond cyan)\n - Fond sombre packaging: #4A2810 (flacon brun ambré)\nAmbiance: Santé\/bien-être familial, scientifique mais accessible, fraîcheur (citron), pureté nordique (EPAX Norvège), confiance laboratoire\nPréfixe CSS: of\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile d'Oméga 3 EPA DHA ultra-concentrée Omégaform – Qualité EPAX®\"\n 2. \"Ce qui rend cette huile riche en oméga-3 unique\"\n 3. \"Les bienfaits reconnus des oméga-3 EPA et DHA\"\n 4. \"Composition complète\"\n 5. \"Posologie et conseils d'utilisation\"\n 6. \"Notre conseil pour maximiser les résultats\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"of-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"of-hero\"\u003e\n \u003cdiv class=\"of-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"of-hero-content\"\u003e\n \u003cdiv class=\"of-badges-top\"\u003e\n \u003cspan class=\"of-badge\"\u003e🇳🇴 Qualité EPAX® Norvège\u003c\/span\u003e\n \u003cspan class=\"of-badge\"\u003e🍋 Goût citron naturel\u003c\/span\u003e\n \u003cspan class=\"of-badge\"\u003e💛 1838 mg d'oméga-3\/dose\u003c\/span\u003e\n \u003cspan class=\"of-badge\"\u003e👨‍👩‍👧‍👦 Format familial 150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"of-hero-title\"\u003eOmégaform – Huile d'Oméga 3 ultra-concentrée\u003c\/span\u003e\n \u003cp class=\"of-subtitle\"\u003eLaboratoire Inolab · Huile de poisson EPAX® · EPA \u0026amp; DHA forme triglycérides\u003c\/p\u003e\n \u003cp class=\"of-description\"\u003eL'huile oméga-3 la plus concentrée et la plus pure du marché, avec un goût citron agréable même pour les enfants. Indice TotOx ultra-bas, absorption maximale, zéro arrière-goût de poisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eHuile d'Oméga 3 EPA DHA ultra-concentrée Omégaform – Qualité EPAX®\u003c\/h2\u003e\n \u003cp class=\"of-section-intro\"\u003eVous cherchez une huile oméga-3 réellement concentrée, pure et agréable à prendre ? L'Omégaform du Laboratoire Inolab coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"of-highlight-box\"\u003e\n \u003cdiv class=\"of-highlight-grid\"\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e1838 mg\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003ed'oméga-3 EPA DHA par dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e90 %\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003eforme triglycérides naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e\u0026lt; 10\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003eindice TotOx garanti\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-highlight-stat\"\u003e\n \u003cspan class=\"of-stat-number\"\u003e60 jours\u003c\/span\u003e\n \u003cspan class=\"of-stat-label\"\u003ede cure pour un adulte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"of-section-text\"\u003eFormulée à partir d'huile de poisson de qualité \u003cstrong\u003eEPAX®\u003c\/strong\u003e (Norvège), elle fournit \u003cstrong\u003e918 mg d'EPA\u003c\/strong\u003e et \u003cstrong\u003e689 mg de DHA\u003c\/strong\u003e par dose de 2,5 ml, sous forme triglycérides naturelle pour une absorption optimale par votre organisme. Et son arôme naturel de citron ? Il élimine totalement l'arrière-goût de poisson que beaucoup redoutent.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eCe qui rend cette huile riche en oméga-3 unique\u003c\/h2\u003e\n \u003cdiv class=\"of-grid\"\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e⚡ Ultra-concentrée\u003c\/h3\u003e\n \u003cp\u003e2297 mg d'huile de poisson par dose de 2,5 ml, dont 918 mg d'EPA et 689 mg de DHA pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🏅 Qualité EPAX® certifiée\u003c\/h3\u003e\n \u003cp\u003eHuile ultra pure issue de petits poissons sauvages (anchois, sardines, maquereaux), contrôlée pour l'absence de métaux lourds, PCB et dioxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🔬 Forme triglycérides à 90 %\u003c\/h3\u003e\n \u003cp\u003eBiodisponibilité supérieure aux formes éthyl-ester, meilleure tolérance digestive et absorption par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🧊 Indice TotOx bas\u003c\/h3\u003e\n \u003cp\u003eGage d'une huile fraîche, peu oxydée et plus efficace. Omégaform garantit un indice TotOx toujours inférieur à 10.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🛡️ Conservation optimale\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre fumé et boîte opaque, protégés par des antioxydants naturels (extrait de romarin, vitamine E).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🍋 Sans odeur de poisson\u003c\/h3\u003e\n \u003cp\u003eGoût citron naturel agréable, même pour les enfants. Fini les grimaces au moment de la prise !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Format familial 150 ml\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 60 jours pour un adulte, jusqu'à 10 mois pour un enfant. Une pipette graduée pour un dosage précis adapté à chaque âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus des oméga-3 EPA et DHA\u003c\/h2\u003e\n \u003cp class=\"of-section-intro\"\u003eLes oméga-3 EPA\/DHA sont des acides gras essentiels que votre corps ne sait pas fabriquer. Ils doivent être apportés par l'alimentation ou la supplémentation. Voici pourquoi ils comptent vraiment :\u003c\/p\u003e\n \u003cdiv class=\"of-grid-compact\"\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eL'EPA et le DHA contribuent au fonctionnement normal du cœur (effet obtenu dès 250 mg\/jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🧠 Cerveau et vision\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une fonction cérébrale et d'une vision normales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e🩸 Tension artérielle\u003c\/h3\u003e\n \u003cp\u003eLe DHA et l'EPA aident à maintenir une pression sanguine normale (à partir de 3 g\/jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-card\"\u003e\n \u003ch3\u003e💪 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLes oméga-3 soutiennent l'équilibre inflammatoire global de l'organisme pour plus de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"of-accordion\"\u003e\n \u003cdetails class=\"of-accordion-item\" open\u003e\n \u003csummary class=\"of-accordion-header\"\u003e🧪 Ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"of-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de poisson qualité EPAX® (anchois, sardines, maquereaux), arôme naturel citron. \u003cstrong\u003eAntioxydants :\u003c\/strong\u003e extraits de romarin, vitamine E (mélange de tocophérols).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"of-accordion-item\"\u003e\n \u003csummary class=\"of-accordion-header\"\u003e📊 Apports pour 2,5 ml\u003c\/summary\u003e\n \u003cdiv class=\"of-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eHuile de poisson :\u003c\/strong\u003e 2297 mg\u003cbr\u003e\n \u003cstrong\u003eOméga-3 totaux :\u003c\/strong\u003e 1838 mg\u003cbr\u003e\n — dont \u003cstrong\u003eEPA :\u003c\/strong\u003e 918 mg\u003cbr\u003e\n — dont \u003cstrong\u003eDHA :\u003c\/strong\u003e 689 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"of-accordion-item\"\u003e\n \u003csummary class=\"of-accordion-header\"\u003e✅ Garanties qualité\u003c\/summary\u003e\n \u003cdiv class=\"of-accordion-content mt-3\"\u003e\n \u003cp\u003eSans colorant, sans conservateur artificiel, sans gélatine bovine. Compatible avec un régime cétogène. Forme triglycérides à 90 %. Indice TotOx garanti inférieur à 10.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"of-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"of-section-intro\"\u003ePrenez l'Omégaform au cours d'un repas pour favoriser l'absorption des acides gras :\u003c\/p\u003e\n \u003cdiv class=\"of-timeline\"\u003e\n \u003cdiv class=\"of-timeline-item\"\u003e\n \u003cdiv class=\"of-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"of-timeline-content\"\u003e\n \u003ch3\u003e👶 Enfants de 3 à 6 ans\u003c\/h3\u003e\n \u003cp\u003e0,5 ml\/jour à l'aide de la pipette graduée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-timeline-item\"\u003e\n \u003cdiv class=\"of-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"of-timeline-content\"\u003e\n \u003ch3\u003e🧒 Enfants de 6 à 12 ans\u003c\/h3\u003e\n \u003cp\u003e1 ml\/jour à l'aide de la pipette graduée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-timeline-item\"\u003e\n \u003cdiv class=\"of-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"of-timeline-content\"\u003e\n \u003ch3\u003e🧑 Adolescents et adultes\u003c\/h3\u003e\n \u003cp\u003e2,5 ml\/jour à l'aide de la pipette ou ½ cuillère à café.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"of-tip\"\u003e\n \u003cspan class=\"of-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAgitez bien le flacon avant chaque utilisation. Après ouverture, conservez au réfrigérateur et consommez dans les 3 mois. En cas de grossesse, d'allaitement ou de traitement médical, demandez conseil à votre médecin avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"of-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre conseil pour maximiser les résultats\u003c\/h2\u003e\n \u003cdiv class=\"of-cta-box\"\u003e\n \u003cp\u003ePour tirer le meilleur parti de votre huile riche en oméga 3, associez-la à une alimentation variée incluant des \u003cstrong\u003epoissons gras deux fois par semaine\u003c\/strong\u003e, des noix et des graines de lin. Un apport régulier en \u003cstrong\u003evitamine D\u003c\/strong\u003e renforce la synergie avec les oméga-3 EPA DHA, notamment en hiver. Pensez-y : \u003cstrong\u003ela régularité compte davantage que la dose ponctuelle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"of-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée, un mode de vie sain, ni à un traitement médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --of-cream: #FAFAF5;\n --of-white: #ffffff;\n --of-primary: #E8B617;\n --of-primary-dark: #B8900E;\n --of-primary-light: #FFF8E1;\n --of-secondary: #3AABD2;\n --of-secondary-dark: #1A7FA0;\n --of-secondary-light: #E6F6FB;\n --of-accent: #1A7FA0;\n --of-text: #1a1a1a;\n --of-text-light: #5a5a5a;\n --of-border: #e0e0e0;\n --of-shadow: 0 4px 24px rgba(0,0,0,.08);\n --of-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --of-radius: 20px;\n --of-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.of-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--of-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.of-hero {\n position: relative;\n background: linear-gradient(135deg, var(--of-secondary-dark) 0%, var(--of-secondary) 40%, var(--of-primary) 100%);\n border-radius: var(--of-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(--of-shadow-lg);\n}\n\n.of-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,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.03) 30px, rgba(255,255,255,.03) 60px);\n opacity: 1;\n}\n\n.of-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.of-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.of-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.of-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.of-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.of-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(--of-secondary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.of-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.of-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.of-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--of-secondary-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.of-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(--of-primary), var(--of-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.of-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--of-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.of-section-text {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--of-text-light);\n margin-top: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX (chiffres clés) === *\/\n.of-highlight-box {\n background: var(--of-white);\n border-radius: var(--of-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--of-shadow);\n border: 2px solid var(--of-primary);\n}\n\n.of-highlight-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1.25rem;\n text-align: center;\n}\n\n.of-highlight-stat {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.of-stat-number {\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--of-secondary-dark);\n letter-spacing: -.03em;\n line-height: 1.1;\n}\n\n.of-stat-label {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--of-text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n\/* === CARDS === *\/\n.of-card {\n background: var(--of-white);\n border-radius: var(--of-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--of-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.of-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--of-shadow-lg);\n border-color: var(--of-primary);\n}\n\n.of-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--of-secondary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.of-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--of-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.of-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.of-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.of-grid-compact .of-card {\n padding: 1rem;\n}\n\n.of-grid-compact .of-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.of-grid-compact .of-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.of-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.of-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.of-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--of-secondary), var(--of-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: 16px;\n box-shadow: 0 4px 12px rgba(58,171,210,.3);\n}\n\n.of-timeline-content {\n flex: 1;\n background: var(--of-white);\n padding: 1rem 1.25rem;\n border-radius: var(--of-radius-sm);\n box-shadow: var(--of-shadow);\n}\n\n.of-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--of-secondary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.of-timeline-content p {\n font-size: 14px;\n color: var(--of-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.of-testimonial {\n background: var(--of-white);\n border-radius: var(--of-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--of-shadow);\n border-left: 4px solid var(--of-primary);\n}\n\n.of-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--of-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.of-accordion {\n background: var(--of-white);\n border-radius: var(--of-radius);\n box-shadow: var(--of-shadow);\n overflow: hidden;\n}\n\n.of-accordion-item {\n border-bottom: 1px solid var(--of-border);\n margin: 0;\n padding: 0;\n}\n\n.of-accordion-item:last-child {\n border-bottom: none;\n}\n\n.of-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--of-secondary-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.of-accordion-header:hover {\n background: var(--of-secondary-light);\n}\n\n.of-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.of-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--of-secondary);\n transition: transform .2s ease;\n}\n\n.of-accordion-item[open] .of-accordion-header::after {\n content: '−';\n}\n\n.of-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--of-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.of-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.of-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--of-secondary-light);\n border-radius: var(--of-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.of-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.of-tip p {\n font-size: 14px;\n color: var(--of-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.of-cta-box {\n background: linear-gradient(135deg, var(--of-secondary) 0%, var(--of-secondary-dark) 100%);\n border-radius: var(--of-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.of-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(232,182,23,.15) 0%, transparent 60%);\n}\n\n.of-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.of-disclaimer {\n font-size: 12px;\n color: var(--of-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 .of-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .of-card {\n padding: 1.125rem;\n }\n\n .of-section {\n margin-bottom: 1.75rem;\n }\n\n .of-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--of-radius-sm);\n }\n\n .of-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .of-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .of-highlight-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n\n .of-highlight-box {\n padding: 1.25rem;\n }\n\n .of-stat-number {\n font-size: 26px;\n }\n\n .of-stat-label {\n font-size: 11px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .of-grid-compact {\n gap: .625rem;\n }\n\n .of-grid-compact .of-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .of-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .of-timeline-content {\n padding: .875rem 1rem;\n }\n\n .of-timeline-content h3 {\n font-size: 14px;\n }\n\n .of-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .of-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .of-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .of-testimonial {\n padding: 1.25rem;\n }\n\n .of-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .of-card {\n animation: of-fadeInUp .5s ease backwards;\n }\n .of-card:nth-child(1) { animation-delay: .05s; }\n .of-card:nth-child(2) { animation-delay: .1s; }\n .of-card:nth-child(3) { animation-delay: .15s; }\n .of-card:nth-child(4) { animation-delay: .2s; }\n .of-card:nth-child(5) { animation-delay: .25s; }\n .of-card:nth-child(6) { animation-delay: .3s; }\n .of-card:nth-child(7) { animation-delay: .35s; }\n\n .of-timeline-item {\n animation: of-fadeInUp .5s ease backwards;\n }\n .of-timeline-item:nth-child(1) { animation-delay: .1s; }\n .of-timeline-item:nth-child(2) { animation-delay: .2s; }\n .of-timeline-item:nth-child(3) { animation-delay: .3s; }\n\n .of-highlight-stat {\n animation: of-fadeInUp .5s ease backwards;\n }\n .of-highlight-stat:nth-child(1) { animation-delay: .05s; }\n .of-highlight-stat:nth-child(2) { animation-delay: .1s; }\n .of-highlight-stat:nth-child(3) { animation-delay: .15s; }\n .of-highlight-stat:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes of-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 .of-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55326300766585,"sku":"OMEGA3HUILEINOLAB","price":26.53,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-omega-3-epa-dha-epax-ultra-concentre-inolab-1-min.webp?v=1749729851"},{"product_id":"phyco-vision-life-s-code-phycocyanine-200mg-7-actifs-vue","title":"Phyco-Vision Life’s Code - phycocyanine 200mg \u0026 7 actifs vue","description":"\u003cdiv class=\"pv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pv-hero\"\u003e\n \u003cdiv class=\"pv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pv-hero-content\"\u003e\n \u003cdiv class=\"pv-badges-top\"\u003e\n \u003cspan class=\"pv-badge\"\u003e🔬 200 mg phycocyanine \/ dose\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e🌿 100 % végane\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e👁️ 8 actifs vision\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e🇫🇷 Labo certifié ISO 22000\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pv-hero-title\"\u003ePhyco-Vision Life's Code\u003c\/span\u003e\n \u003cp class=\"pv-subtitle\"\u003ePhycocyanine 200 mg \u0026amp; 7 actifs ciblés pour votre vue\u003c\/p\u003e\n \u003cp class=\"pv-description\"\u003eLa synergie antioxydante la plus complète pour protéger vos yeux au quotidien : phycocyanine lyophilisée à froid, caroténoïdes rares et oligo-éléments essentiels réunis en une seule gélule végane.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003ePhyco-Vision Life's Code : la synergie phycocyanine et 7 actifs pour votre vue\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003eFatigue visuelle en fin de journée, exposition prolongée aux écrans, sensibilité à la lumière bleue… Vos yeux sont sollicités en permanence.\u003c\/p\u003e\n \u003cdiv class=\"pv-grid-compact\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e💧 200 mg de phycocyanine\u003c\/h3\u003e\n \u003cp\u003eExtraite et séchée à froid pour une biodisponibilité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🛡️ 7 actifs complémentaires\u003c\/h3\u003e\n \u003cp\u003eCaroténoïdes, oligo-éléments et vitamines ciblés pour la vision\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une vision normale grâce au zinc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e⚡ Défenses antioxydantes\u003c\/h3\u003e\n \u003cp\u003eSoutient la protection des cellules contre le stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003ePhycocyanine et spiruline : pourquoi ce pigment bleu fait la différence\u003c\/h2\u003e\n \u003cdiv class=\"pv-highlight-box\"\u003e\n \u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturel de la \u003cstrong\u003espiruline bleue\u003c\/strong\u003e. Contrairement à la spiruline classique en poudre, la phycocyanine extraite et lyophilisée à froid conserve toute sa biodisponibilité.\u003c\/p\u003e\n \u003cp\u003eVous vous demandez s'il vaut mieux choisir la \u003cstrong\u003ephycocyanine ou la spiruline\u003c\/strong\u003e ? Ici, pas besoin de trancher : Life's Code a isolé le principe actif le plus recherché de la spiruline pour vous l'offrir sous sa forme la plus concentrée.\u003c\/p\u003e\n \u003cp\u003eParmi les \u003cstrong\u003ebienfaits de la phycocyanine et spiruline\u003c\/strong\u003e, on retient notamment son puissant pouvoir antioxydant, précieux pour protéger les cellules du stress oxydatif, en particulier au niveau oculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-tip\"\u003e\n \u003cspan class=\"pv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePhycocyanine vs spiruline :\u003c\/strong\u003e la phycocyanine lyophilisée concentre le principe actif majeur sans les fibres ni les impuretés de la spiruline brute. Résultat : une absorption plus rapide et une efficacité renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eUne formule complète : 8 actifs au service de votre vision\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003ePhyco-Vision ne se limite pas à la spiruline phycocyanine. Sa formule associe des caroténoïdes, oligo-éléments et vitamines reconnus pour leur rôle dans la santé des yeux.\u003c\/p\u003e\n \u003cdiv class=\"pv-grid\"\u003e\n \u003cdiv class=\"pv-card pv-card-featured\"\u003e\n \u003ch3\u003e💧 Phycocyanine lyophilisée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e200 mg \/ dose\u003c\/strong\u003e — Antioxydant naturel puissant issu de la spiruline, extrait et séché à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🦐 Astaxanthine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 mg\u003c\/strong\u003e — Caroténoïde rare au pouvoir protecteur cellulaire exceptionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌻 Lutéine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e — Pigment naturellement présent dans la macula de l'œil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🟡 Zéaxanthine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e — Agit en synergie avec la lutéine pour filtrer la lumière bleue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e✨ Vitamine E\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e12 mg (100 % VNR*)\u003c\/strong\u003e — Contribue à la protection des cellules contre le stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e⚙️ Zinc\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 mg (100 % VNR*)\u003c\/strong\u003e — Contribue au maintien d'une vision normale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🔬 Sélénium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e55 µg (100 % VNR*)\u003c\/strong\u003e — Oligo-élément antioxydant essentiel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🎋 Silicium organique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e15 mg (extrait de bambou)\u003c\/strong\u003e — Soutient les tissus conjonctifs de l'œil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-note\"\u003e\n \u003cp\u003e\u003cem\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/em\u003e\u003cbr\u003eGélule en \u003cstrong\u003epullulan 100 % végane\u003c\/strong\u003e, sans conservateur, sans OGM, sans gluten, sans allergène majeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eComment prendre Phyco-Vision ?\u003c\/h2\u003e\n \u003cdiv class=\"pv-timeline\"\u003e\n \u003cdiv class=\"pv-timeline-item\"\u003e\n \u003cdiv class=\"pv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-content\"\u003e\n \u003ch3\u003eSemaine de démarrage\u003c\/h3\u003e\n \u003cp\u003eCommencez par \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avec un grand verre d'eau, au cours du petit-déjeuner ou du déjeuner, pour habituer votre organisme à la phycocyanine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-item\"\u003e\n \u003cdiv class=\"pv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-content\"\u003e\n \u003ch3\u003eDose complète\u003c\/h3\u003e\n \u003cp\u003eÀ partir de la deuxième semaine, passez à \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence le matin ou le midi au cours d'un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-item\"\u003e\n \u003cdiv class=\"pv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour ressentir pleinement les effets sur votre confort visuel et vos défenses antioxydantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-tip\"\u003e\n \u003cspan class=\"pv-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003eAccompagnez toujours vos gélules d'un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e pour une absorption optimale de la phycocyanine et des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire vision plus ?\u003c\/h2\u003e\n \u003cdiv class=\"pv-grid-compact\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e👴 Adultes et seniors\u003c\/h3\u003e\n \u003cp\u003eSouhaitant préserver leur acuité visuelle avec l'âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e💻 Étudiants et pros\u003c\/h3\u003e\n \u003cp\u003eExposés à la lumière bleue des écrans plusieurs heures par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🏥 Accompagnement DMLA\u003c\/h3\u003e\n \u003cp\u003eEn complément d'un suivi médical pour la dégénérescence maculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌱 Végétariens et véganes\u003c\/h3\u003e\n \u003cp\u003eGélule en pullulan 100 % végane, sans ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eQualité et traçabilité irréprochables\u003c\/h2\u003e\n \u003cdiv class=\"pv-accordion\"\u003e\n \u003cdetails class=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e🏭 Fabrication certifiée\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eFabriqué en laboratoire certifié \u003cstrong\u003eISO 22000 et GMP\u003c\/strong\u003e (Bonnes Pratiques de Fabrication), garantissant un contrôle qualité rigoureux à chaque étape de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e❄️ Extraction à froid\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eLa phycocyanine est extraite et séchée à froid (lyophilisation) pour préserver l'intégralité de ses propriétés antioxydantes et sa biodisponibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e📋 Analyses par lot\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eChaque lot est analysé individuellement. Les certificats d'analyse sont disponibles sur simple demande auprès de Life's Code.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e🚫 Sans additif ni métaux lourds\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eFormule propre, sans additif chimique, sans métaux lourds détectables, sans conservateur artificiel.\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=\"pv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pv-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos yeux la protection qu'ils méritent avec \u003cstrong\u003ePhyco-Vision\u003c\/strong\u003e : 200 mg de phycocyanine et 7 actifs d'exception réunis dans une gélule 100 % végane.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pv-disclaimer\"\u003eCe produit est un complément alimentaire. Il ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. Déconseillé aux femmes enceintes ou allaitantes et aux personnes sous traitement sans avis médical préalable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pv-cream: #f4f7f3;\n --pv-white: #ffffff;\n --pv-primary: #2a7d4f;\n --pv-primary-dark: #1a5c38;\n --pv-primary-light: #e8f5ee;\n --pv-secondary: #1b6b8a;\n --pv-accent: #d4a843;\n --pv-text: #1a1a1a;\n --pv-text-light: #5a5a5a;\n --pv-border: #dde6dd;\n --pv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pv-radius: 20px;\n --pv-radius-sm: 12px;\n}\n\n.pv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pv-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5c38 0%, #2a7d4f 40%, #1b6b8a 100%);\n border-radius: var(--pv-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(--pv-shadow-lg);\n}\n\n.pv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,168,67,.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.pv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pv-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.pv-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}\n\n.pv-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.pv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pv-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(--pv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pv-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.pv-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(--pv-primary), var(--pv-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pv-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.pv-card {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pv-shadow-lg);\n border-color: var(--pv-primary);\n}\n\n.pv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pv-card-featured {\n border: 2px solid var(--pv-primary);\n background: var(--pv-primary-light);\n}\n\n.pv-card-featured:hover {\n background: var(--pv-white);\n}\n\n\/* === GRILLES === *\/\n.pv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pv-grid-compact .pv-card {\n padding: 1rem;\n}\n\n.pv-grid-compact .pv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pv-grid-compact .pv-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pv-highlight-box {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pv-shadow);\n margin-bottom: 1.25rem;\n}\n\n.pv-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--pv-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.pv-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === NOTE === *\/\n.pv-note {\n background: var(--pv-primary-light);\n border-radius: var(--pv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pv-note p {\n font-size: 13px;\n color: var(--pv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.pv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pv-primary), var(--pv-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.pv-timeline-content {\n flex: 1;\n background: var(--pv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pv-radius-sm);\n box-shadow: var(--pv-shadow);\n}\n\n.pv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pv-timeline-content p {\n font-size: 14px;\n color: var(--pv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pv-testimonial {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pv-shadow);\n border-left: 4px solid var(--pv-primary);\n}\n\n.pv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pv-accordion {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n box-shadow: var(--pv-shadow);\n overflow: hidden;\n}\n\n.pv-accordion-item {\n border-bottom: 1px solid var(--pv-border);\n margin: 0;\n padding: 0;\n}\n\n.pv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pv-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.pv-accordion-header:hover {\n background: var(--pv-primary-light);\n}\n\n.pv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pv-primary);\n transition: transform .2s ease;\n}\n\n.pv-accordion-item[open] .pv-accordion-header::after {\n content: '−';\n}\n\n.pv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pv-primary-light);\n border-radius: var(--pv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pv-tip p {\n font-size: 14px;\n color: var(--pv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pv-cta-box {\n background: linear-gradient(135deg, var(--pv-primary) 0%, var(--pv-primary-dark) 100%);\n border-radius: var(--pv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pv-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.pv-disclaimer {\n font-size: 12px;\n color: var(--pv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pv-card {\n padding: 1.125rem;\n }\n\n .pv-section {\n margin-bottom: 1.75rem;\n }\n\n .pv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pv-radius-sm);\n }\n\n .pv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pv-grid-compact {\n gap: .625rem;\n }\n\n .pv-grid-compact .pv-card {\n padding: .75rem;\n }\n\n .pv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pv-timeline-content h3 {\n font-size: 14px;\n }\n\n .pv-timeline-content p {\n font-size: 13px;\n }\n\n .pv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pv-testimonial {\n padding: 1.25rem;\n }\n\n .pv-testimonial-text {\n font-size: 14px;\n }\n\n .pv-highlight-box {\n padding: 1.25rem;\n }\n\n .pv-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pv-card {\n animation: pvFadeInUp .5s ease backwards;\n }\n .pv-card:nth-child(1) { animation-delay: .05s; }\n .pv-card:nth-child(2) { animation-delay: .1s; }\n .pv-card:nth-child(3) { animation-delay: .15s; }\n .pv-card:nth-child(4) { animation-delay: .2s; }\n .pv-card:nth-child(5) { animation-delay: .25s; }\n .pv-card:nth-child(6) { animation-delay: .3s; }\n .pv-card:nth-child(7) { animation-delay: .35s; }\n .pv-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes pvFadeInUp {\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 .pv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"30 gélules","offer_id":55368879276409,"sku":"PHYCO-VISION-30","price":36.9,"currency_code":"EUR","in_stock":true},{"title":"90 gélules","offer_id":55368879309177,"sku":"PHYCO-VISION-90","price":79.83,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco-vision-lifes-code-phycocyanine-200mg-7-actifs-vue-packshothd.webp?v=1790450875"},{"product_id":"dha-algal-lifes-code","title":"DHA Algues (Oméga 3 végétal) : Huile de Schizochytrium - Life's Code","description":"\u003cdiv class=\"dha-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dha-hero\"\u003e\n \u003cdiv class=\"dha-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dha-hero-content\"\u003e\n \u003cdiv class=\"dha-badges-top\"\u003e\n \u003cspan class=\"dha-badge\"\u003e🌿 100 % végétal\u003c\/span\u003e\n \u003cspan class=\"dha-badge\"\u003e🧠 Vision \u0026amp; cognition\u003c\/span\u003e\n \u003cspan class=\"dha-badge\"\u003e💊 250 mg DHA \/ capsule\u003c\/span\u003e\n \u003cspan class=\"dha-badge\"\u003e🐟 Aucun poisson tué\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dha-hero-title\"\u003eDHA Algal – Oméga-3 végétal\u003c\/span\u003e\n \u003cp class=\"dha-subtitle\"\u003eHuile de Schizochytrium · Life's Code\u003c\/p\u003e\n \u003cp class=\"dha-description\"\u003eLa puissance des oméga-3 marins, directement à la source végétale. Soutenez votre cerveau, votre vision et votre cœur avec un DHA pur, sans poisson, sans polluants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003eDHA Algal 250 mg : votre oméga-3 végétal issu de micro-algues Schizochytrium\u003c\/h2\u003e\n \u003cp class=\"dha-section-intro\"\u003eVous cherchez un \u003cstrong\u003eoméga-3 DHA\u003c\/strong\u003e puissant, sans poisson et sans compromis sur la qualité ? Le DHA Algal de Life's Code vous apporte \u003cstrong\u003e250 mg de DHA pur par capsule\u003c\/strong\u003e, directement extrait de la micro-algue \u003cem\u003eSchizochytrium sp.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp class=\"dha-section-intro\"\u003eUne source végétale d'\u003cstrong\u003eoméga-3 DHA EPA\u003c\/strong\u003e qui va droit à l'essentiel : soutenir votre cerveau, votre vision et votre cœur au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003ePourquoi le DHA est-il si important pour votre organisme ?\u003c\/h2\u003e\n \u003cp class=\"dha-section-intro\"\u003eLe \u003cstrong\u003eDHA (acide docosahexaénoïque)\u003c\/strong\u003e est l'oméga-3 le plus présent dans vos membranes neuronales et votre rétine. Les bienfaits des oméga-3 EPA DHA sont largement documentés par la recherche scientifique.\u003c\/p\u003e\n \u003cdiv class=\"dha-grid\"\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🧠 Fonctionnement cérébral\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au fonctionnement normal du cerveau : mémoire, concentration, clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n \u003cp\u003eIl participe au maintien d'une vision normale grâce à sa présence essentielle dans la rétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eIl aide à maintenir une fonction cardiaque normale et à réguler les triglycérides sanguins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🤰 Développement fœtal\u003c\/h3\u003e\n \u003cp\u003eIl joue un rôle crucial dans le développement cérébral et visuel du fœtus et du nourrisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-tip\"\u003e\n \u003cspan class=\"dha-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn période de stress, de fatigue intellectuelle ou de convalescence, vos besoins en DHA augmentent significativement. Ce complément vous aide à y répondre simplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément en oméga-3 végétal ?\u003c\/h2\u003e\n \u003cdiv class=\"dha-grid\"\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🌱 Végétariens et végans\u003c\/h3\u003e\n \u003cp\u003eUn apport direct en oméga-3 DHA, 100 % végétal, sans aucun produit animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🤱 Femmes enceintes ou allaitantes\u003c\/h3\u003e\n \u003cp\u003ePour accompagner le développement neurologique du bébé tout au long de la grossesse et de l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🎓 Étudiants et actifs\u003c\/h3\u003e\n \u003cp\u003eEn soutien de la concentration et des performances cognitives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003ePour préserver les fonctions cérébrales et la santé visuelle avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e👧 Enfants dès 8 ans\u003c\/h3\u003e\n \u003cp\u003ePour accompagner la croissance, l'apprentissage et le développement cognitif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003eUne alternative écologique et pure aux huiles de poisson\u003c\/h2\u003e\n \u003cp class=\"dha-section-intro\"\u003eSaviez-vous que les poissons ne fabriquent pas eux-mêmes leurs oméga-3 ? Ils les accumulent en consommant des algues. Avec le DHA Algal Life's Code, vous allez \u003cstrong\u003edirectement à la source\u003c\/strong\u003e — sans intermédiaire animal.\u003c\/p\u003e\n \u003cdiv class=\"dha-grid-compact\"\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🐠 Aucun poisson tué\u003c\/h3\u003e\n \u003cp\u003eCapsule 100 % végane\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🛡️ Sans polluants marins\u003c\/h3\u003e\n \u003cp\u003eNi métaux lourds, ni PCB, ni dioxines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🔬 Culture en bassins fermés\u003c\/h3\u003e\n \u003cp\u003eZéro impact sur la biodiversité océanique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e⚙️ Procédé breveté\u003c\/h3\u003e\n \u003cp\u003eStabilité multipliée par 5, sans oxydation ni arrière-goût\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"dha-accordion\"\u003e\n \u003cdetails class=\"dha-accordion-item\" open\u003e\n \u003csummary class=\"dha-accordion-header\"\u003e💊 Ingrédients par capsule\u003c\/summary\u003e\n \u003cdiv class=\"dha-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de micro-algues \u003cem\u003eSchizochytrium sp.\u003c\/em\u003e apportant \u003cstrong\u003e250 mg de DHA\u003c\/strong\u003e (100 % des VNR).\u003cbr\u003eEnveloppe de la capsule : gélatine végétale, glycérine, eau purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dha-accordion-item\"\u003e\n \u003csummary class=\"dha-accordion-header\"\u003e📋 Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"dha-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAdultes et enfants dès 8 ans :\u003c\/strong\u003e 1 capsule par jour, au cours d'un repas.\u003cbr\u003e\u003cstrong\u003eFemmes enceintes ou allaitantes :\u003c\/strong\u003e 2 capsules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dha-accordion-item\"\u003e\n \u003csummary class=\"dha-accordion-header\"\u003e📅 Durée recommandée\u003c\/summary\u003e\n \u003cdiv class=\"dha-accordion-content mt-3\"\u003e\n \u003cp\u003eCure de 3 mois, renouvelable. Conservez le flacon à température ambiante, au réfrigérateur par temps chaud.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"dha-section\"\u003e\n \u003ch2\u003eQualité et traçabilité garanties\u003c\/h2\u003e\n \u003cp class=\"dha-section-intro\"\u003eChaque lot est \u003cstrong\u003eanalysé par un laboratoire certifié ISO 22000 et GMP\u003c\/strong\u003e. Vous bénéficiez d'une traçabilité complète, de la culture de l'algue jusqu'à la capsule finale.\u003c\/p\u003e\n \u003cdiv class=\"dha-grid-compact\"\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🔬 ISO 22000\u003c\/h3\u003e\n \u003cp\u003eLaboratoire certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e✅ GMP\u003c\/h3\u003e\n \u003cp\u003eBonnes pratiques de fabrication\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eDe l'algue à la capsule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dha-card\"\u003e\n \u003ch3\u003e💎 Pureté irréprochable\u003c\/h3\u003e\n \u003cp\u003eOméga-3 DHA ultra-pur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"dha-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dha-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre cerveau, votre vision et votre cœur le meilleur des oméga-3 — directement à la source, 100 % végétal, sans aucun compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dha-disclaimer\"\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 votre professionnel de santé avant utilisation. Ne pas dépasser la dose journalière recommandée. 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 --dha-cream: #f8f6f1;\n --dha-white: #ffffff;\n --dha-primary: #c4a94d;\n --dha-primary-dark: #2c4a3e;\n --dha-primary-light: #f0ead4;\n --dha-secondary: #5a8a6e;\n --dha-accent: #d4a843;\n --dha-text: #1a1a1a;\n --dha-text-light: #5a5a5a;\n --dha-border: #e0ddd4;\n --dha-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dha-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dha-radius: 20px;\n --dha-radius-sm: 12px;\n}\n\n.dha-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dha-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.dha-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.dha-hero {\n position: relative;\n background: linear-gradient(135deg, #2c4a3e 0%, #3d6b55 40%, #c4a94d 100%);\n border-radius: var(--dha-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(--dha-shadow-lg);\n}\n\n.dha-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(196,169,77,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(90,138,110,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.dha-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dha-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dha-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(--dha-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dha-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dha-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.dha-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.dha-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.dha-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dha-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dha-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.dha-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(--dha-primary), var(--dha-secondary));\n border-radius: 2px;\n}\n\n.dha-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dha-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.dha-card {\n background: var(--dha-white);\n border-radius: var(--dha-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dha-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dha-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dha-shadow-lg);\n border-color: var(--dha-primary);\n}\n\n.dha-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dha-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dha-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dha-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dha-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dha-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dha-grid-compact .dha-card {\n padding: 1rem;\n}\n\n.dha-grid-compact .dha-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dha-grid-compact .dha-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.dha-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dha-primary-light);\n border-radius: var(--dha-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dha-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dha-tip p {\n font-size: 14px;\n color: var(--dha-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.dha-accordion {\n background: var(--dha-white);\n border-radius: var(--dha-radius);\n box-shadow: var(--dha-shadow);\n overflow: hidden;\n}\n\n.dha-accordion-item {\n border-bottom: 1px solid var(--dha-border);\n margin: 0;\n padding: 0;\n}\n\n.dha-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dha-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dha-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.dha-accordion-header:hover {\n background: var(--dha-primary-light);\n}\n\n.dha-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dha-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dha-primary);\n transition: transform .2s ease;\n}\n\n.dha-accordion-item[open] .dha-accordion-header::after {\n content: '−';\n}\n\n.dha-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dha-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dha-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.dha-testimonial {\n background: var(--dha-white);\n border-radius: var(--dha-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dha-shadow);\n border-left: 4px solid var(--dha-primary);\n}\n\n.dha-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dha-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.dha-cta-box {\n background: linear-gradient(135deg, var(--dha-primary-dark) 0%, #3d6b55 50%, var(--dha-primary) 100%);\n border-radius: var(--dha-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dha-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.dha-disclaimer {\n font-size: 12px;\n color: var(--dha-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dha-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dha-card {\n padding: 1.125rem;\n }\n\n .dha-section {\n margin-bottom: 1.75rem;\n }\n\n .dha-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dha-radius-sm);\n }\n\n .dha-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dha-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dha-grid-compact {\n gap: .625rem;\n }\n\n .dha-grid-compact .dha-card {\n padding: .75rem;\n }\n\n .dha-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dha-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dha-testimonial {\n padding: 1.25rem;\n }\n\n .dha-testimonial-text {\n font-size: 14px;\n }\n\n .dha-tip {\n padding: .875rem 1rem;\n }\n\n .dha-tip-icon {\n font-size: 20px;\n }\n\n .dha-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dha-card {\n animation: dhaFadeInUp .5s ease backwards;\n }\n .dha-card:nth-child(1) { animation-delay: .05s; }\n .dha-card:nth-child(2) { animation-delay: .1s; }\n .dha-card:nth-child(3) { animation-delay: .15s; }\n .dha-card:nth-child(4) { animation-delay: .2s; }\n .dha-card:nth-child(5) { animation-delay: .25s; }\n .dha-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dhaFadeInUp {\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 .dha-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"30 gélules","offer_id":55463107985785,"sku":"111-301DHA30","price":19.89,"currency_code":"EUR","in_stock":true},{"title":"90 gélules","offer_id":55463108018553,"sku":"111-303","price":44.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dha-algues-omega-3-vegetal-huile-de-schizochytrium-lifes-cod-packshothd.webp?v=1786009656"},{"product_id":"oculo-gouttes-10-ml-alphagem","title":"Oculo Gouttes - 10 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Oculo Gouttes - 10 ml - Alphagem\nPalette détectée:\n - Primaire: #2E7D4F (vert nature du logo AlphaGEM)\n - Secondaire: #1E5AA8 (bleu profond du bouchon et bandeau)\n - Accent: #4A90C2 (bleu clair du texte \"OCULO-GOUTTES\")\n - Brun flacon: #5D4037 (pour accents chaleureux)\nAmbiance: Naturel\/bio, médical doux, confiance, pureté, simplicité\nPréfixe CSS: oc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir les Oculo Gouttes Alphagem ?\"\n 2. \"Composition complète des Oculo Gouttes\"\n 3. \"Les bienfaits concrets pour vos yeux\"\n 4. \"Comment utiliser vos Oculo Gouttes ?\"\n 5. \"Dans quelles situations utiliser ce soin des yeux ?\"\n 6. \"Le bleuet : une fleur précieuse pour le soin contour yeux\"\n 7. \"Conseils d'expert pour optimiser le confort de vos yeux\"\n 8. \"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=\"oc-premium\"\u003e\n \n \u003cdiv class=\"oc-hero\"\u003e\n \u003cdiv class=\"oc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"oc-hero-content\"\u003e\n \u003cdiv class=\"oc-badges-top\"\u003e\n \u003cspan class=\"oc-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"oc-badge\"\u003e🌸 Bleuet bio\u003c\/span\u003e\n \u003cspan class=\"oc-badge\"\u003e👁️ Confort oculaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"oc-hero-title\"\u003eOculo Gouttes Alphagem\u003c\/span\u003e\n \u003cp class=\"oc-subtitle\"\u003eLe réconfort naturel pour vos yeux fatigués\u003c\/p\u003e\n \u003cp class=\"oc-description\"\u003eFormulées à partir d'hydrolat de bleuet biologique, ces gouttes créent un voile protecteur délicat qui soulage instantanément la fatigue oculaire. Un soin authentique, sans artifice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"oc-section\"\u003e\n \u003ch2\u003ePourquoi choisir les Oculo Gouttes Alphagem ?\u003c\/h2\u003e\n \u003cp class=\"oc-section-intro\"\u003eDans un monde où nos yeux sont constamment sollicités — écrans, climatisation, pollution — trouvez enfin un soin doux et efficace.\u003c\/p\u003e\n \u003cdiv class=\"oc-grid\"\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e🌱 100% origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUniquement deux ingrédients, rien de superflu pour une tolérance parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e🌸 Bleuet certifié bio\u003c\/h3\u003e\n \u003cp\u003eReconnu depuis des siècles pour ses propriétés apaisantes sur les yeux fatigués\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateur, sans parfum, sans colorant pour les yeux les plus sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e⚗️ Distillation traditionnelle\u003c\/h3\u003e\n \u003cp\u003eFleurs fraîches distillées selon un savoir-faire ancestral préservant toutes leurs qualités\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oc-section\"\u003e\n \u003ch2\u003eComposition complète des Oculo Gouttes\u003c\/h2\u003e\n \u003cp class=\"oc-section-intro\"\u003eLa force de ce soin réside dans sa simplicité absolue.\u003c\/p\u003e\n \u003cdiv class=\"oc-grid\"\u003e\n \u003cdiv class=\"oc-card oc-card-ingredient\"\u003e\n \u003ch3\u003e💧 Eau florale de bleuet bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCentaurea cyanus flower water\u003c\/em\u003e — Hydrolat précieux obtenu par distillation à la vapeur d'eau des fleurs fraîches. Propriétés décongestionnantes et rafraîchissantes naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card oc-card-ingredient\"\u003e\n \u003ch3\u003e💎 Eau de source\u003c\/h3\u003e\n \u003cp\u003eGarantit une pureté et une douceur parfaites pour la zone oculaire délicate. Formule adaptée à toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-tip\"\u003e\n \u003cspan class=\"oc-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette formule épurée convient à toute la famille, adultes comme enfants, et respecte parfaitement l'équilibre naturel de vos yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oc-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour vos yeux\u003c\/h2\u003e\n \u003cdiv class=\"oc-grid\"\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e⚡ Soulagement immédiat\u003c\/h3\u003e\n \u003cp\u003eApaise instantanément la sensation de fatigue et de tiraillement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e💦 Hydratation naturelle\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les yeux secs exposés à l'air conditionné ou au chauffage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e🛡️ Protection délicate\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur qui préserve vos yeux des agressions extérieures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e❄️ Fraîcheur apaisante\u003c\/h3\u003e\n \u003cp\u003eDécongestionne les yeux rougis ou irrités pour un regard reposé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e⏱️ Confort prolongé\u003c\/h3\u003e\n \u003cp\u003eParfait pour les porteurs de lentilles et le travail sur écran\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oc-section\"\u003e\n \u003ch2\u003eComment utiliser vos Oculo Gouttes ?\u003c\/h2\u003e\n \u003cdiv class=\"oc-timeline\"\u003e\n \u003cdiv class=\"oc-timeline-item\"\u003e\n \u003cspan class=\"oc-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"oc-timeline-content\"\u003e\n \u003ch3\u003ePositionnez-vous\u003c\/h3\u003e\n \u003cp\u003ePenchez légèrement la tête en arrière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-timeline-item\"\u003e\n \u003cspan class=\"oc-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"oc-timeline-content\"\u003e\n \u003ch3\u003eInstillez les gouttes\u003c\/h3\u003e\n \u003cp\u003e2 à 3 gouttes dans le coin interne de chaque œil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-timeline-item\"\u003e\n \u003cspan class=\"oc-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"oc-timeline-content\"\u003e\n \u003ch3\u003eRépartissez\u003c\/h3\u003e\n \u003cp\u003eClignez doucement pour répartir le produit sur toute la surface oculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-timeline-item\"\u003e\n \u003cspan class=\"oc-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"oc-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eAppliquez plusieurs fois par jour selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-tip\"\u003e\n \u003cspan class=\"oc-tip-icon\"\u003e🧊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce fraîcheur :\u003c\/strong\u003e après ouverture, conservez le flacon au réfrigérateur pour préserver toutes les qualités de l'hydrolat et profiter d'un effet fraîcheur encore plus agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oc-section\"\u003e\n \u003ch2\u003eDans quelles situations utiliser ce soin des yeux ?\u003c\/h2\u003e\n \u003cdiv class=\"oc-grid-compact\"\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e💻 Écrans\u003c\/h3\u003e\n \u003cp\u003eAprès plusieurs heures devant ordinateur, tablette ou smartphone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e❄️ Climatisation\u003c\/h3\u003e\n \u003cp\u003eEn environnement climatisé ou chauffé qui assèche les yeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e🌫️ Pollution\u003c\/h3\u003e\n \u003cp\u003eLors d'épisodes de pollution, particules fines et allergènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e📚 Travail intense\u003c\/h3\u003e\n \u003cp\u003eLecture prolongée, conduite, travaux minutieux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e🌅 Au réveil\u003c\/h3\u003e\n \u003cp\u003ePour démarrer la journée avec des yeux frais et reposés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e✈️ En voyage\u003c\/h3\u003e\n \u003cp\u003eFormat compact 10 ml idéal pour votre trousse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oc-section\"\u003e\n \u003ch2\u003eLe bleuet : une fleur précieuse pour le soin contour yeux\u003c\/h2\u003e\n \u003cdiv class=\"oc-testimonial\"\u003e\n \u003cp class=\"oc-testimonial-text\"\u003eLe bleuet (Centaurea cyanus) est utilisé depuis l'Antiquité pour ses vertus apaisantes sur les yeux. Nos grands-mères appliquaient déjà des compresses d'eau de bleuet pour soulager les paupières fatiguées. Aujourd'hui, la science confirme ce savoir traditionnel : l'hydrolat de bleuet contient naturellement des composés qui aident à décongestionner et rafraîchir la zone oculaire délicate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-tip\"\u003e\n \u003cspan class=\"oc-tip-icon\"\u003e🌾\u003c\/span\u003e\n \u003cp\u003eAlphagem perpétue cette tradition en sélectionnant des fleurs de bleuet issues de l'agriculture biologique, distillées avec soin pour capturer toute l'essence bienfaisante de cette plante remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oc-section\"\u003e\n \u003ch2\u003eConseils d'expert pour optimiser le confort de vos yeux\u003c\/h2\u003e\n \u003cdiv class=\"oc-grid\"\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e⏰ Pauses régulières\u003c\/h3\u003e\n \u003cp\u003eToutes les 20 minutes, regardez au loin pendant 20 secondes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e👀 Clignez consciemment\u003c\/h3\u003e\n \u003cp\u003eDevant un écran, nous clignons 3 fois moins, ce qui assèche les yeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e✋ Massez vos paupières\u003c\/h3\u003e\n \u003cp\u003eQuelques pressions douces stimulent la circulation sanguine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e🥤 Hydratez-vous\u003c\/h3\u003e\n \u003cp\u003eBoire assez d'eau contribue à la bonne hydratation oculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"oc-card\"\u003e\n \u003ch3\u003e💡 Ajustez l'éclairage\u003c\/h3\u003e\n \u003cp\u003eÉvitez les reflets sur les écrans et les contrastes trop forts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"oc-accordion\"\u003e\n \u003cdetails class=\"oc-accordion-item\"\u003e\n \u003csummary class=\"oc-accordion-header\"\u003e⚠️ Usage et limites\u003c\/summary\u003e\n \u003cdiv class=\"oc-accordion-content\"\u003e\n \u003cp\u003eCe soin est destiné à un usage externe uniquement. Il ne remplace en aucun cas une consultation ophtalmologique ni un traitement médical prescrit. En cas de symptômes persistants, de douleur, de troubles de la vision ou d'infection oculaire, consultez rapidement un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"oc-accordion-item\"\u003e\n \u003csummary class=\"oc-accordion-header\"\u003e🧴 Hygiène d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"oc-accordion-content\"\u003e\n \u003cp\u003eÉvitez tout contact du compte-gouttes avec l'œil ou les doigts pour préserver la pureté du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"oc-accordion-item\"\u003e\n \u003csummary class=\"oc-accordion-header\"\u003e🌼 Allergies\u003c\/summary\u003e\n \u003cdiv class=\"oc-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue au bleuet ou aux astéracées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"oc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"oc-cta-box\"\u003e\n \u003cp\u003eOffrez à vos yeux le réconfort qu'ils méritent avec les Oculo Gouttes Alphagem. Ce soin naturel et biologique, fidèle à la tradition et respectueux de votre sensibilité oculaire, vous accompagne au quotidien pour retrouver légèreté et confort visuel. 👁️✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"oc-disclaimer\"\u003eComplément cosmétique naturel. Ne se substitue pas à un avis médical. Consultez un ophtalmologue en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --oc-cream: #f8faf9;\n --oc-white: #ffffff;\n --oc-primary: #2E7D4F;\n --oc-primary-dark: #1a5a36;\n --oc-primary-light: #e8f5ec;\n --oc-secondary: #1E5AA8;\n --oc-secondary-light: #e3eef8;\n --oc-accent: #4A90C2;\n --oc-text: #1a1a1a;\n --oc-text-light: #5a5a5a;\n --oc-border: #e0e0e0;\n --oc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --oc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --oc-radius: 20px;\n --oc-radius-sm: 12px;\n}\n\n.oc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--oc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.oc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--oc-primary) 0%, var(--oc-secondary) 50%, var(--oc-accent) 100%);\n border-radius: var(--oc-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(--oc-shadow-lg);\n}\n\n.oc-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.oc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.oc-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.oc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.oc-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(--oc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.oc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.oc-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.oc-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.oc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.oc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--oc-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.oc-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(--oc-primary), var(--oc-secondary));\n border-radius: 2px;\n}\n\n.oc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--oc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.oc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.oc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.oc-card {\n background: var(--oc-white);\n border-radius: var(--oc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--oc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.oc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--oc-shadow-lg);\n border-color: var(--oc-primary);\n}\n\n.oc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--oc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.oc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--oc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.oc-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--oc-primary);\n}\n\n.oc-card-ingredient h3 {\n text-align: left;\n}\n\n.oc-grid-compact .oc-card {\n padding: 1rem;\n}\n\n.oc-grid-compact .oc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.oc-grid-compact .oc-card p {\n font-size: 12px;\n}\n\n.oc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.oc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.oc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--oc-primary), var(--oc-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.oc-timeline-content {\n flex: 1;\n background: var(--oc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--oc-radius-sm);\n box-shadow: var(--oc-shadow);\n}\n\n.oc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--oc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.oc-timeline-content p {\n font-size: 14px;\n color: var(--oc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.oc-testimonial {\n background: var(--oc-white);\n border-radius: var(--oc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--oc-shadow);\n border-left: 4px solid var(--oc-primary);\n}\n\n.oc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--oc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.oc-accordion {\n background: var(--oc-white);\n border-radius: var(--oc-radius);\n box-shadow: var(--oc-shadow);\n overflow: hidden;\n}\n\n.oc-accordion-item {\n border-bottom: 1px solid var(--oc-border);\n margin: 0;\n padding: 0;\n}\n\n.oc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.oc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--oc-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.oc-accordion-header:hover {\n background: var(--oc-primary-light);\n}\n\n.oc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.oc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--oc-primary);\n transition: transform .2s ease;\n}\n\n.oc-accordion-item[open] .oc-accordion-header::after {\n content: '−';\n}\n\n.oc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--oc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.oc-accordion-content p {\n margin: 0;\n}\n\n.oc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--oc-primary-light);\n border-radius: var(--oc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.oc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.oc-tip p {\n font-size: 14px;\n color: var(--oc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.oc-cta-box {\n background: linear-gradient(135deg, var(--oc-primary) 0%, var(--oc-primary-dark) 100%);\n border-radius: var(--oc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.oc-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.oc-disclaimer {\n font-size: 12px;\n color: var(--oc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .oc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .oc-card {\n padding: 1.125rem;\n }\n \n .oc-section {\n margin-bottom: 1.75rem;\n }\n \n .oc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--oc-radius-sm);\n }\n \n .oc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .oc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .oc-grid-compact {\n gap: .625rem;\n }\n \n .oc-grid-compact .oc-card {\n padding: .75rem;\n }\n \n .oc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .oc-timeline-content {\n padding: .875rem 1rem;\n }\n \n .oc-timeline-content h3 {\n font-size: 14px;\n }\n \n .oc-timeline-content p {\n font-size: 13px;\n }\n \n .oc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .oc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .oc-testimonial {\n padding: 1.25rem;\n }\n \n .oc-testimonial-text {\n font-size: 14px;\n }\n \n .oc-card-ingredient {\n text-align: center;\n }\n \n .oc-card-ingredient h3 {\n text-align: center;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .oc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .oc-card:nth-child(1) { animation-delay: .05s; }\n .oc-card:nth-child(2) { animation-delay: .1s; }\n .oc-card:nth-child(3) { animation-delay: .15s; }\n .oc-card:nth-child(4) { animation-delay: .2s; }\n .oc-card:nth-child(5) { animation-delay: .25s; }\n .oc-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 .oc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":55674719666553,"sku":"GE0065","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/oculo-gouttes-10-ml-alphagem-packshothd_de77bc5f-d598-4c55-a893-957db18fee37.webp?v=1791469265"},{"product_id":"huile-de-poisson-riche-en-omega-3-120-capsules-superdiet","title":"Huile de Poisson Riche en Oméga 3 - 120 capsules - Superdiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Poisson Riche en Oméga 3 - Superdiet\nPalette détectée:\n - Primaire: #E63946 (rouge vif du texte \"Riche en Oméga-3\")\n - Secondaire: #F4A900 (jaune doré du bas d'étiquette et badge \"FORMAT MAXI\")\n - Accent: #2A9D8F (bleu-vert pour ambiance marine\/santé)\n - Neutre: #F5F5F0 (beige clair naturel pour backgrounds)\nAmbiance: Santé\/bien-être, naturel, scientifique, confiance, marine\nType: Complément alimentaire (capsules d'huile de poisson)\nStyle suggéré: Premium santé, scientifique mais accessible, naturel\nPréfixe CSS: om3\n--\u003e\n\n\u003cdiv class=\"om3-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"om3-hero\"\u003e\n \u003cdiv class=\"om3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-hero-content\"\u003e\n \u003cdiv class=\"om3-badges-top\"\u003e\n \u003cspan class=\"om3-badge\"\u003e🐟 Poissons sauvages\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e💊 120 capsules\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e⭐ Format maxi\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"om3-hero-title\"\u003eHuile de poisson riche en oméga-3\u003c\/span\u003e\n \u003cp class=\"om3-subtitle\"\u003e240 mg EPA + 150 mg DHA par jour pour votre santé cardiovasculaire\u003c\/p\u003e\n \u003cp class=\"om3-description\"\u003eProfitez d'une source naturelle et concentrée d'acides gras essentiels oméga-3, issus de poissons sauvages. Une formule optimale pour soutenir votre cœur, votre cerveau et votre vision au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003ePourquoi choisir notre oméga-3\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e❤️\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eSanté cardiovasculaire\u003c\/div\u003e\n \u003cp\u003eL'EPA et le DHA contribuent à une fonction cardiaque normale et aident à maintenir une pression sanguine saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e🧠\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eFonction cérébrale\u003c\/div\u003e\n \u003cp\u003eLe DHA soutient le fonctionnement normal du cerveau et favorise la concentration et la mémoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e👁️\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eVision optimale\u003c\/div\u003e\n \u003cp\u003eLe DHA contribue au maintien d'une vision normale, essentiel à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eOrigine marine sauvage\u003c\/div\u003e\n \u003cp\u003eHuile extraite de poissons sauvages pêchés dans le respect des océans et de leur équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eHaute concentration\u003c\/div\u003e\n \u003cp\u003eDosage optimal avec 240 mg d'EPA et 150 mg de DHA par dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003cdiv class=\"om3-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"om3-card-title\"\u003eFacile à prendre\u003c\/div\u003e\n \u003cp\u003eCapsules souples faciles à avaler, sans goût de poisson désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eUne composition riche et naturelle\u003c\/h2\u003e\n \u003cdiv class=\"om3-composition-box\"\u003e\n \u003cdiv class=\"om3-comp-item\"\u003e\n \u003cdiv class=\"om3-comp-icon\"\u003e🔴\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-content\"\u003e\n \u003cdiv class=\"om3-comp-name\"\u003eEPA (acide eicosapentaénoïque)\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-dosage\"\u003e240 mg par jour\u003c\/div\u003e\n \u003cp\u003eAcide gras oméga-3 à longue chaîne, essentiel pour le système cardiovasculaire et la régulation de l'inflammation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-comp-item\"\u003e\n \u003cdiv class=\"om3-comp-icon\"\u003e🟡\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-content\"\u003e\n \u003cdiv class=\"om3-comp-name\"\u003eDHA (acide docosahexaénoïque)\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-dosage\"\u003e150 mg par jour\u003c\/div\u003e\n \u003cp\u003eOméga-3 majeur pour le cerveau et la rétine, constituant essentiel des membranes cellulaires nerveuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-comp-item\"\u003e\n \u003cdiv class=\"om3-comp-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-content\"\u003e\n \u003cdiv class=\"om3-comp-name\"\u003eHuile de poissons sauvages\u003c\/div\u003e\n \u003cdiv class=\"om3-comp-dosage\"\u003eSource naturelle\u003c\/div\u003e\n \u003cp\u003eExtraite de poissons sauvages, garantissant une qualité optimale et une traçabilité complète.\u003c\/p\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=\"om3-section\"\u003e\n \u003ch2\u003eComment utiliser votre complément oméga-3\u003c\/h2\u003e\n \u003cdiv class=\"om3-steps\"\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003cdiv class=\"om3-step-title\"\u003ePosologie recommandée\u003c\/div\u003e\n \u003cp\u003ePrendre 2 capsules par jour avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003cdiv class=\"om3-step-title\"\u003eMoment idéal\u003c\/div\u003e\n \u003cp\u003eDe préférence au moment des repas pour une meilleure absorption des acides gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003cdiv class=\"om3-step-title\"\u003eCure recommandée\u003c\/div\u003e\n \u003cp\u003eProgramme de 2 mois (120 capsules = 60 jours) renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-step\"\u003e\n \u003cdiv class=\"om3-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"om3-step-content\"\u003e\n \u003cdiv class=\"om3-step-title\"\u003eConservation\u003c\/div\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS ATTENDUS --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eLes bienfaits dans le temps\u003c\/h2\u003e\n \u003cdiv class=\"om3-timeline\"\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-badge\"\u003e📅 Semaine 1-2\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003cdiv class=\"om3-timeline-title\"\u003eIntégration progressive\u003c\/div\u003e\n \u003cp\u003eLes oméga-3 commencent à s'intégrer dans vos membranes cellulaires. Première phase d'adaptation de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-badge\"\u003e📅 Mois 1\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003cdiv class=\"om3-timeline-title\"\u003ePremiers effets\u003c\/div\u003e\n \u003cp\u003eAmélioration notable de la fonction cardiovasculaire, meilleure fluidité sanguine. Les effets sur la concentration peuvent commencer à se faire sentir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-badge\"\u003e📅 Mois 2-3\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003cdiv class=\"om3-timeline-title\"\u003eBénéfices confirmés\u003c\/div\u003e\n \u003cp\u003eConsolidation des effets sur le cœur, le cerveau et la vision. Meilleur équilibre inflammatoire global de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-badge\"\u003e📅 Long terme\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003cdiv class=\"om3-timeline-title\"\u003eProtection durable\u003c\/div\u003e\n \u003cp\u003eProtection cardiovasculaire optimale, soutien cognitif continu et maintien d'une bonne santé oculaire avec une supplémentation régulière.\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=\"om3-section\"\u003e\n \u003ch2\u003ePour qui est destiné ce complément\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003eActifs et stressés\u003c\/div\u003e\n \u003cp\u003ePour soutenir la santé cardiovasculaire mise à l'épreuve par le rythme de vie moderne et favoriser la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e🧓\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003eSeniors\u003c\/div\u003e\n \u003cp\u003ePour préserver la santé du cœur, du cerveau et de la vision avec l'âge grâce aux oméga-3 essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e🏃\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003eSportifs\u003c\/div\u003e\n \u003cp\u003ePour optimiser la récupération, réduire l'inflammation liée à l'effort et soutenir la fonction cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e🎓\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003eÉtudiants\u003c\/div\u003e\n \u003cp\u003ePour favoriser la concentration, la mémoire et les performances cognitives pendant les périodes d'études intensives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e🥗\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003ePersonnes peu consommatrices de poisson\u003c\/div\u003e\n \u003cp\u003ePour compenser un apport insuffisant en oméga-3 via l'alimentation et éviter les carences.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-profile-card\"\u003e\n \u003cdiv class=\"om3-profile-emoji\"\u003e❤️\u003c\/div\u003e\n \u003cdiv class=\"om3-profile-title\"\u003ePrévention santé\u003c\/div\u003e\n \u003cp\u003ePour tous ceux qui souhaitent prendre soin de leur santé cardiovasculaire et cognitive de manière proactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003cdiv class=\"om3-warning-box\"\u003e\n \u003cdiv class=\"om3-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"om3-warning-content\"\u003e\n \u003cdiv class=\"om3-warning-title\"\u003ePrécautions d'emploi\u003c\/div\u003e\n \u003cul class=\"om3-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée (2 capsules par jour).\u003c\/li\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\u003eDéconseillé aux personnes allergiques au poisson et aux produits de la mer.\u003c\/li\u003e\n \u003cli\u003eEn cas de prise d'anticoagulants, demander l'avis de votre médecin avant utilisation.\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical préalable.\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants.\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la chaleur, de la lumière et de l'humidité.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS PRATIQUES --\u003e\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid om3-info-grid\"\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eContenu\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003e120 capsules\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e⏱️\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eDurée\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003e60 jours (cure 2 mois)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003ePosologie\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003e2 capsules par jour\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e🐟\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003ePoissons sauvages\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eDosage EPA\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003e240 mg\/jour\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eDosage DHA\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003e150 mg\/jour\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e🏷️\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eMarque\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003eSuperdiet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-info-card\"\u003e\n \u003cdiv class=\"om3-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"om3-info-label\"\u003eType\u003c\/div\u003e\n \u003cdiv class=\"om3-info-value\"\u003eComplément alimentaire\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"om3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"om3-cta-box\"\u003e\n \u003cdiv class=\"om3-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-cta-content\"\u003e\n \u003cdiv class=\"om3-cta-icon\"\u003e🐟\u003c\/div\u003e\n \u003cp class=\"om3-cta-text\"\u003ePrenez soin de votre santé cardiovasculaire, cérébrale et visuelle avec notre huile de poisson riche en oméga-3. Une source naturelle d'EPA et de DHA pour vous accompagner au quotidien vers un bien-être optimal.\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 --om3-cream: #F5F5F0;\n --om3-white: #ffffff;\n --om3-primary: #E63946;\n --om3-primary-dark: #C32F3A;\n --om3-primary-light: #FFE8EA;\n --om3-secondary: #F4A900;\n --om3-accent: #2A9D8F;\n \n \/* Textes *\/\n --om3-text: #1a1a1a;\n --om3-text-light: #5a5a5a;\n \n \/* Effets *\/\n --om3-border: #e0e0e0;\n --om3-shadow: 0 4px 24px rgba(0,0,0,.08);\n --om3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--om3-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, var(--om3-accent) 0%, #1D7A6F 50%, var(--om3-primary) 100%);\n border-radius: var(--om3-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(--om3-shadow-lg);\n}\n\n.om3-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 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\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,.15) 0%, transparent 50%);\n}\n\n.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.om3-badges-top {\n display: flex;\n gap: 12px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 2rem;\n}\n\n.om3-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(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.om3-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 line-height: 1.1;\n}\n\n.om3-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.om3-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: 500;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.om3-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-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.om3-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(--om3-primary), var(--om3-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-primary);\n}\n\n.om3-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n display: block;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.om3-card-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.om3-card p {\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.om3-composition-box {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--om3-shadow);\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n\n.om3-comp-item {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--om3-primary-light) 0%, rgba(255,255,255,0) 100%);\n border-radius: var(--om3-radius-sm);\n border-left: 4px solid var(--om3-primary);\n transition: all .3s ease;\n}\n\n.om3-comp-item:hover {\n transform: translateX(8px);\n box-shadow: var(--om3-shadow);\n}\n\n.om3-comp-icon {\n font-size: 36px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.om3-comp-content {\n flex: 1;\n}\n\n.om3-comp-name {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.om3-comp-dosage {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n color: var(--om3-secondary);\n margin-bottom: .75rem;\n}\n\n.om3-comp-content p {\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ÉTAPES === *\/\n.om3-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.om3-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n transition: all .3s ease;\n}\n\n.om3-step:hover {\n transform: translateX(12px);\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--om3-primary) 0%, var(--om3-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(230,57,70,.3);\n}\n\n.om3-step-content {\n flex: 1;\n}\n\n.om3-step-title {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.om3-step-content p {\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.om3-timeline {\n position: relative;\n padding-left: clamp(1rem, 3vw, 2rem);\n}\n\n.om3-timeline::before {\n content: '';\n position: absolute;\n left: 0;\n top: 24px;\n bottom: 24px;\n width: 4px;\n background: linear-gradient(180deg, var(--om3-accent) 0%, var(--om3-primary) 100%);\n border-radius: 2px;\n}\n\n.om3-timeline-item {\n position: relative;\n padding-left: clamp(1.5rem, 4vw, 3rem);\n margin-bottom: 2.5rem;\n}\n\n.om3-timeline-item:last-child {\n margin-bottom: 0;\n}\n\n.om3-timeline-item::before {\n content: '';\n position: absolute;\n left: -10px;\n top: 24px;\n width: 24px;\n height: 24px;\n background: var(--om3-white);\n border: 4px solid var(--om3-primary);\n border-radius: 50%;\n box-shadow: 0 2px 12px rgba(230,57,70,.3);\n}\n\n.om3-timeline-badge {\n display: inline-block;\n padding: 6px 14px;\n background: linear-gradient(135deg, var(--om3-secondary) 0%, #E09700 100%);\n color: white;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n margin-bottom: 1rem;\n box-shadow: 0 2px 12px rgba(244,169,0,.3);\n}\n\n.om3-timeline-content {\n background: var(--om3-white);\n border-radius: var(--om3-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--om3-shadow);\n transition: all .3s ease;\n}\n\n.om3-timeline-item:hover .om3-timeline-content {\n transform: translateX(8px);\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-timeline-title {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.om3-timeline-content p {\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.om3-profile-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-accent);\n}\n\n.om3-profile-emoji {\n font-size: clamp(48px, 10vw, 64px);\n margin-bottom: 1rem;\n display: block;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.om3-profile-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--om3-accent);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.om3-profile-card p {\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.om3-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF3CD 0%, #FFF9E6 100%);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border-left: 6px solid var(--om3-secondary);\n box-shadow: var(--om3-shadow);\n}\n\n.om3-warning-icon {\n font-size: 48px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.om3-warning-content {\n flex: 1;\n}\n\n.om3-warning-title {\n font-size: clamp(20px, 3.5vw, 26px);\n font-weight: 800;\n color: var(--om3-text);\n margin-bottom: 1rem;\n letter-spacing: -.02em;\n}\n\n.om3-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.om3-warning-list li {\n position: relative;\n padding-left: 1.5rem;\n color: var(--om3-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n}\n\n.om3-warning-list li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--om3-secondary);\n font-weight: 900;\n font-size: 18px;\n}\n\n\/* === INFO CARDS === *\/\n.om3-info-grid {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n.om3-info-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--om3-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.om3-info-card:hover {\n transform: translateY(-6px);\n border-color: var(--om3-accent);\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-info-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n display: block;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.om3-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--om3-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.om3-info-value {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n letter-spacing: -.02em;\n}\n\n\/* === CTA FINAL === *\/\n.om3-cta-box {\n background: linear-gradient(135deg, var(--om3-accent) 0%, var(--om3-primary) 100%);\n border-radius: var(--om3-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-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 25% 25%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 75% 75%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.om3-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.om3-cta-icon {\n font-size: 64px;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 16px rgba(0,0,0,.2));\n}\n\n.om3-cta-text {\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: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .om3-grid {\n grid-template-columns: 1fr;\n }\n \n .om3-composition-box {\n padding: 1.5rem;\n }\n \n .om3-comp-item {\n flex-direction: column;\n gap: 1rem;\n }\n \n .om3-warning-box {\n flex-direction: column;\n gap: 1rem;\n }\n \n .om3-step {\n flex-direction: column;\n gap: 1rem;\n }\n \n .om3-step-number {\n align-self: flex-start;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .om3-card, .om3-profile-card, .om3-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .om3-card:nth-child(1), .om3-profile-card:nth-child(1), .om3-info-card:nth-child(1) { animation-delay: .1s; }\n .om3-card:nth-child(2), .om3-profile-card:nth-child(2), .om3-info-card:nth-child(2) { animation-delay: .2s; }\n .om3-card:nth-child(3), .om3-profile-card:nth-child(3), .om3-info-card:nth-child(3) { animation-delay: .3s; }\n .om3-card:nth-child(4), .om3-profile-card:nth-child(4), .om3-info-card:nth-child(4) { animation-delay: .4s; }\n .om3-card:nth-child(5), .om3-profile-card:nth-child(5), .om3-info-card:nth-child(5) { animation-delay: .5s; }\n .om3-card:nth-child(6), .om3-profile-card:nth-child(6), .om3-info-card:nth-child(6) { animation-delay: .6s; }\n .om3-card:nth-child(7), .om3-info-card:nth-child(7) { animation-delay: .7s; }\n .om3-card:nth-child(8), .om3-info-card:nth-child(8) { animation-delay: .8s; }\n \n .om3-step {\n animation: slideInLeft .6s ease backwards;\n }\n \n .om3-step:nth-child(1) { animation-delay: .1s; }\n .om3-step:nth-child(2) { animation-delay: .2s; }\n .om3-step:nth-child(3) { animation-delay: .3s; }\n .om3-step:nth-child(4) { animation-delay: .4s; }\n \n .om3-timeline-item {\n animation: slideInRight .6s ease backwards;\n }\n \n .om3-timeline-item:nth-child(1) { animation-delay: .1s; }\n .om3-timeline-item:nth-child(2) { animation-delay: .2s; }\n .om3-timeline-item:nth-child(3) { animation-delay: .3s; }\n .om3-timeline-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@keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slideInRight {\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 .om3-premium *,\n .om3-premium *::before,\n .om3-premium *::after {\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 .om3-card,\n .om3-profile-card,\n .om3-info-card,\n .om3-step,\n .om3-timeline-content {\n border: 2px solid var(--om3-text);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .om3-premium {\n background: white;\n }\n \n .om3-card,\n .om3-profile-card,\n .om3-info-card {\n break-inside: avoid;\n box-shadow: none;\n border: 1px solid var(--om3-border);\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":56336787341689,"sku":"NBAISUP0042","price":24.29,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Huiledepoisson120capsules.webp?v=1765286753"},{"product_id":"phyco-elements-30-gelules-lifes-code","title":"Phyco-éléments - 30 gélules - Life's code","description":"\u003cdiv class=\"phyco-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"phyco-hero\"\u003e\n\u003cdiv class=\"phyco-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"phyco-hero-content\"\u003e\n\u003cspan class=\"phyco-hero-title\"\u003ePhyco-éléments Life's Code\u003c\/span\u003e\n\u003cp class=\"phyco-subtitle\"\u003eLa puissance des algues marines concentrée\u003c\/p\u003e\n\u003cp class=\"phyco-description\"\u003ePhycocyanine lyophilisée premium associée à 7 oligo-éléments essentiels couvrant 100% de vos besoins quotidiens. Réveillez votre énergie naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003ePhyco-éléments : la synergie de la phycocyanine et des oligo-éléments essentiels\u003c\/h2\u003e\n\u003cp class=\"phyco-section-intro\"\u003eVous cherchez un complément alimentaire complet pour soutenir votre vitalité au quotidien ? \u003cstrong\u003ePhyco-éléments\u003c\/strong\u003e de Life's Code associe la puissance de la \u003cstrong\u003ephycocyanine lyophilisée\u003c\/strong\u003e issue des algues marines à 7 oligo-éléments essentiels hautement assimilables.\u003c\/p\u003e\n\u003cdiv class=\"phyco-grid-compact\"\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🔬 Extraction à froid\u003c\/h3\u003e\n\u003cp\u003ePréservation optimale des actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e💎 Haute pureté\u003c\/h3\u003e\n\u003cp\u003ePhycocyanine concentrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e⚡ 100% VNR\u003c\/h3\u003e\n\u003cp\u003eCouverture complète des besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🌿 Naturel\u003c\/h3\u003e\n\u003cp\u003eFormule clean et sans additifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eQu'est-ce que la phycocyanine et pourquoi est-elle si précieuse ?\u003c\/h2\u003e\n\u003cdiv class=\"phyco-highlight-box\"\u003e\n\u003cp\u003eLa phycocyanine est le \u003cstrong\u003epigment bleu caractéristique de la spiruline\u003c\/strong\u003e, une micro-algue marine reconnue pour ses propriétés nutritionnelles exceptionnelles. Contrairement à la spiruline classique en poudre, la \u003cstrong\u003ephycocyanine extraite et séchée à froid\u003c\/strong\u003e préserve toute son intégrité et sa biodisponibilité.\u003c\/p\u003e\n\u003cdiv class=\"phyco-stat-highlight\"\u003e\n\u003cspan class=\"phyco-stat-number\"\u003e200 mg\u003c\/span\u003e \u003cspan class=\"phyco-stat-label\"\u003ede phycocyanine lyophilisée par dose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eUn concentré d'actifs issus des algues marines sous leur forme la plus noble et la plus assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eUne formule complète : 7 oligo-éléments pour couvrir vos besoins\u003c\/h2\u003e\n\u003cp class=\"phyco-section-intro\"\u003eCe qui distingue véritablement Phyco-éléments des autres compléments à base d'algues marines, c'est l'ajout de \u003cstrong\u003e7 oligo-éléments essentiels\u003c\/strong\u003e couvrant 100% des valeurs nutritionnelles de référence.\u003c\/p\u003e\n\u003cdiv class=\"phyco-grid\"\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🛡️ Zinc\u003c\/h3\u003e\n\u003cp\u003eContribue au fonctionnement normal du système immunitaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e✨ Sélénium\u003c\/h3\u003e\n\u003cp\u003eParticipe à la protection des cellules contre le stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🧱 Soufre\u003c\/h3\u003e\n\u003cp\u003eIntervient dans la structure des protéines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e⚡ Cuivre\u003c\/h3\u003e\n\u003cp\u003eContribue au métabolisme énergétique normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🔄 Molybdène\u003c\/h3\u003e\n\u003cp\u003eParticipe au métabolisme des acides aminés soufrés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e📊 Chrome\u003c\/h3\u003e\n\u003cp\u003eContribue au maintien d'une glycémie normale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🎋 Silicium organique\u003c\/h3\u003e\n\u003cp\u003eIssu du bambou, soutient les tissus conjonctifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e💪 Magnésium bisglycinate\u003c\/h3\u003e\n\u003cp\u003eContribue à réduire la fatigue, haute assimilation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"phyco-composition-table\"\u003e\n\u003cdiv class=\"phyco-composition-row phyco-composition-header\"\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eIngrédients\u003c\/span\u003e Apport\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🌊 Phycocyanine lyophilisée\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🛡️ Zinc\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e✨ Sélénium\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🧱 Soufre\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e⚡ Cuivre\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🔄 Molybdène\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e📊 Chrome\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🎋 Silicium organique (bambou)\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e💪 Magnésium (bisglycinate)\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-footer\"\u003e\n\u003cp\u003e\u003cstrong\u003eEnveloppe de la gélule :\u003c\/strong\u003e pullulan (100% végétal et végan)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eComment prendre Phyco-éléments ?\u003c\/h2\u003e\n\u003cdiv class=\"phyco-timeline\"\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eDose standard\u003c\/h3\u003e\n\u003cp\u003e2 gélules par jour pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003eAvant le repas du matin ou du midi, avec un grand verre d'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eSi vous débutez\u003c\/h3\u003e\n\u003cp\u003eCommencez par 1 gélule\/jour la première semaine, puis passez à 2\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003ePériode d'effort intense\u003c\/h3\u003e\n\u003cp\u003eVous pouvez doubler la dose (4 gélules par jour)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003e3 mois minimum pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-tip\"\u003e\n\u003cspan class=\"phyco-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e si vous avez des difficultés à avaler les gélules, vous pouvez les ouvrir et verser leur contenu directement dans un verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"phyco-grid\"\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🏆 Recherche d'excellence\u003c\/h3\u003e\n\u003cp\u003ePersonnes en quête du meilleur complément multivitamines et minéraux naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003ePratiquants d'une activité sportive régulière ou intensive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n\u003cp\u003ePersonnes souhaitant soutenir leur métabolisme et leur énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🌱 Végans\u003c\/h3\u003e\n\u003cp\u003eChercheurs d'une alternative végane aux compléments classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🔍 Exigeants\u003c\/h3\u003e\n\u003cp\u003ePersonnes sensibles à la qualité et l'origine des produits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e😴 Anti-fatigue\u003c\/h3\u003e\n\u003cp\u003eCeux qui souhaitent réduire la fatigue naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eDes garanties de qualité strictes\u003c\/h2\u003e\n\u003cdiv class=\"phyco-grid-compact\"\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eFormule pure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eNi ionisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eTolérance maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e⚗️ Sans métaux lourds\u003c\/h3\u003e\n\u003cp\u003ePureté contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eNi arôme ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication ESAT\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-tip\"\u003e\n\u003cspan class=\"phyco-tip-icon\"\u003e🤝\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEngagement solidaire :\u003c\/strong\u003e fabrication et conditionnement réalisés en France, au sein d'un ESAT (Établissement et Service d'Aide par le Travail).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTIONS 8 \u0026 9 - ACCORDÉON --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"phyco-accordion\"\u003e\n\u003cdetails class=\"phyco-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"phyco-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"phyco-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. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, demandez conseil à votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"phyco-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConditionnement\u003c\/h2\u003e\n\u003cdiv class=\"phyco-cta-box\"\u003e\n\u003cp\u003e📦 Flacon de \u003cstrong\u003e30 gélules végétales\u003c\/strong\u003e\u003cbr\u003e(soit 15 jours de cure à raison de 2 gélules par jour)\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-size: 14px; opacity: 0.9;\"\u003eÉgalement disponible en formats \u003cstrong\u003e90 gélules\u003c\/strong\u003e pour les cures prolongées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"phyco-disclaimer\"\u003eComplément alimentaire. Les compléments alimentaires ne peuvent se substituer à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --phyco-cream: #F7F5F0;\n --phyco-white: #ffffff;\n --phyco-primary: #1E6B8A;\n --phyco-primary-dark: #0D4A63;\n --phyco-primary-light: #E8F4F8;\n --phyco-secondary: #D4A574;\n --phyco-accent: #E07D3A;\n --phyco-earth: #3D2914;\n \n --phyco-text: #1a1a1a;\n --phyco-text-light: #5a5a5a;\n \n --phyco-border: #e0e0e0;\n --phyco-shadow: 0 4px 24px rgba(30,107,138,.08);\n --phyco-shadow-lg: 0 12px 48px rgba(30,107,138,.15);\n --phyco-radius: 20px;\n --phyco-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.phyco-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--phyco-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.phyco-hero {\n position: relative;\n background: linear-gradient(135deg, var(--phyco-primary) 0%, var(--phyco-primary-dark) 50%, #0A3344 100%);\n border-radius: var(--phyco-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(--phyco-shadow-lg);\n}\n\n.phyco-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(224,125,58,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.phyco-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.phyco-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.phyco-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(--phyco-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.phyco-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.phyco-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.phyco-subtitle {\n color: var(--phyco-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.phyco-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.phyco-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.phyco-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--phyco-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.phyco-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(--phyco-primary), var(--phyco-accent));\n border-radius: 2px;\n}\n\n.phyco-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--phyco-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\/* === GRILLES === *\/\n.phyco-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.phyco-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.phyco-card {\n background: var(--phyco-white);\n border-radius: var(--phyco-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--phyco-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.phyco-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--phyco-shadow-lg);\n border-color: var(--phyco-primary);\n}\n\n.phyco-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--phyco-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.phyco-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--phyco-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.phyco-grid-compact .phyco-card {\n padding: 1rem;\n}\n\n.phyco-grid-compact .phyco-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.phyco-grid-compact .phyco-card p {\n font-size: 12px;\n}\n\n.phyco-card-guarantee {\n background: linear-gradient(135deg, var(--phyco-primary-light) 0%, var(--phyco-white) 100%);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.phyco-highlight-box {\n background: var(--phyco-white);\n border-radius: var(--phyco-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--phyco-shadow);\n border-left: 5px solid var(--phyco-accent);\n text-align: center;\n}\n\n.phyco-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--phyco-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.phyco-stat-highlight {\n background: linear-gradient(135deg, var(--phyco-primary) 0%, var(--phyco-primary-dark) 100%);\n border-radius: var(--phyco-radius-sm);\n padding: 1.5rem;\n margin: 1.5rem 0;\n}\n\n.phyco-stat-number {\n display: block;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.phyco-stat-label {\n display: block;\n font-size: clamp(13px, 2vw, 16px);\n color: rgba(255,255,255,.9);\n margin-top: .5rem;\n font-weight: 500;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.phyco-composition-table {\n background: var(--phyco-white);\n border-radius: var(--phyco-radius);\n overflow: hidden;\n box-shadow: var(--phyco-shadow);\n}\n\n.phyco-composition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--phyco-border);\n font-size: 14px;\n}\n\n.phyco-composition-row:last-of-type {\n border-bottom: none;\n}\n\n.phyco-composition-header {\n background: var(--phyco-primary);\n color: white;\n font-weight: 700;\n border-bottom: none;\n}\n\n.phyco-composition-row span:first-child {\n color: var(--phyco-text);\n}\n\n.phyco-composition-row span:last-child {\n color: var(--phyco-primary-dark);\n font-weight: 600;\n}\n\n.phyco-composition-footer {\n background: var(--phyco-primary-light);\n padding: 1rem 1.25rem;\n}\n\n.phyco-composition-footer p {\n margin: 0;\n font-size: 13px;\n color: var(--phyco-text);\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.phyco-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.phyco-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.phyco-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--phyco-primary), var(--phyco-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.phyco-timeline-content {\n flex: 1;\n background: var(--phyco-white);\n padding: 1rem 1.25rem;\n border-radius: var(--phyco-radius-sm);\n box-shadow: var(--phyco-shadow);\n}\n\n.phyco-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--phyco-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.phyco-timeline-content p {\n font-size: 14px;\n color: var(--phyco-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.phyco-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--phyco-primary-light);\n border-radius: var(--phyco-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.phyco-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.phyco-tip p {\n font-size: 14px;\n color: var(--phyco-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.phyco-accordion {\n background: var(--phyco-white);\n border-radius: var(--phyco-radius);\n box-shadow: var(--phyco-shadow);\n overflow: hidden;\n}\n\n.phyco-accordion-item {\n border-bottom: 1px solid var(--phyco-border);\n margin: 0;\n padding: 0;\n}\n\n.phyco-accordion-item:last-child {\n border-bottom: none;\n}\n\n.phyco-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--phyco-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.phyco-accordion-header:hover {\n background: var(--phyco-primary-light);\n}\n\n.phyco-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.phyco-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--phyco-primary);\n transition: transform .2s ease;\n}\n\n.phyco-accordion-item[open] .phyco-accordion-header::after {\n content: '−';\n}\n\n.phyco-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--phyco-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.phyco-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.phyco-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.phyco-cta-box {\n background: linear-gradient(135deg, var(--phyco-primary) 0%, var(--phyco-primary-dark) 100%);\n border-radius: var(--phyco-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.phyco-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.phyco-disclaimer {\n font-size: 12px;\n color: var(--phyco-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 .phyco-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .phyco-card {\n padding: 1.125rem;\n }\n \n .phyco-section {\n margin-bottom: 1.75rem;\n }\n \n .phyco-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--phyco-radius-sm);\n }\n \n .phyco-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .phyco-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .phyco-grid-compact {\n gap: .625rem;\n }\n \n .phyco-grid-compact .phyco-card {\n padding: .75rem;\n }\n \n .phyco-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .phyco-timeline-content {\n padding: .875rem 1rem;\n }\n \n .phyco-timeline-content h3 {\n font-size: 14px;\n }\n \n .phyco-timeline-content p {\n font-size: 13px;\n }\n \n .phyco-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .phyco-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .phyco-highlight-box {\n padding: 1.25rem;\n }\n \n .phyco-stat-highlight {\n padding: 1rem;\n }\n \n .phyco-composition-row {\n padding: .75rem 1rem;\n font-size: 13px;\n }\n \n .phyco-badges-top {\n gap: 6px;\n }\n \n .phyco-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .phyco-card {\n animation: phycoFadeInUp .5s ease backwards;\n }\n .phyco-card:nth-child(1) { animation-delay: .05s; }\n .phyco-card:nth-child(2) { animation-delay: .1s; }\n .phyco-card:nth-child(3) { animation-delay: .15s; }\n .phyco-card:nth-child(4) { animation-delay: .2s; }\n .phyco-card:nth-child(5) { animation-delay: .25s; }\n .phyco-card:nth-child(6) { animation-delay: .3s; }\n .phyco-card:nth-child(7) { animation-delay: .35s; }\n .phyco-card:nth-child(8) { animation-delay: .4s; }\n \n .phyco-timeline-item {\n animation: phycoFadeInUp .5s ease backwards;\n }\n .phyco-timeline-item:nth-child(1) { animation-delay: .1s; }\n .phyco-timeline-item:nth-child(2) { animation-delay: .15s; }\n .phyco-timeline-item:nth-child(3) { animation-delay: .2s; }\n .phyco-timeline-item:nth-child(4) { animation-delay: .25s; }\n .phyco-timeline-item:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes phycoFadeInUp {\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 .phyco-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"Default Title","offer_id":56388279796089,"sku":"PHYCOELEMENT30","price":49.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco-elements-30-gelules-lifes-code-packshothd.webp?v=1790451209"},{"product_id":"zinc-bisglycinate-vit-b6-60-gelules-sfb-laboratoires","title":"Zinc Bisglycinate + Vit. B6 - 60 gélules - SFB Laboratoires","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Zinc Bisglycinate + Vit. B6 - 60 gélules - SFB Laboratoires\nPalette détectée:\n - Primaire: #8B6914 (doré\/or du packaging - bouchon et liserés)\n - Secondaire: #5D4E37 (brun chocolat du bandeau central)\n - Accent: #2E7D32 (vert du logo SFB)\n - Cream: #F9F7F3 (blanc cassé élégant)\nAmbiance: Pharmaceutique premium, français, scientifique mais accessible, confiance et qualité\nPréfixe CSS: zb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Zinc Bisglycinate + Vitamine B6 : le duo synergique pour votre vitalité\"\n 2. \"Pourquoi choisir le bisglycinate de zinc plutôt qu'une autre forme ?\"\n 3. \"Les bienfaits reconnus du zinc bisglycinate et de la vitamine B6\"\n 4. \"Composition détaillée par gélule\"\n 5. \"Comment prendre ce complément de zinc bisglycinate ?\"\n 6. \"Le bisglycinate de zinc présente-t-il un danger ?\"\n 7. \"Ce que recherchent souvent les utilisateurs : nos réponses\"\n 8. \"Les garanties qualité de ce complément\"\n 9. \"À qui s'adresse ce complément ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"zb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"zb-hero\"\u003e\n \u003cdiv class=\"zb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"zb-hero-content\"\u003e\n \u003cdiv class=\"zb-badges-top\"\u003e\n \u003cspan class=\"zb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"zb-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n \u003cspan class=\"zb-badge\"\u003e⚡ 150% des VNR en zinc\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"zb-hero-title\"\u003eZinc Bisglycinate + Vitamine B6\u003c\/span\u003e\n \u003cp class=\"zb-subtitle\"\u003eLe duo synergique haute absorption\u003c\/p\u003e\n \u003cp class=\"zb-description\"\u003e15 mg de zinc bisglycinate hautement biodisponible associé à la vitamine B6 et E pour une action complète sur votre immunité, votre énergie et la protection de vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"zb-section\"\u003e\n \u003ch2\u003eZinc Bisglycinate + Vitamine B6 : le duo synergique pour votre vitalité\u003c\/h2\u003e\n \u003cp class=\"zb-section-intro\"\u003eVous cherchez un complément en zinc bisglycinate vraiment efficace et bien toléré ? Cette formule des Laboratoires SFB associe \u003cstrong\u003e15 mg de zinc bisglycinate\u003c\/strong\u003e hautement biodisponible à la \u003cstrong\u003evitamine B6\u003c\/strong\u003e et à la \u003cstrong\u003evitamine E\u003c\/strong\u003e pour une action complète sur votre organisme.\u003c\/p\u003e\n \u003cdiv class=\"zb-grid-compact\"\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel de vos défenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e⚡ Anti-fatigue\u003c\/h3\u003e\n \u003cp\u003eÉnergie retrouvée au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eConcentration et clarté mentale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e✨ Peau \u0026amp; cheveux\u003c\/h3\u003e\n \u003cp\u003eBeauté de l'intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"zb-section\"\u003e\n \u003ch2\u003ePourquoi choisir le bisglycinate de zinc plutôt qu'une autre forme ?\u003c\/h2\u003e\n \u003cp class=\"zb-section-intro\"\u003eToutes les formes de zinc ne se valent pas. Le bisglycinate de zinc présente deux avantages majeurs qui font la différence :\u003c\/p\u003e\n \u003cdiv class=\"zb-grid\"\u003e\n \u003cdiv class=\"zb-card zb-card-highlight\"\u003e\n \u003ch3\u003e🎯 Biodisponibilité supérieure\u003c\/h3\u003e\n \u003cp\u003eLe zinc est lié à deux molécules de glycine, un acide aminé qui facilite son absorption intestinale. Votre corps assimile ainsi une plus grande quantité de zinc par rapport aux formes classiques comme l'oxyde ou le sulfate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card zb-card-highlight\"\u003e\n \u003ch3\u003e🌿 Tolérance digestive optimale\u003c\/h3\u003e\n \u003cp\u003eContrairement à d'autres formes qui peuvent provoquer des inconforts gastriques, le bisglycinate est doux pour l'estomac. Idéal même pour les systèmes digestifs sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-tip\"\u003e\n \u003cspan class=\"zb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eZinc liposomal ou bisglycinate ?\u003c\/strong\u003e Les deux formes offrent une bonne absorption. Le bisglycinate reste cependant la référence la plus étudiée et la plus accessible pour une supplémentation quotidienne efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"zb-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus du zinc bisglycinate et de la vitamine B6\u003c\/h2\u003e\n \u003cp class=\"zb-section-intro\"\u003eCette formule combine intelligemment trois nutriments aux actions complémentaires.\u003c\/p\u003e\n \n \u003cdiv class=\"zb-benefits-block\"\u003e\n \u003ch3 class=\"zb-benefits-title\"\u003e⚡ Le zinc contribue à :\u003c\/h3\u003e\n \u003cdiv class=\"zb-grid\"\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eFonctionnement normal de votre première ligne de défense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eConcentration, mémoire et clarté mentale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eAction antioxydante contre le stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🔄 Métabolisme\u003c\/h3\u003e\n \u003cp\u003eMétabolisme normal des protéines, glucides et lipides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e💪 Fertilité\u003c\/h3\u003e\n \u003cp\u003eFertilité et reproduction normales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e✨ Beauté\u003c\/h3\u003e\n \u003cp\u003eMaintien d'une peau, d'ongles et de cheveux normaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"zb-grid\"\u003e\n \u003cdiv class=\"zb-card zb-card-vitb6\"\u003e\n \u003ch3\u003e🧬 La vitamine B6 contribue à\u003c\/h3\u003e\n \u003cp\u003e• Fonctionnement normal du système nerveux\u003cbr\u003e• Réduction de la fatigue (idéal en période de surmenage)\u003cbr\u003e• Métabolisme énergétique normal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card zb-card-vite\"\u003e\n \u003ch3\u003e🌟 La vitamine E apporte\u003c\/h3\u003e\n \u003cp\u003eUne protection antioxydante supplémentaire pour vos cellules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"zb-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"zb-composition\"\u003e\n \u003cdiv class=\"zb-composition-grid\"\u003e\n \u003cdiv class=\"zb-compo-item\"\u003e\n \u003cspan class=\"zb-compo-name\"\u003eZinc (bisglycinate)\u003c\/span\u003e\n \u003cspan class=\"zb-compo-value\"\u003e15 mg\u003c\/span\u003e\n \u003cspan class=\"zb-compo-vnr\"\u003e150% VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-compo-item\"\u003e\n \u003cspan class=\"zb-compo-name\"\u003eVitamine B6\u003c\/span\u003e\n \u003cspan class=\"zb-compo-value\"\u003e2,016 mg\u003c\/span\u003e\n \u003cspan class=\"zb-compo-vnr\"\u003e144% VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-compo-item\"\u003e\n \u003cspan class=\"zb-compo-name\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"zb-compo-value\"\u003e3,58 mg\u003c\/span\u003e\n \u003cspan class=\"zb-compo-vnr\"\u003e29,9% VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-accordion\"\u003e\n \u003cdetails class=\"zb-accordion-item\"\u003e\n \u003csummary class=\"zb-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"zb-accordion-content\"\u003e\n \u003cp\u003e• Cellulose : 203,8 mg\u003cbr\u003e• Zinc Bisglycinate poudre : 75 mg (titré à 20%)\u003cbr\u003e• Vitamine E : 10,7 mg (titré à 33,5%)\u003cbr\u003e• Stéarate de magnésium : 5 mg\u003cbr\u003e• Vitamine B6 : 2,5 mg\u003cbr\u003e• Tunique : Gélule végétale (convient aux végans)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"zb-section\"\u003e\n \u003ch2\u003eComment prendre ce complément de zinc bisglycinate ?\u003c\/h2\u003e\n \u003cdiv class=\"zb-timeline\"\u003e\n \u003cdiv class=\"zb-timeline-item\"\u003e\n \u003cspan class=\"zb-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"zb-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-timeline-item\"\u003e\n \u003cspan class=\"zb-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"zb-timeline-content\"\u003e\n \u003ch3\u003eMoment optimal\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau cours d'un repas\u003c\/strong\u003e pour optimiser l'absorption\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-timeline-item\"\u003e\n \u003cspan class=\"zb-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"zb-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 mois recommandés\u003c\/strong\u003e pour des résultats optimaux (60 gélules = 1 cure complète)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"zb-section\"\u003e\n \u003ch2\u003eLe bisglycinate de zinc présente-t-il un danger ?\u003c\/h2\u003e\n \u003cdiv class=\"zb-reassurance\"\u003e\n \u003cp class=\"zb-reassurance-intro\"\u003eRassurez-vous : cette forme de zinc est \u003cstrong\u003eparticulièrement bien tolérée\u003c\/strong\u003e lorsqu'elle est prise dans le respect des dosages recommandés. Le dosage de 15 mg par gélule correspond à un apport adapté pour une supplémentation quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"zb-grid-compact\"\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e✅ Respectez la posologie\u003c\/h3\u003e\n \u003cp\u003e1 gélule\/jour maximum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e⚠️ Évitez les cumuls\u003c\/h3\u003e\n \u003cp\u003ePas d'autres compléments de zinc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🤰 Grossesse\/allaitement\u003c\/h3\u003e\n \u003cp\u003eConsultez un professionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n \u003cp\u003eConserver hors de portée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"zb-section\"\u003e\n \u003ch2\u003eCe que recherchent souvent les utilisateurs : nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"zb-accordion\"\u003e\n \u003cdetails class=\"zb-accordion-item\"\u003e\n \u003csummary class=\"zb-accordion-header\"\u003e💊 Peut-on associer vitamine B6, zinc et magnésium ?\u003c\/summary\u003e\n \u003cdiv class=\"zb-accordion-content\"\u003e\n \u003cp\u003eOui, c'est même une combinaison classique appréciée des sportifs et des personnes fatiguées. Cette formule contient déjà du zinc et de la B6. Si vous souhaitez ajouter du magnésium, vous pouvez le faire en complément, en respectant les dosages de chaque nutriment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"zb-accordion-item\"\u003e\n \u003csummary class=\"zb-accordion-header\"\u003e⭐ Quels sont les avis sur le zinc bisglycinate ?\u003c\/summary\u003e\n \u003cdiv class=\"zb-accordion-content\"\u003e\n \u003cp\u003eLes avis sur le zinc bisglycinate sont généralement très positifs. Les utilisateurs apprécient particulièrement sa \u003cstrong\u003ebonne tolérance digestive\u003c\/strong\u003e et son \u003cstrong\u003eefficacité ressentie sur l'énergie et l'immunité\u003c\/strong\u003e, notamment lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"zb-section\"\u003e\n \u003ch2\u003eLes garanties qualité de ce complément\u003c\/h2\u003e\n \u003cdiv class=\"zb-grid\"\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et exigence de qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eGélules 100% végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n \u003cp\u003eFormule naturelle et saine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n \u003cp\u003eConvient aux intolérants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🥛 Sans lactose\u003c\/h3\u003e\n \u003cp\u003eDigestibilité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🍷 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eFormule pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"zb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"zb-section-intro\"\u003eCette formule Zinc + B6 convient particulièrement aux personnes :\u003c\/p\u003e\n \u003cdiv class=\"zb-grid\"\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n \u003cp\u003eSouhaitant renforcer leurs défenses immunitaires naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eRessentant un manque d'énergie au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eCherchant à protéger leurs cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e💇 Beauté naturelle\u003c\/h3\u003e\n \u003cp\u003eDésireuses d'améliorer la qualité de leur peau, cheveux et ongles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"zb-card\"\u003e\n \u003ch3\u003e🥗 Régime végé\u003c\/h3\u003e\n \u003cp\u003eSuivant un régime végétarien ou végan, souvent pauvre en zinc biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"zb-cta-box\"\u003e\n \u003cp\u003e🌟 \u003cstrong\u003e60 gélules = 2 mois de cure complète\u003c\/strong\u003e\u003cbr\u003eVotre allié quotidien pour l'immunité, l'énergie et la vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"zb-disclaimer\"\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 ou de traitement médical en cours, demandez conseil à votre médecin ou pharmacien avant toute supplémentation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --zb-cream: #F9F7F3;\n --zb-white: #ffffff;\n --zb-primary: #8B6914;\n --zb-primary-dark: #5D4A10;\n --zb-primary-light: #F5F0E0;\n --zb-secondary: #5D4E37;\n --zb-accent: #2E7D32;\n --zb-text: #1a1a1a;\n --zb-text-light: #5a5a5a;\n --zb-border: #e0e0e0;\n --zb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --zb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --zb-radius: 20px;\n --zb-radius-sm: 12px;\n}\n\n.zb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--zb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.zb-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6914 0%, #5D4E37 50%, #3D3225 100%);\n border-radius: var(--zb-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(--zb-shadow-lg);\n}\n\n.zb-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,.1) 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,.05) 0%, transparent 30%);\n opacity: 1;\n}\n\n.zb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.zb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.zb-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(--zb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.zb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.zb-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.zb-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.zb-description {\n color: rgba(255,255,255,.85);\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.zb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.zb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--zb-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.zb-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(--zb-primary), var(--zb-accent));\n border-radius: 2px;\n}\n\n.zb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--zb-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\/* === GRILLES === *\/\n.zb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.zb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.zb-card {\n background: var(--zb-white);\n border-radius: var(--zb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--zb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.zb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--zb-shadow-lg);\n border-color: var(--zb-primary);\n}\n\n.zb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--zb-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.zb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--zb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.zb-card-highlight {\n border-left: 4px solid var(--zb-primary);\n text-align: left;\n}\n\n.zb-card-vitb6 {\n border-left: 4px solid var(--zb-accent);\n text-align: left;\n}\n\n.zb-card-vite {\n border-left: 4px solid #E65100;\n text-align: left;\n}\n\n.zb-grid-compact .zb-card {\n padding: 1rem;\n}\n\n.zb-grid-compact .zb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.zb-grid-compact .zb-card p {\n font-size: 12px;\n}\n\n\/* === BENEFITS BLOCK === *\/\n.zb-benefits-block {\n margin-bottom: 1.5rem;\n}\n\n.zb-benefits-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--zb-secondary);\n text-align: center;\n margin-bottom: 1rem;\n}\n\n\/* === TIP BOX === *\/\n.zb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--zb-primary-light);\n border-radius: var(--zb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.zb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.zb-tip p {\n font-size: 14px;\n color: var(--zb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.zb-composition {\n background: var(--zb-white);\n border-radius: var(--zb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--zb-shadow);\n}\n\n.zb-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.zb-compo-item {\n text-align: center;\n padding: 1rem;\n background: var(--zb-primary-light);\n border-radius: var(--zb-radius-sm);\n}\n\n.zb-compo-name {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: var(--zb-secondary);\n margin-bottom: .25rem;\n}\n\n.zb-compo-value {\n display: block;\n font-size: 24px;\n font-weight: 900;\n color: var(--zb-primary);\n margin-bottom: .25rem;\n}\n\n.zb-compo-vnr {\n display: inline-block;\n font-size: 12px;\n font-weight: 700;\n color: var(--zb-white);\n background: var(--zb-accent);\n padding: 2px 8px;\n border-radius: 999px;\n}\n\n\/* === TIMELINE === *\/\n.zb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.zb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.zb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--zb-primary), var(--zb-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.zb-timeline-content {\n flex: 1;\n background: var(--zb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--zb-radius-sm);\n box-shadow: var(--zb-shadow);\n}\n\n.zb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--zb-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.zb-timeline-content p {\n font-size: 14px;\n color: var(--zb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === REASSURANCE === *\/\n.zb-reassurance {\n background: var(--zb-white);\n border-radius: var(--zb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--zb-shadow);\n}\n\n.zb-reassurance-intro {\n text-align: center;\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--zb-text);\n margin-bottom: 1.5rem;\n line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.zb-accordion {\n background: var(--zb-white);\n border-radius: var(--zb-radius);\n box-shadow: var(--zb-shadow);\n overflow: hidden;\n}\n\n.zb-composition .zb-accordion {\n box-shadow: none;\n background: transparent;\n}\n\n.zb-accordion-item {\n border-bottom: 1px solid var(--zb-border);\n margin: 0;\n padding: 0;\n}\n\n.zb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.zb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--zb-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.zb-accordion-header:hover {\n background: var(--zb-primary-light);\n}\n\n.zb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.zb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--zb-primary);\n transition: transform .2s ease;\n}\n\n.zb-accordion-item[open] .zb-accordion-header::after {\n content: '−';\n}\n\n.zb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--zb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.zb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.zb-cta-box {\n background: linear-gradient(135deg, var(--zb-primary) 0%, var(--zb-secondary) 100%);\n border-radius: var(--zb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.zb-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.zb-disclaimer {\n font-size: 12px;\n color: var(--zb-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .zb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .zb-card {\n padding: 1.125rem;\n }\n \n .zb-section {\n margin-bottom: 1.75rem;\n }\n \n .zb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--zb-radius-sm);\n }\n \n .zb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .zb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .zb-grid-compact {\n gap: .625rem;\n }\n \n .zb-grid-compact .zb-card {\n padding: .75rem;\n }\n \n .zb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .zb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .zb-timeline-content h3 {\n font-size: 14px;\n }\n \n .zb-timeline-content p {\n font-size: 13px;\n }\n \n .zb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .zb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .zb-composition {\n padding: 1.25rem;\n }\n \n .zb-composition-grid {\n grid-template-columns: 1fr;\n }\n \n .zb-compo-value {\n font-size: 20px;\n }\n \n .zb-reassurance {\n padding: 1.25rem;\n }\n\n .zb-card-highlight,\n .zb-card-vitb6,\n .zb-card-vite {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--zb-primary);\n }\n \n .zb-card-vitb6 {\n border-top-color: var(--zb-accent);\n }\n \n .zb-card-vite {\n border-top-color: #E65100;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .zb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .zb-card:nth-child(1) { animation-delay: .05s; }\n .zb-card:nth-child(2) { animation-delay: .1s; }\n .zb-card:nth-child(3) { animation-delay: .15s; }\n .zb-card:nth-child(4) { animation-delay: .2s; }\n .zb-card:nth-child(5) { animation-delay: .25s; }\n .zb-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 .zb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56554993320313,"sku":"SF0260","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/zinc-b6-60-gelules-SFB_11zon.jpg?v=1769342493"},{"product_id":"phyco-elements-90-gelules-lifes-code","title":"Phyco-éléments - 90 gélules - Life's code","description":"\u003cdiv class=\"pe-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"pe-hero\"\u003e\n\u003cdiv class=\"pe-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pe-hero-content\"\u003e\n\u003cdiv class=\"pe-badges-top\"\u003e\n\u003cspan class=\"pe-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"pe-badge\"\u003eSans additifs\u003c\/span\u003e \u003cspan class=\"pe-badge\"\u003e💧 200mg phycocyanine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pe-hero-title\"\u003ePhyco-éléments\u003c\/span\u003e\n\u003cp class=\"pe-subtitle\"\u003e90 gélules • Life's Code\u003c\/p\u003e\n\u003cp class=\"pe-description\"\u003eLa puissance de la phycocyanine lyophilisée associée à 7 oligo-éléments essentiels pour une vitalité optimale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003ePhyco-éléments : la puissance de la phycocyanine associée à 7 oligo-éléments essentiels\u003c\/h2\u003e\n\u003cp class=\"pe-section-intro\"\u003eUn complément alimentaire complet capable de soutenir votre vitalité au quotidien grâce à une formule unique et synergique.\u003c\/p\u003e\n\u003cdiv class=\"pe-grid-compact\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e💧 200mg de phycocyanine\u003c\/h3\u003e\n\u003cp\u003eExtrait concentré de spiruline par dose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚡ 7 oligo-éléments\u003c\/h3\u003e\n\u003cp\u003e100% des VNR couverts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSans additifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué et conditionné en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eQu'est-ce que la phycocyanine et pourquoi est-elle si précieuse ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturel présent dans la \u003cstrong\u003espiruline\u003c\/strong\u003e, cette micro-algue d'eau douce reconnue mondialement pour sa richesse nutritionnelle exceptionnelle.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eContrairement à la spiruline brute qui contient environ 15 à 20% de phycocyanine, notre extrait concentré vous offre directement le \u003cstrong\u003ecœur actif de l'algue\u003c\/strong\u003e, sans les fibres difficiles à digérer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n\u003cp\u003eProcédé doux préservant l'intégrité moléculaire de l'actif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🧊 Lyophilisation\u003c\/h3\u003e\n\u003cp\u003eConservation optimale de la biodisponibilité sans dégradation thermique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e💎 Pureté maximale\u003c\/h3\u003e\n\u003cp\u003eSpiruline bleue phycocyanine sous sa forme la plus noble\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eLes bienfaits de la phycocyanine et spiruline pour votre organisme\u003c\/h2\u003e\n\u003cdiv class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🛡️ Équilibre cellulaire et protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLe zinc, le sélénium et le cuivre contribuent à protéger les cellules contre le stress oxydatif et participent au maintien des fonctions cellulaires normales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚡ Métabolisme et vitalité au quotidien\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments sélectionnés interviennent dans le métabolisme énergétique normal, aidant l’organisme à fonctionner de manière efficace jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌟 Soutien des défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eLe zinc et le sélénium contribuent au fonctionnement normal du système immunitaire, en synergie avec la phycocyanine issue de spiruline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🧬 Fonctions métaboliques ciblées\u003c\/h3\u003e\n\u003cp\u003eChrome, molybdène et cuivre participent respectivement au maintien d’une glycémie normale, au métabolisme des acides aminés et au transport du fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🦴 Tissus et structures de l’organisme\u003c\/h3\u003e\n\u003cp\u003eLe silicium d’origine végétale et le soufre sous forme de MSM sont naturellement présents dans de nombreuses structures biologiques, notamment les tissus conjonctifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-tip\"\u003e\n\u003cspan class=\"pe-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePhycocyanine ou spiruline ?\u003c\/strong\u003e Si vous recherchez une action ciblée et concentrée, la phycocyanine extraite représente le choix le plus pertinent. Phyco-éléments vous offre le meilleur des deux mondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003e7 oligo-éléments pour une action synergique complète\u003c\/h2\u003e\n\u003cp class=\"pe-section-intro\"\u003eChaque minéral a été soigneusement sélectionné pour jouer un rôle spécifique dans le bon fonctionnement de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🔵 Zinc (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eFonctionnement normal du système immunitaire et métabolisme des macronutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟠 Sélénium (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eProtection des cellules contre le stress oxydatif et fonctionnement thyroïdien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟤 Cuivre (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eMétabolisme énergétique normal et transport du fer dans l'organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚪ Chrome (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eMaintien d'une glycémie normale, idéal pour surveiller son alimentation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟣 Molybdène (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eMétabolisme normal des acides aminés soufrés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟢 Silicium organique\u003c\/h3\u003e\n\u003cp\u003eExtrait de bambou pour les tissus conjonctifs, la peau et les articulations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟡 Soufre (MSM)\u003c\/h3\u003e\n\u003cp\u003eStructure des protéines et santé des tissus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eComposition complète pour 1 gélule (dose journalière recommandée)\u003c\/h2\u003e\n\u003cdiv class=\"pe-composition-table\"\u003e\n\u003cdiv class=\"pe-composition-row pe-composition-header\"\u003e\n\u003cspan\u003eIngrédient\u003c\/span\u003e \u003cspan\u003eDosage\u003c\/span\u003e \u003cspan\u003e% VNR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003ePhycocyanine lyophilisée\u003c\/span\u003e \u003cspan\u003e200 mg\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eZinc\u003c\/span\u003e \u003cspan\u003e10 mg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eSélénium\u003c\/span\u003e \u003cspan\u003e55 µg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eCuivre\u003c\/span\u003e \u003cspan\u003e1 mg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eChrome\u003c\/span\u003e \u003cspan\u003e40 µg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eMolybdène\u003c\/span\u003e \u003cspan\u003e50 µg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eMagnésium (bisglycinate)\u003c\/span\u003e \u003cspan\u003e56,25 mg\u003c\/span\u003e \u003cspan\u003e15%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eSilicium organique\u003c\/span\u003e \u003cspan\u003eExtrait de bambou titré\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eSoufre (MSM)\u003c\/span\u003e \u003cspan\u003eMéthylsulfonylméthane\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"pe-grid-compact\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e💊 Gélule en pullulan\u003c\/h3\u003e\n\u003cp\u003eFibre naturelle 100% végétale et végane\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🚫 Sans excipients\u003c\/h3\u003e\n\u003cp\u003eAucun agent de charge ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eComment prendre Phyco-éléments pour des résultats optimaux ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-timeline\"\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003eDose standard : 2 gélules\/jour\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, de préférence avant le petit-déjeuner ou le déjeuner pour bénéficier de l'effet énergisant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003eSi vous débutez : 1 gélule\/jour\u003c\/h3\u003e\n\u003cp\u003ePendant la première semaine pour habituer votre organisme progressivement, puis passez à 2 gélules quotidiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003ePériode d'effort intense : jusqu'à 4 gélules\/jour\u003c\/h3\u003e\n\u003cp\u003eRépartir les prises matin et midi en cas d'entraînement sportif, stress ou changement de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003eCure de 3 mois minimum\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments agissent en profondeur et leurs effets se construisent progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-tip\"\u003e\n\u003cspan class=\"pe-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e Si vous avez des difficultés à avaler les gélules, ouvrez-les simplement et versez le contenu dans un verre d'eau ou un smoothie. La poudre bleue se mélange facilement !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs et actifs\u003c\/h3\u003e\n\u003cp\u003eSoutien de la récupération musculaire et du métabolisme énergétique normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n\u003cp\u003eZinc, cuivre et magnésium contribuent à réduire la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌱 Végans et végétariens\u003c\/h3\u003e\n\u003cp\u003eFormule 100% végétale avec des minéraux parfois difficiles à obtenir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🛡️ Soucieux de l'immunité\u003c\/h3\u003e\n\u003cp\u003eZinc et sélénium pour un système immunitaire normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e👨💼 Quadragénaires et plus\u003c\/h3\u003e\n\u003cp\u003eComble les carences potentielles liées à l'âge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n\u003cp\u003eSoutien du fonctionnement normal du système nerveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003ePourquoi choisir Phyco-éléments plutôt qu'une spiruline classique ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-comparison\"\u003e\n\u003cdiv class=\"pe-comparison-item pe-comparison-better\"\u003e\n\u003ch3\u003e✅ Phyco-éléments\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e200 mg\u003c\/strong\u003e de phycocyanine pure par dose\u003c\/li\u003e\n\u003cli\u003eLyophilisation préservant la structure moléculaire\u003c\/li\u003e\n\u003cli\u003e7 oligo-éléments ajoutés (100% VNR)\u003c\/li\u003e\n\u003cli\u003eContrôles rigoureux sans métaux lourds\u003c\/li\u003e\n\u003cli\u003eGélules faciles à doser et sans goût\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-comparison-item pe-comparison-standard\"\u003e\n\u003ch3\u003eSpiruline classique\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSeulement \u003cstrong\u003e30-40 mg\u003c\/strong\u003e de phycocyanine\u003c\/li\u003e\n\u003cli\u003eSéchage à haute température dégradant\u003c\/li\u003e\n\u003cli\u003eAucun oligo-élément supplémentaire\u003c\/li\u003e\n\u003cli\u003eRisque de contamination variable\u003c\/li\u003e\n\u003cli\u003eGoût prononcé difficile à consommer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eEngagements qualité Life's Code\u003c\/h2\u003e\n\u003cdiv class=\"pe-grid-compact\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eConçu et conditionné en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌿 100% végan\u003c\/h3\u003e\n\u003cp\u003eGélules en pullulan végétal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eNi ionisation des matières premières\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient aux intolérants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚗️ Sans métaux lourds\u003c\/h3\u003e\n\u003cp\u003eContrôles stricts sur chaque lot\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eBleu 100% naturel de la phycocyanine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"pe-accordion\"\u003e\n\u003cdetails class=\"pe-accordion-item\"\u003e\n\u003csummary class=\"pe-accordion-header\"\u003e⚠️ Dosage et conservation\u003c\/summary\u003e\n\u003cdiv class=\"pe-accordion-content\"\u003e\n\u003cp\u003eNe dépassez pas la dose journalière recommandée de 4 gélules. Conservez le flacon à l'abri de la lumière et de l'humidité, à température ambiante. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pe-accordion-item\"\u003e\n\u003csummary class=\"pe-accordion-header\"\u003e👩⚕️ Consultation médicale recommandée\u003c\/summary\u003e\n\u003cdiv class=\"pe-accordion-content\"\u003e\n\u003cp\u003eConsultez votre médecin ou pharmacien avant de commencer cette supplémentation si vous êtes enceinte, allaitez, suivez un traitement médical (notamment anticoagulant) ou souffrez d'une pathologie chronique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pe-accordion-item\"\u003e\n\u003csummary class=\"pe-accordion-header\"\u003e📋 Avertissement légal\u003c\/summary\u003e\n\u003cdiv class=\"pe-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ce produit ne constitue pas un traitement médical et ne doit pas être utilisé pour diagnostiquer, traiter ou prévenir une maladie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pe-section\"\u003e\n\u003cdiv class=\"pe-cta-box\"\u003e\n\u003cp\u003eOffrez à votre organisme la puissance de la \u003cstrong\u003ephycocyanine spiruline\u003c\/strong\u003e la plus pure, associée à une sélection d'oligo-éléments essentiels parfaitement dosés.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003ePhyco-éléments\u003c\/strong\u003e représente le choix idéal pour soutenir votre vitalité au quotidien, naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pe-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --pe-cream: #f7f4ef;\n --pe-white: #ffffff;\n --pe-primary: #1a6b8a;\n --pe-primary-dark: #0d4a61;\n --pe-primary-light: #e8f4f8;\n --pe-secondary: #d4a853;\n --pe-accent: #2d9bb5;\n\n \/* Textes *\/\n --pe-text: #1a1a1a;\n --pe-text-light: #5a5a5a;\n\n \/* Effets *\/\n --pe-border: #e0e0e0;\n --pe-shadow: 0 4px 24px rgba(26,107,138,.08);\n --pe-shadow-lg: 0 12px 48px rgba(26,107,138,.15);\n --pe-radius: 20px;\n --pe-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pe-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pe-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pe-hero {\n position: relative;\n background: linear-gradient(135deg, #0d4a61 0%, #1a6b8a 40%, #2d9bb5 100%);\n border-radius: var(--pe-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(--pe-shadow-lg);\n}\n\n.pe-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,168,83,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(45,155,181,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pe-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pe-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.pe-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 letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.pe-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.pe-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pe-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(--pe-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pe-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pe-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pe-premium h2 {\n font-size: clamp(22px, 5vw, 32px);\n font-weight: 900;\n color: var(--pe-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.pe-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(--pe-primary), var(--pe-secondary));\n border-radius: 2px;\n}\n\n.pe-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pe-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\/* === CARDS === *\/\n.pe-card {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pe-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pe-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pe-shadow-lg);\n border-color: var(--pe-primary);\n}\n\n.pe-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pe-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pe-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pe-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pe-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pe-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pe-grid-compact .pe-card {\n padding: 1rem;\n}\n\n.pe-grid-compact .pe-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pe-grid-compact .pe-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pe-highlight-box {\n background: linear-gradient(135deg, var(--pe-primary-light) 0%, #f0f8fa 100%);\n border-radius: var(--pe-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-left: 4px solid var(--pe-primary);\n}\n\n.pe-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--pe-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.pe-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pe-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pe-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--pe-primary), var(--pe-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: 18px;\n box-shadow: 0 4px 12px rgba(26,107,138,.3);\n}\n\n.pe-timeline-content {\n flex: 1;\n background: var(--pe-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--pe-radius-sm);\n box-shadow: var(--pe-shadow);\n}\n\n.pe-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pe-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.pe-timeline-content p {\n font-size: 14px;\n color: var(--pe-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.pe-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, #fef9e7 0%, #fdf3d7 100%);\n border-radius: var(--pe-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--pe-secondary);\n}\n\n.pe-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pe-tip p {\n font-size: 14px;\n color: var(--pe-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.pe-composition-table {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n box-shadow: var(--pe-shadow);\n overflow: hidden;\n}\n\n.pe-composition-row {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--pe-border);\n font-size: 14px;\n align-items: center;\n}\n\n.pe-composition-row:last-child {\n border-bottom: none;\n}\n\n.pe-composition-header {\n background: linear-gradient(135deg, var(--pe-primary), var(--pe-primary-dark));\n color: white;\n font-weight: 700;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.pe-composition-row span:first-child {\n font-weight: 600;\n color: var(--pe-text);\n}\n\n.pe-composition-row span:nth-child(2),\n.pe-composition-row span:nth-child(3) {\n text-align: center;\n color: var(--pe-text-light);\n}\n\n.pe-composition-header span {\n color: white !important;\n}\n\n\/* === COMPARISON === *\/\n.pe-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.pe-comparison-item {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n padding: 1.5rem;\n box-shadow: var(--pe-shadow);\n}\n\n.pe-comparison-better {\n border: 3px solid var(--pe-primary);\n position: relative;\n}\n\n.pe-comparison-better::before {\n content: 'RECOMMANDÉ';\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--pe-primary), var(--pe-accent));\n color: white;\n padding: 4px 16px;\n border-radius: 20px;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: .05em;\n}\n\n.pe-comparison-standard {\n border: 2px solid var(--pe-border);\n opacity: .85;\n}\n\n.pe-comparison-item h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--pe-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.pe-comparison-item ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.pe-comparison-item li {\n font-size: 14px;\n color: var(--pe-text-light);\n padding: .5rem 0;\n border-bottom: 1px solid var(--pe-border);\n line-height: 1.5;\n}\n\n.pe-comparison-item li:last-child {\n border-bottom: none;\n}\n\n\/* === ACCORDÉON === *\/\n.pe-accordion {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n box-shadow: var(--pe-shadow);\n overflow: hidden;\n}\n\n.pe-accordion-item {\n border-bottom: 1px solid var(--pe-border);\n margin: 0;\n padding: 0;\n}\n\n.pe-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pe-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pe-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.pe-accordion-header:hover {\n background: var(--pe-primary-light);\n}\n\n.pe-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pe-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pe-primary);\n transition: transform .2s ease;\n}\n\n.pe-accordion-item[open] .pe-accordion-header::after {\n content: '−';\n}\n\n.pe-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pe-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 0;\n}\n\n.pe-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pe-cta-box {\n background: linear-gradient(135deg, var(--pe-primary) 0%, var(--pe-primary-dark) 100%);\n border-radius: var(--pe-radius);\n padding: clamp(2rem, 5vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pe-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(212,168,83,.2) 0%, transparent 50%);\n}\n\n.pe-cta-box p {\n position: relative;\n color: white;\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 margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pe-disclaimer {\n font-size: 12px;\n color: var(--pe-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pe-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pe-card {\n padding: 1.125rem;\n }\n \n .pe-section {\n margin-bottom: 1.75rem;\n }\n \n .pe-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pe-radius-sm);\n }\n \n .pe-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n font-size: clamp(18px, 5vw, 24px);\n }\n \n .pe-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pe-grid-compact {\n gap: .625rem;\n }\n \n .pe-grid-compact .pe-card {\n padding: .75rem;\n }\n \n .pe-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .pe-timeline-content {\n padding: 1rem;\n }\n \n .pe-timeline-content h3 {\n font-size: 14px;\n }\n \n .pe-timeline-content p {\n font-size: 13px;\n }\n \n .pe-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pe-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .pe-highlight-box {\n padding: 1.25rem;\n }\n \n .pe-highlight-box p {\n font-size: 14px;\n }\n \n .pe-tip {\n padding: 1rem;\n }\n \n .pe-composition-row {\n grid-template-columns: 1.5fr 1fr .75fr;\n padding: .75rem 1rem;\n font-size: 12px;\n }\n \n .pe-comparison {\n grid-template-columns: 1fr;\n }\n \n .pe-comparison-item {\n padding: 1.25rem;\n }\n \n .pe-badges-top {\n gap: 6px;\n }\n \n .pe-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pe-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pe-card:nth-child(1) { animation-delay: .05s; }\n .pe-card:nth-child(2) { animation-delay: .1s; }\n .pe-card:nth-child(3) { animation-delay: .15s; }\n .pe-card:nth-child(4) { animation-delay: .2s; }\n .pe-card:nth-child(5) { animation-delay: .25s; }\n .pe-card:nth-child(6) { animation-delay: .3s; }\n .pe-card:nth-child(7) { animation-delay: .35s; }\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 .pe-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"Default Title","offer_id":56574250025337,"sku":"PHYCOELEMENT90","price":119.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco-elements-90-gelules-lifes-code-packshothd.webp?v=1790451157"},{"product_id":"omega-3-age-well-60-capsules-humble","title":"Oméga 3 Vital-Core™ Age-Well - 60 capsules - Humble+","description":"\u003cdiv class=\"om3-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"om3-hero\"\u003e\n\u003cdiv class=\"om3-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"om3-hero-content\"\u003e\n\u003cdiv class=\"om3-badges-top\"\u003e\n\u003cspan class=\"om3-badge\"\u003e❤️ Cœur\u003c\/span\u003e \u003cspan class=\"om3-badge\"\u003e🧠 Cerveau\u003c\/span\u003e \u003cspan class=\"om3-badge\"\u003e👁️ Vision\u003c\/span\u003e \u003cspan class=\"om3-badge\"\u003e🇫🇷 Développé en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"om3-hero-title\"\u003eOméga 3 Vital-Core™ Age-Well\u003c\/span\u003e\n\u003cp class=\"om3-subtitle\"\u003eHumble+ · Look Good, Feel Good\u003c\/p\u003e\n\u003cp class=\"om3-description\"\u003e60 capsules d'huiles marines hautement purifiées : 920 mg d'oméga 3 par jour, dont 614 mg d'EPA et 306 mg de DHA, pour votre cœur, votre cerveau et votre vision. 2 capsules\/jour, 1 mois de cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eOméga 3 Age-Well® Humble+ : des acides gras essentiels pour votre cœur, votre cerveau et votre vision\u003c\/h2\u003e\n\u003cp class=\"om3-section-intro\"\u003eVous cherchez un complément en \u003cstrong\u003eoméga 3\u003c\/strong\u003e fiable, concentré et développé en France ? La formule \u003cstrong\u003eOméga 3 Age-Well®\u003c\/strong\u003e de Humble+ associe des huiles marines hautement purifiées, issues de poisson et de krill, pour vous apporter chaque jour les acides gras essentiels EPA et DHA dont votre organisme a besoin. Un flacon de \u003cstrong\u003e60 capsules\u003c\/strong\u003e pour un mois complet de cure, à raison de 2 capsules par jour.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003ePourquoi les oméga 3 sont-ils si importants ?\u003c\/h2\u003e\n\u003cdiv class=\"om3-testimonial\"\u003e\n\u003cp class=\"om3-testimonial-text\"\u003eLes \u003cstrong\u003ebienfaits des oméga 3\u003c\/strong\u003e sont aujourd'hui largement documentés. L'EPA et le DHA sont des acides gras polyinsaturés que notre corps ne sait pas fabriquer seul : il faut les apporter par l'\u003cstrong\u003ealimentation en oméga 3\u003c\/strong\u003e ou par la supplémentation. Or, notre alimentation moderne en est souvent carencée. Même en consommant régulièrement des \u003cstrong\u003ealiments riches en oméga 3\u003c\/strong\u003e comme les poissons gras, les noix ou les graines de lin, il reste difficile d'atteindre les apports recommandés au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-tip\"\u003e\n\u003cspan class=\"om3-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eC'est précisément là qu'un complément alimentaire bien formulé prend tout son sens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de cette formule\u003c\/h2\u003e\n\u003cp class=\"om3-section-intro\"\u003eLa formule Age-Well® ne se contente pas d'apporter des oméga 3 génériques. Elle concentre de l'EPA et du DHA hautement dosés, accompagnés de \u003cstrong\u003ecofacteurs antioxydants ciblés\u003c\/strong\u003e pour une efficacité optimisée :\u003c\/p\u003e\n\u003cdiv class=\"om3-grid\"\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e❤️ Fonction cardiaque normale\u003c\/h3\u003e\n\u003cp\u003eL'EPA et le DHA contribuent au bon fonctionnement du cœur, pour une santé cardiovasculaire préservée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🧠 Fonction cérébrale normale\u003c\/h3\u003e\n\u003cp\u003eLe DHA soutient les fonctions cognitives et participe au maintien d'un cerveau en bonne santé, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n\u003cp\u003eLe DHA contribue au maintien d'une vision saine et au confort visuel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n\u003cp\u003eAvec 20 mg de vitamine E par jour (166 % des VNR), qui contribue à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eUne qualité irréprochable, développée en France\u003c\/h2\u003e\n\u003cdiv class=\"om3-grid-compact\"\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🐟 Vivomega® + krill\u003c\/h3\u003e\n\u003cp\u003eHuile de poisson Vivomega® sous forme triglycérides et extrait lipidique de krill de l'Antarctique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🧪 Purification avancée\u003c\/h3\u003e\n\u003cp\u003eÉlimination des métaux lourds et contaminants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e📊 Totox \u0026lt; 10\u003c\/h3\u003e\n\u003cp\u003eIndice d'oxydation inférieur à 10, quand la norme internationale recommande moins de 26.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🛡️ Anti-oxydation\u003c\/h3\u003e\n\u003cp\u003eChlorophylle cuivrique et technologie de stabilisation avancée protègent les acides gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-tip\"\u003e\n\u003cspan class=\"om3-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eDes huiles marines sélectionnées, purifiées et contrôlées selon des standards stricts. Sans sucre, sans OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n\u003cp class=\"om3-section-intro\"\u003e2 capsules par jour apportent \u003cstrong\u003e920 mg d'oméga 3\u003c\/strong\u003e, dont 614 mg d'EPA et 306 mg de DHA, ainsi que 20 mg de vitamine E.\u003c\/p\u003e\n\u003cdiv class=\"om3-accordion\"\u003e\n\u003cdetails class=\"om3-accordion-item\"\u003e\n\u003csummary class=\"om3-accordion-header\"\u003e📊 Valeurs nutritionnelles\u003c\/summary\u003e\n\u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n\u003cdiv class=\"om3-table-wrap\"\u003e\n\u003ctable class=\"om3-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003ePour 2 capsules\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eOméga 3\u003c\/td\u003e\n\u003ctd\u003e920 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e↳ dont EPA\u003c\/td\u003e\n\u003ctd\u003e614 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e↳ dont DHA\u003c\/td\u003e\n\u003ctd\u003e306 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVitamine E (α-tocophérol)\u003c\/td\u003e\n\u003ctd\u003e20 mg\u003c\/td\u003e\n\u003ctd\u003e166 %\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"om3-table-note\"\u003e* VNR : valeurs nutritionnelles de référence (adulte). Aucune VNR n'est établie pour l'EPA et le DHA.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"om3-accordion-item\"\u003e\n\u003csummary class=\"om3-accordion-header\"\u003e🌿 Ingrédients et allergènes\u003c\/summary\u003e\n\u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n\u003cp\u003eHuile de poisson Vivomega® (triglycérides, antioxydant : tocophérols), gélatine bovine, extrait lipidique de krill de l'Antarctique (\u003cem\u003eEuphausia superba\u003c\/em\u003e, crustacés et mollusques), humectant : glycérol, antioxydants : tocotriénols (issus d'extrait de riz, support : huile de graines de tournesol) et tocophérols Nutrabiol®, eau, antioxydant : extrait de feuilles de romarin, colorant : complexes cuivriques de chlorophyllines.\u003c\/p\u003e\n\u003cp class=\"om3-table-note\"\u003e\u003cstrong\u003eAllergènes :\u003c\/strong\u003e poisson, crustacés et mollusques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eComment prendre vos oméga 3 Age-Well® ?\u003c\/h2\u003e\n\u003cdiv class=\"om3-timeline\"\u003e\n\u003cdiv class=\"om3-timeline-item\"\u003e\n\u003cdiv class=\"om3-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-content\"\u003e\n\u003ch3\u003ePrenez 2 capsules par jour\u003c\/h3\u003e\n\u003cp\u003eDe préférence au cours d'un repas contenant des matières grasses, pour favoriser l'absorption des acides gras. En cas d'oubli, reprenez le lendemain sans doubler la dose.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-item\"\u003e\n\u003cdiv class=\"om3-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-content\"\u003e\n\u003ch3\u003e1 flacon = 1 mois de cure\u003c\/h3\u003e\n\u003cp\u003eLe flacon de 60 capsules correspond à une cure complète d'un mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-item\"\u003e\n\u003cdiv class=\"om3-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-content\"\u003e\n\u003ch3\u003eSoyez régulier pour des résultats durables\u003c\/h3\u003e\n\u003cp\u003eUne prise régulière sur plusieurs semaines est recommandée pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-item\"\u003e\n\u003cdiv class=\"om3-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-content\"\u003e\n\u003ch3\u003eConservez le flacon au frais\u003c\/h3\u003e\n\u003cp\u003eDe préférence au réfrigérateur, pour préserver la fraîcheur des huiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cp class=\"om3-section-intro\"\u003eCette formule convient à toute personne souhaitant compléter ses apports en \u003cstrong\u003eoméga 3 par l'alimentation\u003c\/strong\u003e, que ce soit pour soutenir sa santé cardiovasculaire, préserver ses capacités cognitives ou prendre soin de sa vision. Elle est particulièrement adaptée si vous consommez peu de poissons gras ou si vous souhaitez un apport quotidien maîtrisé et de haute qualité.\u003c\/p\u003e\n\u003cdiv class=\"om3-accordion\"\u003e\n\u003cdetails class=\"om3-accordion-item\"\u003e\n\u003csummary class=\"om3-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n\u003cp\u003ePour les adultes : déconseillé aux enfants de moins de 6 ans. Ne convient pas en cas d'allergie au poisson, aux crustacés ou aux mollusques. Demandez l'avis de votre médecin si vous suivez un traitement anticoagulant, et celui d'un professionnel de santé si vous êtes enceinte ou allaitez. Capsule à base de gélatine bovine : ne convient pas aux végétariens. Ne pas dépasser 2 capsules par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"om3-accordion-item\"\u003e\n\u003csummary class=\"om3-accordion-header\"\u003e⚠️ Rappel important\u003c\/summary\u003e\n\u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. En cas de doute, consultez votre médecin ou votre pharmacien avant de commencer une cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"om3-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"om3-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre cœur, votre cerveau et votre vision le meilleur des oméga 3, une formule concentrée, purifiée et développée en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"om3-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --om3-cream: #f5f5f0;\n --om3-white: #ffffff;\n --om3-primary: #5b8f6e;\n --om3-primary-dark: #3a6b4a;\n --om3-primary-light: #e8f2ec;\n --om3-secondary: #7aab8b;\n --om3-accent: #3d7a54;\n --om3-text: #1a1a1a;\n --om3-text-light: #5a5a5a;\n --om3-border: #dde5df;\n --om3-shadow: 0 4px 24px rgba(0,0,0,.08);\n --om3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, #3a6b4a 0%, #5b8f6e 50%, #7aab8b 100%);\n border-radius: var(--om3-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(--om3-shadow-lg);\n}\n\n.om3-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: 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.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.om3-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.om3-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.om3-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.om3-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.om3-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(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.om3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-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.om3-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(--om3-primary), var(--om3-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.om3-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--om3-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.om3-section-intro strong {\n color: var(--om3-text);\n}\n\n\/* === CARDS === *\/\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-primary);\n}\n\n.om3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.om3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.om3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.om3-grid-compact .om3-card {\n padding: 1rem;\n}\n\n.om3-grid-compact .om3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.om3-grid-compact .om3-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.om3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.om3-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.om3-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--om3-primary), var(--om3-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.om3-timeline-content {\n flex: 1;\n background: var(--om3-white);\n padding: 1rem 1.25rem;\n border-radius: var(--om3-radius-sm);\n box-shadow: var(--om3-shadow);\n}\n\n.om3-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.om3-timeline-content p {\n font-size: 14px;\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.om3-testimonial {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--om3-shadow);\n border-left: 4px solid var(--om3-primary);\n}\n\n.om3-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--om3-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.om3-testimonial-text strong {\n color: var(--om3-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.om3-accordion {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.om3-accordion-item {\n border-bottom: 1px solid var(--om3-border);\n margin: 0;\n padding: 0;\n}\n\n.om3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.om3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--om3-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.om3-accordion-header:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.om3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--om3-primary);\n transition: transform .2s ease;\n}\n\n.om3-accordion-item[open] .om3-accordion-header::after {\n content: '−';\n}\n\n.om3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--om3-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.om3-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.om3-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--om3-primary-light);\n border-radius: var(--om3-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.om3-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.om3-tip p {\n font-size: 14px;\n color: var(--om3-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.om3-cta-box {\n background: linear-gradient(135deg, var(--om3-primary) 0%, var(--om3-primary-dark) 100%);\n border-radius: var(--om3-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.om3-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.om3-disclaimer {\n font-size: 12px;\n color: var(--om3-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === TABLEAU NUTRITIONNEL === *\/\n.om3-table-wrap { background: var(--om3-white); border-radius: var(--om3-radius); box-shadow: var(--om3-shadow); padding: clamp(1rem, 3vw, 1.5rem); max-width: 640px; margin: 0 auto; overflow-x: auto; }\n.om3-premium table.om3-table { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 15px; color: var(--om3-text); word-break: normal; }\n.om3-premium table.om3-table th, .om3-premium table.om3-table td { border-width: 0 0 1px; border-style: solid; border-color: var(--om3-border); padding: .6rem .5rem; }\n.om3-premium table.om3-table th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--om3-accent); border-bottom: 2px solid var(--om3-primary); }\n.om3-premium table.om3-table tbody tr:nth-child(even) td { background: var(--om3-primary-light); }\n.om3-premium table.om3-table tbody tr:last-child td { border-bottom: none; }\n.om3-premium table.om3-table th:not(:first-child), .om3-premium table.om3-table td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.om3-premium table.om3-table td:last-child { font-weight: 700; color: var(--om3-primary-dark); }\n.om3-table-note { font-size: 12px; color: var(--om3-text-light); margin: .75rem 0 0; font-style: italic; }\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .om3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .om3-card {\n padding: 1.125rem;\n }\n\n .om3-section {\n margin-bottom: 1.75rem;\n }\n\n .om3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--om3-radius-sm);\n }\n\n .om3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .om3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .om3-grid-compact {\n gap: .625rem;\n }\n\n .om3-grid-compact .om3-card {\n padding: .75rem;\n }\n\n .om3-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .om3-timeline-content {\n padding: .875rem 1rem;\n }\n\n .om3-timeline-content h3 {\n font-size: 14px;\n }\n\n .om3-timeline-content p {\n font-size: 13px;\n }\n\n .om3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .om3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .om3-testimonial {\n padding: 1.25rem;\n }\n\n .om3-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .om3-card {\n animation: om3FadeInUp .5s ease backwards;\n }\n .om3-card:nth-child(1) { animation-delay: .05s; }\n .om3-card:nth-child(2) { animation-delay: .1s; }\n .om3-card:nth-child(3) { animation-delay: .15s; }\n .om3-card:nth-child(4) { animation-delay: .2s; }\n .om3-card:nth-child(5) { animation-delay: .25s; }\n .om3-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes om3FadeInUp {\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 .om3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n.om3-premium .om3-accordion-header { gap: .75rem; } .om3-premium .om3-accordion-header::after { flex-shrink: 0; }\n\n.om3-accordion .om3-table-wrap { background: none; box-shadow: none; padding: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56946303402361,"sku":"OMEGA3HUMBLE","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-age-well-60-capsules-humble-packshothd_7489fc49-2250-4283-830c-cbd808f7fef4.webp?v=1786006686"},{"product_id":"selenium-ace-120-gelules-sfb","title":"Selenium + Vitamines A C \u0026 E - 120 gélules - SFB","description":"\u003cdiv class=\"sel-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sel-hero\"\u003e\n \u003cdiv class=\"sel-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sel-hero-content\"\u003e\n \u003cdiv class=\"sel-badges-top\"\u003e\n \u003cspan class=\"sel-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sel-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"sel-badge\"\u003e💊 120 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"sel-badge\"\u003e🛡️ 4 mois de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sel-hero-title\"\u003eSélénium + ACE\u003c\/span\u003e\n \u003cp class=\"sel-subtitle\"\u003eLe bouclier antioxydant complet par SFB Laboratoires\u003c\/p\u003e\n \u003cp class=\"sel-description\"\u003e4 nutriments essentiels réunis en une seule gélule végétale pour protéger vos cellules, soutenir votre immunité et lutter contre le vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eSélénium + ACE : le bouclier antioxydant complet en gélules végétales\u003c\/h2\u003e\n \u003cp class=\"sel-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire sélénium\u003c\/strong\u003e vraiment complet pour protéger vos cellules au quotidien ? Le \u003cstrong\u003eSélénium + ACE de SFB Laboratoires\u003c\/strong\u003e réunit en une seule gélule végétale quatre nutriments essentiels — \u003cstrong\u003esélénium, vitamine A (bêta-carotène), vitamine C et vitamine E\u003c\/strong\u003e — reconnus pour leur action antioxydante synergique. Avec 120 gélules par pilulier, vous disposez d'une cure longue durée de 4 mois, fabriquée en France et 100 % vegan.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003ePourquoi associer le sélénium aux vitamines A, C et E ?\u003c\/h2\u003e\n \u003cdiv class=\"sel-synergy-box\"\u003e\n \u003cp\u003ePris isolément, chacun de ces nutriments contribue déjà à la protection cellulaire. Mais c'est leur \u003cstrong\u003ecombinaison ACE sélénium\u003c\/strong\u003e qui fait toute la différence :\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-grid-compact\"\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eRégénère la vitamine E pour prolonger son action protectrice dans l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003eComplète l'action antioxydante au niveau des membranes cellulaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🌻 Vitamine E\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant liposoluble qui protège les lipides du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e⚙️ Sélénium\u003c\/h3\u003e\n \u003cp\u003eActive les enzymes antioxydantes de l'organisme pour un bouclier complet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-tip\"\u003e\n \u003cspan class=\"sel-tip-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cp\u003eEnsemble, ces 4 nutriments forment un véritable bouclier contre le \u003cstrong\u003estress oxydatif\u003c\/strong\u003e et les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette formule\u003c\/h2\u003e\n \u003cdiv class=\"sel-grid\"\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eLe sélénium et la vitamine C contribuent au fonctionnement normal de vos défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLes quatre nutriments participent à protéger les cellules contre le stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C contribue à diminuer la fatigue et soutient le métabolisme énergétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e✨ Peau, cheveux et ongles\u003c\/h3\u003e\n \u003cp\u003eLe sélénium contribue au maintien d'une chevelure et d'ongles normaux, tandis que la vitamine A soutient la santé de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n \u003cp\u003eLa vitamine A (sous forme de bêta-carotène) contribue au maintien d'une vision normale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🦋 Fonction thyroïdienne\u003c\/h3\u003e\n \u003cp\u003eLe sélénium participe à la production normale des hormones thyroïdiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"sel-compo-grid\"\u003e\n \u003cdiv class=\"sel-compo-card\"\u003e\n \u003cdiv class=\"sel-compo-header\"\u003e\n \u003cspan class=\"sel-compo-name\"\u003e🍊 Vitamine C\u003c\/span\u003e\n \u003cspan class=\"sel-compo-vnr\"\u003e150 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-compo-detail\"\u003eAcérola + acide L-ascorbique\u003c\/p\u003e\n \u003cspan class=\"sel-compo-dose\"\u003e120 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-compo-card\"\u003e\n \u003cdiv class=\"sel-compo-header\"\u003e\n \u003cspan class=\"sel-compo-name\"\u003e🌻 Vitamine E\u003c\/span\u003e\n \u003cspan class=\"sel-compo-vnr\"\u003e100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-compo-detail\"\u003eD-alpha-tocophérol naturel\u003c\/p\u003e\n \u003cspan class=\"sel-compo-dose\"\u003e12 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-compo-card\"\u003e\n \u003cdiv class=\"sel-compo-header\"\u003e\n \u003cspan class=\"sel-compo-name\"\u003e🥕 Caroténoïdes\u003c\/span\u003e\n \u003cspan class=\"sel-compo-vnr\"\u003e64 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-compo-detail\"\u003eAlgue \u003cem\u003eDunaliella salina\u003c\/em\u003e — bêta-carotène 2,8 mg (518 µg éq. rétinol)\u003c\/p\u003e\n \u003cspan class=\"sel-compo-dose\"\u003e3 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-compo-card\"\u003e\n \u003cdiv class=\"sel-compo-header\"\u003e\n \u003cspan class=\"sel-compo-name\"\u003e⚙️ Sélénium\u003c\/span\u003e\n \u003cspan class=\"sel-compo-vnr\"\u003e90 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-compo-detail\"\u003eLevure \u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e\u003c\/p\u003e\n \u003cspan class=\"sel-compo-dose\"\u003e50 µg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-tip\"\u003e\n \u003cspan class=\"sel-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eTunique : gélule végétale en cellulose (HPMC). Formule \u003cstrong\u003esans OGM\u003c\/strong\u003e, \u003cstrong\u003evegan\u003c\/strong\u003e et fabriquée en France par SFB Laboratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eComment prendre le Sélénium + ACE ?\u003c\/h2\u003e\n \u003cdiv class=\"sel-timeline\"\u003e\n \u003cdiv class=\"sel-timeline-item\"\u003e\n \u003cdiv class=\"sel-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e, le matin ou le midi, au cours du repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-item\"\u003e\n \u003cdiv class=\"sel-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLa cure recommandée est de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-item\"\u003e\n \u003cdiv class=\"sel-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-content\"\u003e\n \u003ch3\u003eFormat économique\u003c\/h3\u003e\n \u003cp\u003eGrâce au format de 120 gélules, un seul pilulier couvre jusqu'à \u003cstrong\u003e4 mois\u003c\/strong\u003e de supplémentation — un excellent rapport durée\/prix comparé aux formats 30 ou 60 gélules proposés par d'autres marques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sel-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sel-accordion\"\u003e\n \u003cdetails class=\"sel-accordion-item\"\u003e\n \u003csummary class=\"sel-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants de moins de 12 ans. Demandez conseil à votre médecin si vous êtes enceinte, allaitante ou sous antidépresseurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sel-accordion-item\"\u003e\n \u003csummary class=\"sel-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée d'1 gélule par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sel-accordion-item\"\u003e\n \u003csummary class=\"sel-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sel-accordion-item\"\u003e\n \u003csummary class=\"sel-accordion-header\"\u003e📋 Avertissement général\u003c\/summary\u003e\n \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas\u003c\/strong\u003e à un régime alimentaire varié et équilibré ni à un mode de vie sain. En cas de doute ou de traitement médical en cours, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-disclaimer\"\u003eComplément alimentaire — Ne pas dépasser la dose recommandée. Les allégations de santé sont conformes au règlement CE n°1924\/2006.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sel-cream: #f5f7fa;\n --sel-white: #ffffff;\n --sel-primary: #4a7a9b;\n --sel-primary-dark: #2c5570;\n --sel-primary-light: #e8f1f7;\n --sel-secondary: #5a9bb5;\n --sel-accent: #3d8b6e;\n --sel-text: #1a1a1a;\n --sel-text-light: #5a5a5a;\n --sel-border: #dfe6ec;\n --sel-shadow: 0 4px 24px rgba(44,85,112,.08);\n --sel-shadow-lg: 0 12px 48px rgba(44,85,112,.15);\n --sel-radius: 20px;\n --sel-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sel-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sel-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sel-hero {\n position: relative;\n background: linear-gradient(135deg, #2c5570 0%, #4a7a9b 45%, #5a9bb5 100%);\n border-radius: var(--sel-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(--sel-shadow-lg);\n}\n\n.sel-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.sel-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sel-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.sel-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: -.01em;\n}\n\n.sel-description {\n color: rgba(255,255,255,.8);\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.sel-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sel-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(--sel-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sel-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sel-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sel-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sel-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.sel-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(--sel-primary), var(--sel-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sel-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sel-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n.sel-section-intro strong {\n color: var(--sel-text);\n}\n\n\/* === CARDS === *\/\n.sel-card {\n background: var(--sel-white);\n border-radius: var(--sel-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sel-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sel-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sel-shadow-lg);\n border-color: var(--sel-primary);\n}\n\n.sel-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sel-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sel-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sel-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sel-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sel-grid-compact .sel-card {\n padding: 1rem;\n}\n\n.sel-grid-compact .sel-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sel-grid-compact .sel-card p {\n font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.sel-synergy-box {\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.sel-synergy-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sel-text-light);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.sel-synergy-box p strong {\n color: var(--sel-text);\n}\n\n\/* === COMPOSITION GRID === *\/\n.sel-compo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.sel-compo-card {\n background: var(--sel-white);\n border-radius: var(--sel-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--sel-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sel-compo-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(--sel-primary), var(--sel-secondary));\n}\n\n.sel-compo-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--sel-shadow-lg);\n border-color: var(--sel-primary);\n}\n\n.sel-compo-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: .5rem;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.sel-compo-name {\n font-size: 16px;\n font-weight: 800;\n color: var(--sel-primary-dark);\n}\n\n.sel-compo-vnr {\n font-size: 12px;\n font-weight: 700;\n color: var(--sel-white);\n background: var(--sel-accent);\n padding: 3px 10px;\n border-radius: 999px;\n}\n\n.sel-compo-detail {\n font-size: 13px;\n color: var(--sel-text-light);\n margin: 0 0 .75rem 0;\n line-height: 1.5;\n}\n\n.sel-compo-dose {\n font-size: 28px;\n font-weight: 900;\n color: var(--sel-primary);\n letter-spacing: -.02em;\n}\n\n\/* === TIMELINE === *\/\n.sel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sel-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sel-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sel-primary), var(--sel-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.sel-timeline-content {\n flex: 1;\n background: var(--sel-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sel-radius-sm);\n box-shadow: var(--sel-shadow);\n}\n\n.sel-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sel-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sel-timeline-content p {\n font-size: 14px;\n color: var(--sel-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sel-timeline-content p strong {\n color: var(--sel-text);\n}\n\n\/* === TIP BOX === *\/\n.sel-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sel-primary-light);\n border-radius: var(--sel-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sel-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sel-tip p {\n font-size: 14px;\n color: var(--sel-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sel-tip p strong {\n color: var(--sel-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.sel-accordion {\n background: var(--sel-white);\n border-radius: var(--sel-radius);\n box-shadow: var(--sel-shadow);\n overflow: hidden;\n}\n\n.sel-accordion-item {\n border-bottom: 1px solid var(--sel-border);\n margin: 0;\n padding: 0;\n}\n\n.sel-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sel-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sel-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.sel-accordion-header:hover {\n background: var(--sel-primary-light);\n}\n\n.sel-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sel-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sel-primary);\n transition: transform .2s ease;\n}\n\n.sel-accordion-item[open] .sel-accordion-header::after {\n content: '−';\n}\n\n.sel-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sel-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sel-accordion-content p {\n margin: 0;\n}\n\n.sel-accordion-content p strong {\n color: var(--sel-text);\n}\n\n\/* === DISCLAIMER === *\/\n.sel-disclaimer {\n font-size: 12px;\n color: var(--sel-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 .sel-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sel-compo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sel-card {\n padding: 1.125rem;\n }\n\n .sel-section {\n margin-bottom: 1.75rem;\n }\n\n .sel-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sel-radius-sm);\n }\n\n .sel-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sel-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sel-grid-compact {\n gap: .625rem;\n }\n\n .sel-grid-compact .sel-card {\n padding: .75rem;\n }\n\n .sel-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sel-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sel-timeline-content h3 {\n font-size: 14px;\n }\n\n .sel-timeline-content p {\n font-size: 13px;\n }\n\n .sel-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sel-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sel-compo-dose {\n font-size: 22px;\n }\n\n .sel-compo-header {\n justify-content: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sel-card,\n .sel-compo-card {\n animation: selFadeInUp .5s ease backwards;\n }\n .sel-card:nth-child(1),\n .sel-compo-card:nth-child(1) { animation-delay: .05s; }\n .sel-card:nth-child(2),\n .sel-compo-card:nth-child(2) { animation-delay: .1s; }\n .sel-card:nth-child(3),\n .sel-compo-card:nth-child(3) { animation-delay: .15s; }\n .sel-card:nth-child(4),\n .sel-compo-card:nth-child(4) { animation-delay: .2s; }\n .sel-card:nth-child(5) { animation-delay: .25s; }\n .sel-card:nth-child(6) { animation-delay: .3s; }\n\n .sel-timeline-item {\n animation: selFadeInUp .5s ease backwards;\n }\n .sel-timeline-item:nth-child(1) { animation-delay: .05s; }\n .sel-timeline-item:nth-child(2) { animation-delay: .1s; }\n .sel-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes selFadeInUp {\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 .sel-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57062698418553,"sku":"SF0255","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/selenium-ace-120-gelules-sfb-packshothd.webp?v=1776157274"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/complement-alimentaire-vision-vue.webp?v=1790072267","url":"https:\/\/www.naturellement-bio.com\/collections\/complement-alimentaire-vision-vue.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}