{"title":"Mémoire \u0026 concentration","description":"\u003cp\u003eLe prénom qui ne revient pas, la page relue trois fois, l'esprit qui décroche en fin d'après-midi : on a tous des passages comme ça, avant un examen, dans une période chargée ou avec les années. Avant de chercher un complément alimentaire pour la mémoire et la concentration, regardez d'abord votre sommeil, votre stress et votre assiette : ils pèsent plus que tout le reste. Un complément vient ensuite, en renfort.\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 : commencez par les oméga 3. Le DHA contribue au fonctionnement normal du cerveau, à partir de 250 mg par jour.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa fatigue et la nervosité pèsent sur votre concentration\u003c\/strong\u003e : le magnésium et la vitamine B6 contribuent à réduire la fatigue et à des fonctions psychologiques normales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVous préparez un examen ou une période intense\u003c\/strong\u003e : une plante comme le brahmi ou un champignon comme le lion's mane, en cure de quelques semaines, et un café le matin pour la vigilance.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eQuel complément pour la mémoire et la concentration 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 préférez un seul produit\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003ePlantes, vitamines et nutriments de la mémoire réunis\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\/creacholine-stimulez-votre-cerveau-120-gelules-jade-recherche\" title=\"Créacholine – Jade Recherche\"\u003eCréacholine Jade Recherche\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/memorinda-memoire-et-concentration-jade-recherche\" title=\"Memorinda – Jade Recherche\"\u003eMemorinda Jade Recherche\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;\"\u003eVisez 250 mg de DHA par jour : il contribue au fonctionnement normal du cerveau\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;\"\u003eVous préparez un examen\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eTournez-vous vers le lion's mane, traditionnellement utilisé pour la clarté d'esprit, en gélules ou en gummies\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\/lions-mane-56-gelules-french-mush\" title=\"Lion's Mane – French Mush\"\u003eLion's Mane French Mush\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/focus-gummies-french-mush\" title=\"FOCUS gummies – French Mush\"\u003eFOCUS gummies French Mush\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 plantes de l'Ayurvéda\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLe brahmi, traditionnellement utilisé pour la mémoire, en cure de plusieurs semaines\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\/brahmi-bio-memoire-ayurvana-120-gelules\" title=\"Brahmi Bio 120 gélules – AyurVana\"\u003eBrahmi Bio 120 gélules AyurVana\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/brahmi-bio-et-vegan-en-gelules-graine-sauvage\" title=\"Brahmi Bio – Graine Sauvage\"\u003eBrahmi Bio Graine Sauvage\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;\"\u003eVous voulez le grand classique\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLe ginkgo, déconseillé sous anticoagulant\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\/gingko-bio-90-gelules-superdiet\" title=\"Ginkgo Biloba Bio – Superdiet\"\u003eGinkgo Biloba Bio Superdiet\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/ginkgo-biloba-60-gelules-tradition-du-soleil-levant\" title=\"Ginkgo Biloba – Tradition du Soleil Levant\"\u003eGinkgo Biloba Tradition du Soleil Levant\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;\"\u003eIl vous faut de la vigilance le jour même\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eComptez 75 mg de caféine, soit une tasse : elle contribue à augmenter la vigilance\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\/brainstoorm-super-cafe-aux-champignons-adaptogenes-gout-cafe-180g-mush-n-go\" title=\"Brainstoorm Super Café – Mush N Go\"\u003eBrainstoorm Super Café Mush N Go\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/super-cafe-adaptogene-mush-n-go\" title=\"Super Café adaptogène – Mush N Go\"\u003eSuper Café adaptogène Mush N Go\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;\"\u003eLa fatigue et la nervosité pèsent\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eAssociez la vitamine B6 au magnésium ou au zinc : elle contribue à des fonctions psychologiques normales\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\/bisglycinate-de-magnesium-vit-b6-180-gelules-qualidiet\" title=\"Bisglycinate de Magnésium \u0026amp; B6 – Qualidiet\"\u003eBisglycinate de Magnésium \u0026amp; B6 Qualidiet\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/zinc-bisglycinate-vit-b6-60-gelules-sfb-laboratoires\" title=\"Zinc Bisglycinate + Vit. B6 – SFB\"\u003eZinc Bisglycinate + Vit. B6 SFB\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eOméga 3, plantes ou café : comment les départager ?\u003c\/h2\u003e\n\u003cp\u003eLes \u003cstrong\u003eoméga 3\u003c\/strong\u003e sont notre point de départ si vous mangez rarement du poisson gras : avec le DHA, c'est le choix dont le rôle sur le cerveau est reconnu. Le \u003cstrong\u003ezinc\u003c\/strong\u003e, lui, contribue à une fonction cognitive normale.\u003c\/p\u003e\n\u003cp\u003eLe \u003cstrong\u003ebrahmi\u003c\/strong\u003e, ou bacopa, est traditionnellement utilisé en Ayurvéda pour la mémoire, le \u003cstrong\u003eginkgo\u003c\/strong\u003e en Occident pour accompagner la circulation. Le \u003cstrong\u003elion's mane\u003c\/strong\u003e, champignon consommé depuis longtemps en Asie, est aujourd'hui très recherché pour la clarté d'esprit. Ces usages traditionnels demandent plusieurs semaines de cure : ce ne sont pas des coups de fouet.\u003c\/p\u003e\n\u003cp\u003ePour un effet le jour même, c'est la \u003cstrong\u003ecaféine\u003c\/strong\u003e : environ 75 mg, soit une tasse de café, contribuent à augmenter la vigilance et la concentration. Nos cafés aux champignons associent les deux.\u003c\/p\u003e\n\u003ch2\u003eNos conseils pour un esprit vif\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eProtégez votre sommeil : c'est la nuit que le cerveau range ce que vous avez appris.\u003c\/li\u003e\n\u003cli\u003eFaites une pause toutes les 45 à 60 minutes et bougez un peu : la marche aide à se reconcentrer.\u003c\/li\u003e\n\u003cli\u003eÉvitez de cumuler café, guarana et boissons énergisantes le même jour.\u003c\/li\u003e\n\u003cli\u003eSi vous prenez un anticoagulant, demandez l'avis de votre médecin avant le ginkgo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEt si les oublis s'aggravent, gênent votre quotidien ou inquiètent vos proches, parlez-en à un médecin.\u003c\/p\u003e\n\u003ch2\u003eSelon ce qui vous freine\u003c\/h2\u003e\n\u003cp\u003eQuand c'est la fatigue qui brouille l'esprit, notre sélection \u003ca href=\"\/collections\/fatigue\"\u003efatigue et nervosité\u003c\/a\u003e est plus adaptée ; quand c'est le stress, celle de l'\u003ca href=\"\/collections\/anti-stress-anxiete\"\u003eanti-stress\u003c\/a\u003e. Deux plantes citées plus haut ont leur propre page : le \u003ca href=\"\/collections\/lions-mane\"\u003elion's mane\u003c\/a\u003e et le \u003ca href=\"\/collections\/ginkgo-biloba\"\u003eginkgo biloba\u003c\/a\u003e.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eVos questions sur la mémoire et la concentration\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur complément pour la mémoire et la concentration ?\u003c\/summary\u003e\n\u003cp\u003eCelui qui répond à votre situation. Vous mangez peu de poisson : les oméga 3, car le DHA contribue au fonctionnement normal du cerveau. Vous êtes fatigué et nerveux : le magnésium et la vitamine B6. Vous préférez les plantes : le brahmi, le ginkgo ou le lion's mane, en cure de quelques semaines.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle vitamine pour la mémoire ?\u003c\/summary\u003e\n\u003cp\u003eLes vitamines du groupe B sont les plus citées : les vitamines B6, B9 et B12 contribuent à des fonctions psychologiques normales et à réduire la fatigue. Côté minéraux, le zinc et le fer contribuent à une fonction cognitive normale. Et n'oubliez pas les oméga 3 : le DHA contribue au fonctionnement normal du cerveau.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes oméga 3 sont-ils bons pour le cerveau ?\u003c\/summary\u003e\n\u003cp\u003eOui : le DHA contribue au fonctionnement normal du cerveau, à partir de 250 mg par jour. Du poisson gras deux fois par semaine en apporte assez ; sinon, une huile de poisson ou un DHA d'algue peut compléter.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQu'est-ce que le lion's mane ?\u003c\/summary\u003e\n\u003cp\u003eLe lion's mane, ou hydne hérisson, est un champignon consommé depuis longtemps en Asie. Il est aujourd'hui recherché pour la clarté d'esprit et la concentration, en gélules, en gummies ou dans des cafés aux champignons.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de temps faut-il pour ressentir un effet ?\u003c\/summary\u003e\n\u003cp\u003eLa caféine agit en quelques dizaines de minutes. Pour les nutriments et les plantes, comptez une cure d'au moins 4 à 8 semaines, en l'associant à un bon sommeil.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuels aliments sont bons pour la mémoire ?\u003c\/summary\u003e\n\u003cp\u003eLes poissons gras (sardine, maquereau, saumon), les noix, les œufs, les légumes verts et les fruits rouges. Une alimentation variée de type méditerranéen reste la meilleure base.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuand consulter pour des troubles de la mémoire ?\u003c\/summary\u003e\n\u003cp\u003eSi les oublis s'aggravent, gênent votre quotidien, s'accompagnent de difficultés à trouver vos mots ou à vous orienter, ou inquiètent vos proches. Un complément ne remplace pas un avis médical.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n","products":[{"product_id":"cervomax-510-mg-60-gelules-qualidiet","title":"Cervomax 510 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"cv-premium\"\u003e\n\u003cdiv class=\"cv-hero\"\u003e\n\u003cdiv class=\"cv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cv-hero-content\"\u003e\n\u003cdiv class=\"cv-badges-top\"\u003e\n\u003cspan class=\"cv-badge\"\u003e🧠 Fonctions cérébrales\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e💊 60 gélules – 510 mg\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🦐 Huile de krill \u0026amp; lécithine marine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cv-hero-title\"\u003eCervomax 510 mg\u003c\/span\u003e\n\u003cp class=\"cv-subtitle\"\u003eSoutien des fonctions cérébrales par Qualidiet\u003c\/p\u003e\n\u003cp class=\"cv-description\"\u003eComplexe synergique de lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour la mémoire, la concentration et la vivacité intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eCervomax 510 mg : votre allié naturel pour la mémoire et la concentration\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eVous ressentez des baisses de concentration, des trous de mémoire ou une fatigue intellectuelle persistante ? \u003cstrong\u003eCervomax\u003c\/strong\u003e de \u003cstrong\u003eQualidiet\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire mémoire et concentration\u003c\/strong\u003e formulé à partir d'actifs naturels soigneusement sélectionnés. Chaque gélule de 510 mg associe lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour offrir un soutien global à vos fonctions cérébrales.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003ePourquoi choisir Cervomax pour soutenir vos fonctions cognitives ?\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eContrairement à de nombreux compléments qui misent sur un seul ingrédient, Cervomax propose une \u003cstrong\u003eformulation synergique\u003c\/strong\u003e combinant plusieurs familles de nutriments essentiels au bon fonctionnement du cerveau.\u003c\/p\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides indispensables à la structure des membranes neuronales, elle favorise la transmission de l'influx nerveux et contribue au maintien de la mémoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill riche en phospholipides\u003c\/h3\u003e\n\u003cp\u003eSa forme hautement biodisponible d'oméga-3 (EPA et DHA) participe au fonctionnement normal du cerveau et aide à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eNaturellement riches en \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e (notamment B6 et B12), elles soutiennent le métabolisme énergétique et contribuent à réduire la fatigue intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eCette micro-algue apporte des protéines complètes, du fer et des antioxydants qui participent à la vitalité globale de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine riche en \u003cstrong\u003ecalcium\u003c\/strong\u003e, elle contribue à la transmission normale des messages nerveux entre les neurones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-tip\"\u003e\n\u003cspan class=\"cv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCette combinaison fait de Cervomax l'un des \u003cstrong\u003emeilleurs compléments alimentaires mémoire concentration\u003c\/strong\u003e pour les personnes souhaitant préserver leur vivacité d'esprit au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Cervomax ?\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid-compact\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n\u003cp\u003eEn période de révisions ou d'examens, pour soutenir la concentration et la mémorisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n\u003cp\u003eSoumis à une charge mentale importante, qui ressentent une fatigue cognitive en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n\u003cp\u003eSouhaitant préserver leurs capacités intellectuelles et entretenir leur mémoire avec l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e✨ Tous les profils\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un coup de pouce naturel pour retrouver clarté mentale et performance intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cv-timeline\"\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas (petit-déjeuner et déjeuner).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eProgramme de 30 jours\u003c\/h3\u003e\n\u003cp\u003eUn flacon de 60 gélules correspond à un programme de \u003cstrong\u003e30 jours\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eCure recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, nous vous recommandons une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides essentiels pour les membranes neuronales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill\u003c\/h3\u003e\n\u003cp\u003eRiche en phospholipides et oméga-3 (EPA\/DHA) hautement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eApport naturel en vitamines du groupe B pour le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eRiche en protéines complètes et en fer pour la vitalité globale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine naturellement riche en calcium pour la transmission nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n\u003cp\u003eGélatine. Poids net : 36 g — 60 gélules de 510 mg.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"cv-testimonial\"\u003e\n\u003cp class=\"cv-testimonial-text\"\u003eCervomax est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e par Qualidiet, laboratoire reconnu pour son exigence en matière de sélection des matières premières et de contrôle qualité. Le processus de fabrication respecte les normes européennes les plus strictes, garantissant un produit pur, sûr et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cv-accordion\"\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"cv-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.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🦐 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques aux crustacés (huile de krill).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e👩⚕️ Cas particuliers\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cv-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 --cv-cream: #f4f1ed;\n --cv-white: #ffffff;\n --cv-primary: #1a3a7a;\n --cv-primary-dark: #0e2354;\n --cv-primary-light: #e8edf7;\n --cv-secondary: #c0272d;\n --cv-accent: #8b1a1e;\n --cv-text: #1a1a1a;\n --cv-text-light: #5a5a5a;\n --cv-border: #e0e0e0;\n --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cv-radius: 20px;\n --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 50%, var(--cv-secondary) 100%);\n border-radius: var(--cv-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(--cv-shadow-lg);\n}\n\n.cv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(192,39,45,.15) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cv-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(--cv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cv-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.cv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cv-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cv-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.cv-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(--cv-primary), var(--cv-secondary));\n border-radius: 2px;\n}\n\n.cv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-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.cv-card {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cv-shadow-lg);\n border-color: var(--cv-primary);\n}\n\n.cv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n font-size: 12px;\n}\n\n.cv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cv-primary), var(--cv-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.cv-timeline-content {\n flex: 1;\n background: var(--cv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cv-radius-sm);\n box-shadow: var(--cv-shadow);\n}\n\n.cv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n font-size: 14px;\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cv-testimonial {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cv-shadow);\n border-left: 4px solid var(--cv-primary);\n}\n\n.cv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cv-primary-light);\n border-radius: var(--cv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cv-tip p {\n font-size: 14px;\n color: var(--cv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cv-accordion {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n box-shadow: var(--cv-shadow);\n overflow: hidden;\n}\n\n.cv-accordion-item {\n border-bottom: 1px solid var(--cv-border);\n margin: 0;\n padding: 0;\n}\n\n.cv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cv-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.cv-accordion-header:hover {\n background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cv-primary);\n transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n content: '−';\n}\n\n.cv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cv-accordion-content p {\n margin: 0;\n}\n\n.cv-disclaimer {\n font-size: 12px;\n color: var(--cv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cv-card {\n padding: 1.125rem;\n }\n\n .cv-section {\n margin-bottom: 1.75rem;\n }\n\n .cv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cv-radius-sm);\n }\n\n .cv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cv-grid-compact {\n gap: .625rem;\n }\n\n .cv-grid-compact .cv-card {\n padding: .75rem;\n }\n\n .cv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cv-timeline-content h3 {\n font-size: 14px;\n }\n\n .cv-timeline-content p {\n font-size: 13px;\n }\n\n .cv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cv-testimonial {\n padding: 1.25rem;\n }\n\n .cv-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cv-card {\n animation: cvFadeInUp .5s ease backwards;\n }\n .cv-card:nth-child(1) { animation-delay: .05s; }\n .cv-card:nth-child(2) { animation-delay: .1s; }\n .cv-card:nth-child(3) { animation-delay: .15s; }\n .cv-card:nth-child(4) { animation-delay: .2s; }\n .cv-card:nth-child(5) { animation-delay: .25s; }\n .cv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754726973597,"sku":"REF161BIS","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cervomax-510-mg-60-gelules-vitalosmose-packshothd.webp?v=1773598761"},{"product_id":"lecithine-dorigine-marine-90-gelules-qualidiet","title":"Lécithine d'Origine Marine - 90 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lécithine d'Origine Marine - 90 Gélules\nPalette détectée:\n - Primaire: #1e5a8a (bleu marine profond du texte principal)\n - Secondaire: #4a9cc7 (bleu clair des vagues\/eau)\n - Accent: #c41e3a (rouge du logo Qualidiet)\nAmbiance: Marine, fraîcheur océanique, santé naturelle, produit pharmaceutique\/bien-être avec une touche aquatique et apaisante\nPréfixe CSS: lm\n--\u003e\n\n\u003cdiv class=\"lm-premium\"\u003e\n \n \u003cdiv class=\"lm-hero\"\u003e\n \u003cdiv class=\"lm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lm-hero-content\"\u003e\n \u003cdiv class=\"lm-badges-top\"\u003e\n \u003cspan class=\"lm-badge\"\u003e🐟 Origine marine\u003c\/span\u003e\n \u003cspan class=\"lm-badge\"\u003e🧠 Santé cognitive\u003c\/span\u003e\n \u003cspan class=\"lm-badge\"\u003e💊 90 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lm-hero-title\"\u003eLécithine d'origine marine\u003c\/span\u003e\n \u003cp class=\"lm-subtitle\"\u003e17% de phospholipides marins hautement concentrés\u003c\/p\u003e\n \u003cp class=\"lm-description\"\u003eRedécouvrez le pouvoir naturel de la lécithine marine pour soutenir votre circulation cérébrale et renforcer votre santé cognitive au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🌊 Bienfaits de la lécithine marine\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n \u003cp\u003eSoutient efficacement les capacités cognitives et la mémoire grâce aux phospholipides essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir l'équilibre des lipides dans le sang pour une meilleure santé du cœur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🩸 Circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eFavorise une circulation optimale du sang, notamment au niveau cérébral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e⚡ Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eApport en Omega-3 et acides gras indispensables au bon fonctionnement de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🐠 Phospholipides marins\u003c\/h3\u003e\n \u003cp\u003eIssus de poissons sauvages, hautement concentrés à \u003cstrong\u003e17%\u003c\/strong\u003e pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🌿 Omega-3\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels reconnus pour leurs bienfaits sur le cerveau et le système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eEnveloppe 100% d'origine végétale pour une meilleure tolérance digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lm-usage-box\"\u003e\n \u003cdiv class=\"lm-usage-step\"\u003e\n \u003cspan class=\"lm-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e3 gélules 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=\"lm-usage-step\"\u003e\n \u003cspan class=\"lm-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003edurant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-usage-step\"\u003e\n \u003cspan class=\"lm-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n \u003cp\u003eFlacon de 90 gélules = \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid-compact\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n \u003cp\u003eConcentration et mémoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n \u003cp\u003ePerformance cognitive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eMaintien des fonctions cérébrales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eRécupération et vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"lm-accordion\"\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e🌍 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eLes phospholipides de poissons proviennent de zones de pêche certifiées en gestion durable, reflétant notre engagement pour la préservation de l'environnement marin. Chaque étape de fabrication suit strictement les normes européennes, assurant un produit final pur, efficace et sécurisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne doit pas se substituer à une alimentation diversifiée et équilibrée et à un mode de vie sain. Veuillez consulter un professionnel de santé avant utilisation, en cas de grossesse, allaitement ou prise de médication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lm-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre cerveau le meilleur de l'océan avec la lécithine marine hautement concentrée en phospholipides !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lm-cream: #f5f9fc;\n --lm-white: #ffffff;\n --lm-primary: #1e5a8a;\n --lm-primary-dark: #0d3a5c;\n --lm-primary-light: #e8f4fc;\n --lm-secondary: #4a9cc7;\n --lm-accent: #c41e3a;\n --lm-text: #1a1a1a;\n --lm-text-light: #5a6a7a;\n --lm-border: #d8e8f0;\n --lm-shadow: 0 4px 24px rgba(30,90,138,.08);\n --lm-shadow-lg: 0 12px 48px rgba(30,90,138,.15);\n --lm-radius: 20px;\n --lm-radius-sm: 12px;\n}\n\n.lm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lm-hero {\n position: relative;\n background: linear-gradient(135deg, #0d3a5c 0%, #1e5a8a 40%, #4a9cc7 100%);\n border-radius: var(--lm-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(--lm-shadow-lg);\n}\n\n.lm-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='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M0 45 Q15 35 30 45 T60 45' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .08;\n}\n\n.lm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .625rem;\n margin-bottom: 1.5rem;\n}\n\n.lm-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(--lm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lm-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.lm-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.lm-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.lm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lm-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.lm-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(--lm-primary), var(--lm-secondary));\n border-radius: 2px;\n}\n\n.lm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lm-card {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lm-shadow-lg);\n border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lm-card-highlight {\n background: linear-gradient(145deg, var(--lm-white) 0%, var(--lm-primary-light) 100%);\n border: 2px solid var(--lm-border);\n}\n\n.lm-grid-compact .lm-card {\n padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n font-size: 12px;\n}\n\n.lm-usage-box {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lm-shadow);\n}\n\n.lm-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--lm-border);\n}\n\n.lm-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.lm-usage-step:first-child {\n padding-top: 0;\n}\n\n.lm-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-secondary) 100%);\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.lm-step-content h4 {\n font-size: 15px;\n font-weight: 700;\n color: var(--lm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lm-step-content p {\n font-size: 14px;\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lm-accordion {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n box-shadow: var(--lm-shadow);\n overflow: hidden;\n}\n\n.lm-accordion-item {\n border-bottom: 1px solid var(--lm-border);\n margin: 0;\n padding: 0;\n}\n\n.lm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lm-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.lm-accordion-header:hover {\n background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lm-primary);\n transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n content: '−';\n}\n\n.lm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.lm-accordion-content p {\n margin: 0;\n}\n\n.lm-cta-box {\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n border-radius: var(--lm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lm-cta-box::before {\n content: '';\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='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .1;\n}\n\n.lm-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .lm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .lm-card {\n padding: 1.125rem;\n }\n \n .lm-section {\n margin-bottom: 1.75rem;\n }\n \n .lm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lm-radius-sm);\n }\n \n .lm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .lm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .lm-grid-compact {\n gap: .625rem;\n }\n \n .lm-grid-compact .lm-card {\n padding: .75rem;\n }\n \n .lm-badges-top {\n gap: .5rem;\n }\n \n .lm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .lm-usage-box {\n padding: 1rem;\n }\n \n .lm-usage-step {\n gap: .75rem;\n padding: .75rem 0;\n }\n \n .lm-step-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .lm-step-content h4 {\n font-size: 14px;\n }\n \n .lm-step-content p {\n font-size: 13px;\n }\n \n .lm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .lm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .lm-card:nth-child(1) { animation-delay: .05s; }\n .lm-card:nth-child(2) { animation-delay: .1s; }\n .lm-card:nth-child(3) { animation-delay: .15s; }\n .lm-card:nth-child(4) { animation-delay: .2s; }\n .lm-card:nth-child(5) { animation-delay: .25s; }\n .lm-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 .lm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754729332893,"sku":"VO4535","price":16.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lecithine-dorigine-marine-90-gelules-vitalosmose-packshothd.webp?v=1774289804"},{"product_id":"bisglycinate-de-magnesium-vit-b6-90-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamine B6 - 90 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e⚡ Haute absorption\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🌿 Sans gluten · Sans lactose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eMagnésium chélaté hautement assimilable — 90 gélules\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eLa synergie optimale pour réduire la fatigue, apaiser le stress et soutenir vos muscles au quotidien, sans inconfort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la synergie haute absorption\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, irritabilité ou sommeil perturbé ? Votre corps vous envoie peut-être un signal clair : \u003cstrong\u003eun manque de magnésium\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧬 Forme chélatée\u003c\/h3\u003e\n \u003cp\u003eBisglycinate de magnésium lié à deux molécules de glycine pour une biodisponibilité supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🛡️ Tolérance digestive\u003c\/h3\u003e\n \u003cp\u003eFini les inconforts gastriques souvent associés aux compléments de magnésium classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔬 Vitamine B6 intégrée\u003c\/h3\u003e\n \u003cp\u003eLa pyridoxine améliore l'absorption cellulaire du magnésium et la synthèse de neurotransmetteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France selon des standards de qualité rigoureux. Convient aux végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePourquoi choisir le magnésium bisglycinate plutôt qu'une autre forme ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-comparison\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔗 Absorption optimale\u003c\/h3\u003e\n \u003cp\u003eLe bisglycinate de magnésium est lié à deux molécules de \u003cstrong\u003eglycine\u003c\/strong\u003e, un acide aminé qui facilite son passage à travers la barrière intestinale. Votre organisme absorbe une plus grande quantité de magnésium, sans provoquer de gêne digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚡ Le rôle clé de la vitamine B6\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 (pyridoxine hydrochloride) agit comme un véritable facilitateur : elle \u003cstrong\u003eaméliore l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de sérotonine et de GABA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏆 Duo complémentaire\u003c\/h3\u003e\n \u003cp\u003eL'association \u003cstrong\u003emagnésium et vitamine B6\u003c\/strong\u003e forme un duo particulièrement efficace, bien supérieur à une supplémentation en magnésium seul (oxyde ou citrate).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLe magnésium intervient dans plus de \u003cstrong\u003e300 réactions enzymatiques\u003c\/strong\u003e liées à la production d'énergie. Retrouvez votre vitalité dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧘 Équilibre nerveux et gestion du stress\u003c\/h3\u003e\n \u003cp\u003eLa combinaison vitamine B6 et magnésium soutient le système nerveux et aide à \u003cstrong\u003eapaiser les tensions\u003c\/strong\u003e accumulées au fil de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n \u003cp\u003eIdéal après une journée intense ou une séance de sport, le magnésium contribue au \u003cstrong\u003erelâchement musculaire\u003c\/strong\u003e et réduit les crampes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌙 Soutien de l'humeur et du sommeil\u003c\/h3\u003e\n \u003cp\u003eEn favorisant la synthèse de sérotonine, cette formule vous aide à retrouver un \u003cstrong\u003eétat d'esprit apaisé\u003c\/strong\u003e, notamment le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n \u003cp\u003eLe magnésium participe à la \u003cstrong\u003esolidité des os et des dents\u003c\/strong\u003e, un atout essentiel à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComposition pour 3 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition-box\"\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n \u003cp\u003eMagnésium chélaté hautement assimilable — forme premium pour une absorption maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🟡 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003ePyridoxine hydrochloride — facilite l'absorption cellulaire du magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-tip\"\u003e\n \u003cspan class=\"mg-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose\u003c\/strong\u003e, convient aux végétariens. Gélules de 550 mg — flacon de 90 gélules (cure de 30 jours). Poids net : 58 g. Fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mg-timeline\"\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eAstuce détente du soir\u003c\/h3\u003e\n \u003cp\u003eSi vous ressentez des tensions nerveuses en fin de journée, privilégiez la prise le soir au dîner : le bisglycinate de magnésium favorise la détente et prépare votre organisme au repos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement recommandée, renouvelable selon vos besoins. Vous pouvez fractionner la prise (1 gélule à chaque repas) pour un apport régulier.\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=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est conçu ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eSujettes au stress chronique, à l'irritabilité ou à la nervosité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😴 Fatigués et insomniaques\u003c\/h3\u003e\n \u003cp\u003eFatigue persistante, troubles du sommeil ou difficultés à récupérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eCrampes musculaires, récupération difficile après l'effort, besoin accru en magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e📚 Étudiants en période d'examens\u003c\/h3\u003e\n \u003cp\u003eConcentration, mémoire et gestion de la pression intellectuelle intensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre corps le magnésium qu'il mérite — haute absorption, zéro inconfort digestif, résultats concrets dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-disclaimer\"\u003e⚠️ Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez un professionnel de santé avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #f4f6fb;\n --mg-white: #ffffff;\n --mg-primary: #1a4f9c;\n --mg-primary-dark: #0d2f66;\n --mg-primary-light: #e8eff9;\n --mg-secondary: #2b7de9;\n --mg-accent: #c9a226;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a6270;\n --mg-border: #dde3ed;\n --mg-shadow: 0 4px 24px rgba(13, 47, 102, .07);\n --mg-shadow-lg: 0 12px 48px rgba(13, 47, 102, .13);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n border-radius: var(--mg-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(--mg-shadow-lg);\n}\n\n.mg-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(201,162,38,.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.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-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.mg-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: .01em;\n}\n\n.mg-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-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(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-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.mg-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(--mg-primary), var(--mg-accent));\n border-radius: 2px;\n}\n\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-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.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-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.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-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.mg-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.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-tip {\n padding: .875rem 1rem;\n }\n\n .mg-tip-icon {\n font-size: 20px;\n }\n\n .mg-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506749661561,"sku":"VO4601","price":20.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamine-b6-90-gelules-qualidiet-packshothd.webp?v=1786025950"},{"product_id":"bisglycinate-de-magnesium-vit-b6-180-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamines B6 - 180 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-content\"\u003e\n\u003cdiv class=\"mg-badges-top\"\u003e\n\u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e💊 180 gélules\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🧬 Haute absorption\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🌿 Convient aux végétariens\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa forme la plus assimilable pour retrouver énergie, sérénité et équilibre\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003e180 gélules de 550 mg · Programme complet de 2 mois · Sans gluten, sans lactose, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la forme la mieux assimilée par votre organisme\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, sommeil perturbé ou irritabilité passagère ? Votre corps vous envoie peut-être un signal clair : il manque de magnésium.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Haute assimilabilité\u003c\/h3\u003e\n\u003cp\u003eUne forme de magnésium chélaté qui traverse la paroi intestinale avec une efficacité remarquable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤢 Zéro gêne digestive\u003c\/h3\u003e\n\u003cp\u003eDoux pour l'estomac, sans ballonnements ni effet laxatif, même chez les personnes sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📅 Programme de 2 mois\u003c\/h3\u003e\n\u003cp\u003e180 gélules pour une cure complète de 8 semaines afin de restaurer vos réserves en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧘 Équilibre \u0026amp; sérénité\u003c\/h3\u003e\n\u003cp\u003eRetrouvez calme, énergie et qualité de sommeil grâce au duo magnésium + vitamine B6\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de magnésium plutôt qu'une autre forme ?\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eToutes les formes de magnésium ne se valent pas. Le magnésium bisglycinate se distingue nettement grâce à son processus de \u003cstrong\u003echélation\u003c\/strong\u003e : chaque atome de magnésium est lié à deux molécules de glycine, un acide aminé naturellement présent dans l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔬 Une absorption supérieure\u003c\/h3\u003e\n\u003cp\u003eLe magnésium bisglycinate traverse la paroi intestinale plus facilement que l'oxyde ou le citrate de magnésium, pour une biodisponibilité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🛡️ Aucune gêne digestive\u003c\/h3\u003e\n\u003cp\u003eContrairement aux formes classiques, il ne provoque ni ballonnements, ni effet laxatif, même chez les personnes au système digestif sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⏳ Une action prolongée\u003c\/h3\u003e\n\u003cp\u003eLa libération progressive du magnésium permet à votre organisme d'en tirer le meilleur bénéfice tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eLes bienfaits du magnésium bisglycinate associé à la vitamine B6\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eL'association vitamine B6 et magnésium n'est pas un hasard. La vitamine B6 joue un rôle de véritable catalyseur : elle \u003cstrong\u003efavorise l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de neurotransmetteurs comme la sérotonine et le GABA.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eCombattez efficacement la fatigue physique et mentale grâce à un apport optimal en magnésium hautement assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eSoutenez le bon fonctionnement de votre système nerveux et améliorez votre résistance au stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n\u003cp\u003eFavorisez la détente musculaire et accélérez la récupération après l'effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003eAméliorez la qualité de votre sommeil et la gestion du stress au quotidien grâce à la synergie magnésium-B6.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🦴 Ossature solide\u003c\/h3\u003e\n\u003cp\u003eParticipez au maintien d'une ossature solide grâce à l'action complémentaire du magnésium sur le métabolisme osseux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n\u003cp\u003e450 mg dont magnésium élémentaire hautement biodisponible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💛 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003e2 mg de pyridoxine (143 % des apports de référence)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌾 Agents de charge\u003c\/h3\u003e\n\u003cp\u003eCellulose microcristalline, stéarate de magnésium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌿 Enveloppe végétale\u003c\/h3\u003e\n\u003cp\u003eGélatine d'origine végétale (HPMC) – convient aux végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip\"\u003e\n\u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose, sans OGM\u003c\/strong\u003e. Convient aux végétariens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mg-timeline\"\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eRépartition optimale\u003c\/h3\u003e\n\u003cp\u003eVous pouvez répartir la prise : \u003cstrong\u003e2 gélules le matin\u003c\/strong\u003e et \u003cstrong\u003e1 gélule le soir\u003c\/strong\u003e pour une assimilation régulière, idéal si vous recherchez un soutien pour le sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, suivez une cure d'au moins \u003cstrong\u003e8 semaines\u003c\/strong\u003e consécutives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes compléments Qualidiet sont fabriqués en France selon des normes de qualité strictes et rigoureuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔒 Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de magnésium est obtenu par un procédé de chélation breveté, garantissant pureté et stabilité optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📋 Contrôle qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot est rigoureusement contrôlé pour vous offrir un produit fiable et traçable en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eEn phase de récupération après l'effort physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n\u003cp\u003ePersonnes soumises à un rythme de vie soutenu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n\u003cp\u003eEn période prémenstruelle pour retrouver confort et sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤝 Estomacs sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal si les autres formes de magnésium vous ont causé des inconforts digestifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. En cas de doute, 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\u003c\/section\u003e\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre organisme le magnésium qu'il mérite : hautement assimilable, doux pour l'estomac, renforcé par la vitamine B6. 180 gélules pour 2 mois de bien-être au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée · Tenir hors de portée des enfants · 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 --mg-cream: #f4f6fb;\n --mg-white: #ffffff;\n --mg-primary: #1a3a7a;\n --mg-primary-dark: #0e2554;\n --mg-primary-light: #e8edf7;\n --mg-secondary: #3b7dd8;\n --mg-accent: #5a9cf5;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #dde3ee;\n --mg-shadow: 0 4px 24px rgba(26, 58, 122, .08);\n --mg-shadow-lg: 0 12px 48px rgba(26, 58, 122, .15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n border-radius: var(--mg-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(--mg-shadow-lg);\n}\n\n.mg-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(90,156,245,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-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.mg-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,.12);\n}\n\n.mg-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-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(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-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.mg-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(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-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.mg-section-intro strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-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.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mg-timeline-content p strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-tip p strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-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.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-primary);\n transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-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.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-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 .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mg-badges-top {\n gap: 6px;\n }\n\n .mg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\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 .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506751660409,"sku":"MAGNESIUM180","price":26.62,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamines-b6-180-gelules-qualidiet-packshothd.webp?v=1784363006"},{"product_id":"hericium-500-mg-bio-60-gelules-qualidiet","title":"Héricium bio 500 Mg - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Héricium bio 500 mg - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AAF (bleu profond du titre \"HERICIUM\")\n - Secondaire: #4A9B4A (vert bio de \"Issu de l'Agriculture biologique\")\n - Accent: #C8352D (rouge du logo \"QUALIDIET\")\nAmbiance: Pharmaceutique\/médical, naturel\/bio, confiance, simplicité, pureté (fond blanc du packaging)\nPréfixe CSS: hrc\n--\u003e\n\n\u003cdiv class=\"hrc-premium\"\u003e\n \n \u003cdiv class=\"hrc-hero\"\u003e\n \u003cdiv class=\"hrc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hrc-hero-content\"\u003e\n \u003cdiv class=\"hrc-badges-top\"\u003e\n \u003cspan class=\"hrc-badge\"\u003e🍄 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🧠 Lion's Mane\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hrc-hero-title\"\u003eLion's mane Héricium bio 500 mg\u003c\/span\u003e\n \u003cp class=\"hrc-subtitle\"\u003eLe champignon de la mémoire et de la concentration\u003c\/p\u003e\n \u003cp class=\"hrc-description\"\u003eExtrait haute concentration avec \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e pour soutenir vos fonctions cognitives naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir ce lion's mane en gélule ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e⚡ Concentration exceptionnelle\u003c\/h3\u003e\n \u003cp\u003e60% de polysaccharides et 20% de bêta-glucanes, bien au-delà des standards du marché\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n \u003cp\u003e500 mg par gélule, plus généreux que les formules concurrentes à 400 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eCultivé selon les normes bio, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🥬 100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales en hypromellose, adaptées aux régimes végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française avec traçabilité et contrôle qualité rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs artificiels ni additifs controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🍄 Qu'est-ce que le lion's mane (Hericium erinaceus) ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-info-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eHericium erinaceus\u003c\/strong\u003e, surnommé \u003cstrong\u003eLion's Mane\u003c\/strong\u003e (crinière de lion) en raison de son apparence unique, est un champignon médicinal utilisé depuis des siècles en médecine traditionnelle asiatique.\u003c\/p\u003e\n \u003cp\u003eReconnaissable à ses longs filaments blancs, ce champignon fascine la communauté scientifique pour sa richesse en composés bioactifs spécifiques : les \u003cstrong\u003ehéricénones\u003c\/strong\u003e et les \u003cstrong\u003eérinacines\u003c\/strong\u003e. Ces molécules uniques peuvent traverser la barrière hémato-encéphalique et stimuler la production du facteur de croissance nerveux (NGF).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du lion's mane sur votre organisme\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFavorise la clarté mentale\u003c\/li\u003e\n \u003cli\u003eSoutient la mémoire au quotidien\u003c\/li\u003e\n \u003cli\u003eAccompagne la concentration intense\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eAccompagne face au stress\u003c\/li\u003e\n \u003cli\u003eFavorise le bien-être mental\u003c\/li\u003e\n \u003cli\u003eSoutient l'équilibre émotionnel\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003ePropriétés prébiotiques\u003c\/li\u003e\n \u003cli\u003eMuqueuse gastrique saine\u003c\/li\u003e\n \u003cli\u003eÉquilibre du microbiote\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Composition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"hrc-composition-box\"\u003e\n \u003cdiv class=\"hrc-composition-header\"\u003ePour 2 gélules (dose journalière)\u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-grid\"\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eExtrait d'Hericium erinaceus bio\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e1000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont polysaccharides\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e600 mg (60%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont bêta-glucanes\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e200 mg (20%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eEnveloppe gélule végétale\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003eHypromellose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hrc-steps\"\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eLe matin au petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eAdministration\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e2 à 3 mois, renouvelable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-tip\"\u003e\n \u003cstrong\u003e💡 Astuce synergie :\u003c\/strong\u003e Associez ce complément au Reishi ou Cordyceps en alternance pour une action renforcée sur les fonctions cognitives.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément à l'Héricium ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eEn période d'examens ou de révisions intensives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eSoumis à une charge mentale importante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eSouhaitant préserver leurs capacités cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eEn recherche d'un soutien naturel pour le système nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n \u003cp\u003ePour renforcer le confort intestinal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🏆 Qualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid-compact\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🔬 Extraction pure\u003c\/h3\u003e\n \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eBonnes pratiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n \u003cp\u003eAnalyses qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hrc-accordion\"\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e📦 Contenu du flacon\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003e60 gélules végétales de 500 mg, soit \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e à raison de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière indiquée.\u003c\/p\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable. En cas de traitement médical ou de pathologie, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical et n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hrc-cta-box\"\u003e\n \u003cp\u003e🍄 Offrez à votre cerveau le pouvoir ancestral du \u003cstrong\u003eLion's Mane\u003c\/strong\u003e avec une formule bio hautement concentrée. Mémoire, concentration et bien-être digestif réunis dans un seul complément d'excellence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hrc-cream: #f8f9fa;\n --hrc-white: #ffffff;\n --hrc-primary: #1E5AAF;\n --hrc-primary-dark: #14407a;\n --hrc-primary-light: #e8f0fa;\n --hrc-secondary: #4A9B4A;\n --hrc-secondary-light: #e8f5e8;\n --hrc-accent: #C8352D;\n --hrc-text: #1a1a1a;\n --hrc-text-light: #5a5a5a;\n --hrc-border: #e0e0e0;\n --hrc-shadow: 0 4px 24px rgba(30,90,175,.08);\n --hrc-shadow-lg: 0 12px 48px rgba(30,90,175,.15);\n --hrc-radius: 20px;\n --hrc-radius-sm: 12px;\n}\n\n.hrc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hrc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hrc-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AAF 0%, #2d6fc4 40%, #4A9B4A 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.hrc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hrc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.hrc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hrc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hrc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hrc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.hrc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.hrc-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.hrc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hrc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hrc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hrc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hrc-primary), var(--hrc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hrc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hrc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hrc-card {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hrc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hrc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hrc-shadow-lg);\n border-color: var(--hrc-primary);\n}\n\n.hrc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hrc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hrc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hrc-card-benefit {\n text-align: left;\n}\n\n.hrc-card-benefit ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n}\n\n.hrc-card-benefit li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text-light);\n padding: .35rem 0;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.hrc-card-benefit li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--hrc-secondary);\n font-weight: 700;\n}\n\n.hrc-grid-compact .hrc-card {\n padding: 1rem;\n}\n\n.hrc-grid-compact .hrc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hrc-grid-compact .hrc-card p {\n font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.hrc-info-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hrc-shadow);\n border-left: 5px solid var(--hrc-primary);\n}\n\n.hrc-info-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hrc-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.hrc-info-box p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-info-box strong {\n color: var(--hrc-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.hrc-composition-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n overflow: hidden;\n box-shadow: var(--hrc-shadow);\n}\n\n.hrc-composition-header {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-primary-dark) 100%);\n color: white;\n padding: 1rem 1.5rem;\n font-weight: 700;\n font-size: clamp(14px, 2.5vw, 16px);\n text-align: center;\n}\n\n.hrc-composition-grid {\n padding: 1rem;\n}\n\n.hrc-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1rem;\n border-bottom: 1px solid var(--hrc-border);\n}\n\n.hrc-composition-item:last-child {\n border-bottom: none;\n}\n\n.hrc-composition-sub {\n background: var(--hrc-primary-light);\n margin: 0 -1rem;\n padding-left: 2rem;\n}\n\n.hrc-composition-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text);\n}\n\n.hrc-composition-value {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 700;\n color: var(--hrc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.hrc-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.hrc-step {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: 1.5rem;\n box-shadow: var(--hrc-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n transition: all .3s ease;\n}\n\n.hrc-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.hrc-step-content h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hrc-step-content p {\n font-size: 14px;\n color: var(--hrc-text-light);\n margin: 0;\n}\n\n.hrc-tip {\n background: var(--hrc-secondary-light);\n border-radius: var(--hrc-radius-sm);\n padding: 1rem 1.25rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text);\n border-left: 4px solid var(--hrc-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.hrc-accordion {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n box-shadow: var(--hrc-shadow);\n overflow: hidden;\n}\n\n.hrc-accordion-item {\n border-bottom: 1px solid var(--hrc-border);\n margin: 0;\n padding: 0;\n}\n\n.hrc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hrc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hrc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hrc-accordion-header:hover {\n background: var(--hrc-primary-light);\n}\n\n.hrc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hrc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hrc-primary);\n transition: transform .2s ease;\n}\n\n.hrc-accordion-item[open] .hrc-accordion-header::after {\n content: '−';\n}\n\n.hrc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hrc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hrc-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.hrc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-accordion-content em {\n font-size: 13px;\n color: var(--hrc-text-light);\n}\n\n\/* === CTA === *\/\n.hrc-cta-box {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hrc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.hrc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.hrc-cta-box strong {\n color: white;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hrc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hrc-card {\n padding: 1.125rem;\n }\n \n .hrc-section {\n margin-bottom: 1.75rem;\n }\n \n .hrc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hrc-radius-sm);\n }\n \n .hrc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hrc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hrc-badges-top {\n gap: 8px;\n }\n \n .hrc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .hrc-grid-compact {\n gap: .625rem;\n }\n \n .hrc-grid-compact .hrc-card {\n padding: .75rem;\n }\n \n .hrc-steps {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .hrc-step {\n padding: 1rem;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .5rem;\n }\n \n .hrc-step-number {\n width: 36px;\n height: 36px;\n min-width: 36px;\n font-size: 16px;\n }\n \n .hrc-info-box {\n padding: 1.25rem;\n }\n \n .hrc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hrc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hrc-composition-item {\n padding: .75rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n \n .hrc-composition-sub {\n padding-left: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hrc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hrc-card:nth-child(1) { animation-delay: .05s; }\n .hrc-card:nth-child(2) { animation-delay: .1s; }\n .hrc-card:nth-child(3) { animation-delay: .15s; }\n .hrc-card:nth-child(4) { animation-delay: .2s; }\n .hrc-card:nth-child(5) { animation-delay: .25s; }\n .hrc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hrc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732183709,"sku":"VO4612","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hericium-bio-500-mg-60-gelules-qualidiet-packshothd.webp?v=1786024626"},{"product_id":"guarana-blanc-poudre-bio-50-g-sol-semilla","title":"Guarana Bio en Poudre - 50 g - Sol Semilla","description":"\u003cdiv class=\"gua-premium\"\u003e\n\u003cdiv class=\"gua-hero\"\u003e\n\u003cdiv class=\"gua-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gua-hero-content\"\u003e\n\u003cdiv class=\"gua-badges-top\"\u003e\n\u003cspan class=\"gua-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🇧🇷 Amazonie brésilienne\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🥄 16 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gua-hero-title\"\u003eGuarana Bio en Poudre\u003c\/span\u003e\n\u003cp class=\"gua-subtitle\"\u003eSol Semilla - Superaliments · 50 g\u003c\/p\u003e\n\u003cp class=\"gua-description\"\u003eUn concentré d'énergie amazonienne, cru et biologique, pour booster vos capacités physiques et mentales sans les pics du café.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003cp class=\"gua-section-intro\"\u003eVous cherchez une alternative naturelle au café pour soutenir votre énergie et votre concentration ?\u003c\/p\u003e\n\u003cdiv class=\"gua-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003epoudre de guarana bio Sol Semilla\u003c\/strong\u003e est faite pour vous. Issue de graines de \u003cstrong\u003eguarana blanc\u003c\/strong\u003e (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) récoltées à la main en Amazonie brésilienne, cette poudre crue et certifiée biologique vous offre un coup de boost progressif, sans les pics ni les chutes brutales associés au café classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003ePourquoi choisir le guarana en poudre plutôt que le café ?\u003c\/h2\u003e\n\u003cdiv class=\"gua-grid\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e⏳ Caféine à libération lente\u003c\/h3\u003e\n\u003cp\u003eContrairement au café, la caféine du guarana est liée à des tanins. Votre organisme l'assimile progressivement pour une \u003cstrong\u003eénergie stable et durable\u003c\/strong\u003e sur plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🧠 Concentration prolongée\u003c\/h3\u003e\n\u003cp\u003eIdéal lors d'une journée chargée, d'une session de travail intense ou avant une activité sportive. Pas de pic brutal, pas de crash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌿 Richesse naturelle\u003c\/h3\u003e\n\u003cp\u003eAu-delà de la caféine, le guarana bio apporte naturellement de la \u003cstrong\u003ethéobromine\u003c\/strong\u003e, des \u003cstrong\u003etanins\u003c\/strong\u003e et des \u003cstrong\u003eoligo-éléments\u003c\/strong\u003e pour améliorer les capacités physiques et mentales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComment utiliser cette poudre de guarana bio ?\u003c\/h2\u003e\n\u003cp class=\"gua-section-intro\"\u003eCe sachet de 50 g offre environ \u003cstrong\u003e16 portions\u003c\/strong\u003e. Voici nos recommandations pour en profiter pleinement :\u003c\/p\u003e\n\u003cdiv class=\"gua-timeline\"\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eTestez votre tolérance\u003c\/h3\u003e\n\u003cp\u003eCommencez par \u003cstrong\u003eune demi-cuillère à café\u003c\/strong\u003e (environ 2 g) pour évaluer votre sensibilité à la caféine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n\u003cp\u003eMontez jusqu'à \u003cstrong\u003eune cuillère à café rase\u003c\/strong\u003e (3 g) par jour si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eMélangez à vos recettes\u003c\/h3\u003e\n\u003cp\u003eIntégrez la poudre dans un \u003cstrong\u003esmoothie, un jus de fruits, une compote ou un yaourt végétal\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n\u003cp\u003ePrivilégiez une prise le \u003cstrong\u003ematin ou en début d'après-midi\u003c\/strong\u003e pour ne pas perturber votre sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût légèrement amer du guarana se marie très bien avec la banane, le cacao cru ou le lait d'amande. N'hésitez pas à l'intégrer dans vos recettes de boissons énergisantes maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n\u003cdiv class=\"gua-ingredient-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e 100 % graines de guarana blanc* (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) réduites en poudre fine.\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-grid-compact\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eContrôlé par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eSans lactose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eAdapté à tous les régimes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n\u003cp\u003eAmazonie - la graine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eUn produit éthique signé Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gua-testimonial\"\u003e\n\u003cp class=\"gua-testimonial-text\"\u003eLa marque \u003cstrong\u003eSol Semilla\u003c\/strong\u003e sélectionne ses superaliments directement auprès de communautés locales amazoniennes. Les graines de guarana sont récoltées manuellement dans le respect des traditions ancestrales et de la biodiversité. En choisissant cette \u003cstrong\u003epoudre de guarana bio\u003c\/strong\u003e, vous soutenez une filière équitable et des pratiques agricoles durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cp\u003eChaque lot est \u003cstrong\u003econtrôlé et élaboré par l'équipe Sol Semilla\u003c\/strong\u003e en France, garantissant une traçabilité complète et une qualité irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gua-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"gua-accordion\"\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes et aux personnes sensibles à la caféine. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"gua-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 --gua-cream: #faf6f0;\n --gua-white: #ffffff;\n --gua-primary: #c0442a;\n --gua-primary-dark: #8b2e1a;\n --gua-primary-light: #fbeee9;\n --gua-secondary: #d4973b;\n --gua-accent: #4a7c3f;\n --gua-text: #1a1a1a;\n --gua-text-light: #5a5a5a;\n --gua-border: #e8ddd2;\n --gua-shadow: 0 4px 24px rgba(139,46,26,.08);\n --gua-shadow-lg: 0 12px 48px rgba(139,46,26,.15);\n --gua-radius: 20px;\n --gua-radius-sm: 12px;\n}\n\n.gua-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gua-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gua-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gua-primary-dark) 0%, var(--gua-primary) 45%, var(--gua-secondary) 100%);\n border-radius: var(--gua-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(--gua-shadow-lg);\n}\n\n.gua-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,151,59,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gua-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gua-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gua-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(--gua-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gua-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gua-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.gua-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gua-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.gua-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gua-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gua-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.gua-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(--gua-primary), var(--gua-secondary));\n border-radius: 2px;\n}\n\n.gua-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gua-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.gua-section-intro strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-highlight-box {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gua-shadow);\n border-left: 4px solid var(--gua-secondary);\n}\n\n.gua-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gua-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.gua-highlight-box strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-card {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gua-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gua-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gua-shadow-lg);\n border-color: var(--gua-primary);\n}\n\n.gua-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gua-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gua-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gua-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gua-card p strong {\n color: var(--gua-text);\n}\n\n.gua-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gua-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gua-grid-compact .gua-card {\n padding: 1rem;\n}\n\n.gua-grid-compact .gua-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gua-grid-compact .gua-card p {\n font-size: 12px;\n}\n\n.gua-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gua-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gua-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gua-primary), var(--gua-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.gua-timeline-content {\n flex: 1;\n background: var(--gua-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gua-radius-sm);\n box-shadow: var(--gua-shadow);\n}\n\n.gua-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gua-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gua-timeline-content p {\n font-size: 14px;\n color: var(--gua-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gua-timeline-content p strong {\n color: var(--gua-text);\n}\n\n.gua-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gua-primary-light);\n border-radius: var(--gua-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gua-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gua-tip p {\n font-size: 14px;\n color: var(--gua-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.gua-tip p strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-ingredient-box {\n background: var(--gua-white);\n border-radius: var(--gua-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--gua-shadow);\n text-align: center;\n margin-bottom: 1.5rem;\n border: 2px solid var(--gua-border);\n}\n\n.gua-ingredient-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gua-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.gua-ingredient-box strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-testimonial {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gua-shadow);\n border-left: 4px solid var(--gua-accent);\n}\n\n.gua-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gua-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.gua-testimonial-text strong {\n color: var(--gua-primary-dark);\n font-style: normal;\n}\n\n.gua-accordion {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n box-shadow: var(--gua-shadow);\n overflow: hidden;\n}\n\n.gua-accordion-item {\n border-bottom: 1px solid var(--gua-border);\n margin: 0;\n padding: 0;\n}\n\n.gua-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gua-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gua-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.gua-accordion-header:hover {\n background: var(--gua-primary-light);\n}\n\n.gua-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gua-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gua-primary);\n transition: transform .2s ease;\n}\n\n.gua-accordion-item[open] .gua-accordion-header::after {\n content: '−';\n}\n\n.gua-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gua-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gua-accordion-content p {\n margin: 0;\n}\n\n.gua-accordion-content p strong {\n color: var(--gua-text);\n}\n\n.gua-disclaimer {\n font-size: 12px;\n color: var(--gua-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .gua-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gua-card {\n padding: 1.125rem;\n }\n\n .gua-section {\n margin-bottom: 1.75rem;\n }\n\n .gua-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gua-radius-sm);\n }\n\n .gua-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gua-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gua-grid-compact {\n gap: .625rem;\n }\n\n .gua-grid-compact .gua-card {\n padding: .75rem;\n }\n\n .gua-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gua-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gua-timeline-content h3 {\n font-size: 14px;\n }\n\n .gua-timeline-content p {\n font-size: 13px;\n }\n\n .gua-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gua-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gua-testimonial {\n padding: 1.25rem;\n }\n\n .gua-testimonial-text {\n font-size: 14px;\n }\n\n .gua-highlight-box {\n padding: 1.25rem;\n }\n\n .gua-ingredient-box {\n padding: 1rem 1.125rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gua-card {\n animation: guaFadeInUp .5s ease backwards;\n }\n .gua-card:nth-child(1) { animation-delay: .05s; }\n .gua-card:nth-child(2) { animation-delay: .1s; }\n .gua-card:nth-child(3) { animation-delay: .15s; }\n .gua-card:nth-child(4) { animation-delay: .2s; }\n .gua-card:nth-child(5) { animation-delay: .25s; }\n .gua-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes guaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gua-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755127169181,"sku":"REF1356","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guarana-bio-en-poudre-50-g-sol-semilla-lifestyle.webp?v=1772725070"},{"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":"memorinda-memoire-et-concentration-jade-recherche","title":"Memorinda - Mémoire \u0026 Concentration - Jade Recherche","description":"\u003cdiv class=\"memo-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"memo-hero\"\u003e\n\u003cdiv class=\"memo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"memo-hero-content\"\u003e\n\u003cdiv class=\"memo-badges-top\"\u003e\n\u003cspan class=\"memo-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e \u003cspan class=\"memo-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"memo-badge\"\u003e🔬 Jade Recherche\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"memo-hero-title\"\u003eMemorinda\u003c\/span\u003e\n\u003cp class=\"memo-subtitle\"\u003eRéveillez votre potentiel cognitif\u003c\/p\u003e\n\u003cp class=\"memo-description\"\u003eComplément alimentaire naturel associant plantes, algues et champignons pour stimuler la mémoire, la concentration et détoxifier l'organisme en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 : Composition --\u003e\n\u003csection class=\"memo-section\"\u003e\n\u003ch2\u003e🧠 Composition complète et dosage précis\u003c\/h2\u003e\n\u003cdiv class=\"memo-dosage-box\"\u003e\n\u003cdiv class=\"memo-dosage-item\"\u003e\n\u003cspan class=\"memo-dosage-number\"\u003e60 ou 180\u003c\/span\u003e \u003cspan class=\"memo-dosage-label\"\u003egélules selon format\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-dosage-item\"\u003e\n\u003cspan class=\"memo-dosage-number\"\u003e2-3\u003c\/span\u003e \u003cspan class=\"memo-dosage-label\"\u003egélules par jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-dosage-item\"\u003e\n\u003cspan class=\"memo-dosage-number\"\u003e30-90\u003c\/span\u003e \u003cspan class=\"memo-dosage-label\"\u003ejours de cure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"memo-section-intro\"\u003ePosologie : \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, à prendre avec un grand verre d'eau, au cours d'un repas.\u003c\/p\u003e\n\u003cdiv class=\"memo-grid\"\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🍈 Noni (Morinda citrifolia)\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e600 mg\u003c\/p\u003e\n\u003cp\u003eRiche en antioxydants pour protéger les neurones du stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🦁 Héricium erinaceus\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e450 mg\u003c\/p\u003e\n\u003cp\u003eLe \"Lion's Mane\" : favorise la neurogénèse et améliore la concentration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🌀 Spiruline\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e300 mg\u003c\/p\u003e\n\u003cp\u003eSource de protéines, fer et vitamines pour une énergie cérébrale durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🟢 Chlorella\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e200 mg\u003c\/p\u003e\n\u003cp\u003eAlgue détoxifiante, aide à l'élimination des métaux lourds\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Ginseng (Panax)\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e150 mg\u003c\/p\u003e\n\u003cp\u003ePlante adaptogène reconnue pour soutenir la mémoire et la vigilance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🍒 Acérola\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e100 mg (700 mg fruit)\u003c\/p\u003e\n\u003cp\u003eVitamine C naturelle, booste les défenses et protège les cellules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card memo-card-ingredient\"\u003e\n\u003ch3\u003e🍇 Extrait pépins de raisin\u003c\/h3\u003e\n\u003cp class=\"memo-dose\"\u003e80 mg\u003c\/p\u003e\n\u003cp\u003eRiche en proanthocyanidines, puissant antioxydant cérébral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 : Bienfaits --\u003e\n\u003csection class=\"memo-section\"\u003e\n\u003ch2\u003e🎯 Les bienfaits de Mémorinda sur la mémoire \u0026amp; la concentration\u003c\/h2\u003e\n\u003cdiv class=\"memo-grid\"\u003e\n\u003cdiv class=\"memo-card\"\u003e\n\u003ch3\u003e🧠 Améliorer la mémoire\u003c\/h3\u003e\n\u003cp\u003eStimulation de la plasticité neuronale grâce à l'Héricium et aux antioxydants ciblés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card\"\u003e\n\u003ch3\u003e🎯 Optimiser la concentration\u003c\/h3\u003e\n\u003cp\u003eMeilleure circulation sanguine cérébrale et vitalité globale pour rester focus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card\"\u003e\n\u003ch3\u003e🧹 Détoxifier l'organisme\u003c\/h3\u003e\n\u003cp\u003eÉlimination des métaux lourds (chlorella) et protection anti-oxydante complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-card\"\u003e\n\u003ch3\u003e🛡️ Renforcer les défenses\u003c\/h3\u003e\n\u003cp\u003eVitamine C naturelle et adaptogènes pour lutter efficacement contre le stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-tip\"\u003e\n\u003cspan class=\"memo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eIdéal pour :\u003c\/strong\u003e étudiants en période d'examens, actifs sous pression, seniors souhaitant préserver leur vivacité d'esprit… ou toute personne désirant booster ses capacités intellectuelles naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 : Conseils --\u003e\n\u003csection class=\"memo-section\"\u003e\n\u003ch2\u003e✅ Conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"memo-timeline\"\u003e\n\u003cdiv class=\"memo-timeline-item\"\u003e\n\u003cdiv class=\"memo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"memo-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 à 6 mois\u003c\/strong\u003e pour découvrir les effets cumulés sur vos fonctions cognitives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-timeline-item\"\u003e\n\u003cdiv class=\"memo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"memo-timeline-content\"\u003e\n\u003ch3\u003ePrise régulière\u003c\/h3\u003e\n\u003cp\u003eChaque jour, idéalement à la même heure pour maximiser l'adhésion et les résultats\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-timeline-item\"\u003e\n\u003cdiv class=\"memo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"memo-timeline-content\"\u003e\n\u003ch3\u003eHygiène de vie\u003c\/h3\u003e\n\u003cp\u003eComplétez avec un bon sommeil, une activité physique régulière et une hydratation suffisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"memo-accordion\"\u003e\n\u003cdetails class=\"memo-accordion-item\"\u003e\n\u003csummary class=\"memo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"memo-accordion-content\"\u003e\n\u003cp\u003eNe remplace pas un traitement médical. Consultez un professionnel de santé en cas de pathologie ou traitement chronique. Déconseillé aux femmes enceintes et allaitantes. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"memo-accordion-item\"\u003e\n\u003csummary class=\"memo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"memo-accordion-content\"\u003e\n\u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"memo-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"memo-cta-box\"\u003e\n\u003cp\u003e🧠 Offrez à votre cerveau le meilleur de la nature avec \u003cstrong\u003eMemorinda\u003c\/strong\u003e — formule exclusive Jade Recherche pour une mémoire vive et une concentration optimale !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"memo-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS MEMORINDA === *\/\n:root {\n --memo-cream: #f8faf5;\n --memo-white: #ffffff;\n --memo-primary: #4CAF50;\n --memo-primary-dark: #2e7d32;\n --memo-primary-light: #e8f5e9;\n --memo-secondary: #2196F3;\n --memo-secondary-light: #e3f2fd;\n --memo-accent: #FFD700;\n --memo-accent-dark: #f9a825;\n --memo-text: #1a1a1a;\n --memo-text-light: #5a5a5a;\n --memo-border: #e0e0e0;\n --memo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --memo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --memo-radius: 20px;\n --memo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.memo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--memo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.memo-hero {\n position: relative;\n background: linear-gradient(135deg, var(--memo-secondary) 0%, var(--memo-primary) 50%, var(--memo-primary-dark) 100%);\n border-radius: var(--memo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--memo-shadow-lg);\n}\n\n.memo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,215,0,.2) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 30%);\n opacity: 1;\n}\n\n.memo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.memo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.memo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--memo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.memo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.memo-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.memo-subtitle {\n color: var(--memo-accent);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.memo-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.memo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.memo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--memo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.memo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--memo-secondary), var(--memo-primary));\n border-radius: 2px;\n}\n\n.memo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--memo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === DOSAGE BOX === *\/\n.memo-dosage-box {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.memo-dosage-item {\n background: linear-gradient(135deg, var(--memo-secondary) 0%, var(--memo-primary) 100%);\n border-radius: var(--memo-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n min-width: 120px;\n box-shadow: var(--memo-shadow);\n}\n\n.memo-dosage-number {\n display: block;\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.memo-dosage-label {\n display: block;\n font-size: 12px;\n color: rgba(255,255,255,.9);\n margin-top: 4px;\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.memo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.memo-card {\n background: var(--memo-white);\n border-radius: var(--memo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--memo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.memo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--memo-shadow-lg);\n border-color: var(--memo-primary);\n}\n\n.memo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--memo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.memo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--memo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (avec dosage) === *\/\n.memo-card-ingredient .memo-dose {\n display: inline-block;\n background: linear-gradient(135deg, var(--memo-accent), var(--memo-accent-dark));\n color: var(--memo-text);\n font-size: 13px;\n font-weight: 800;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n\/* === TIP BOX === *\/\n.memo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--memo-secondary-light);\n border-radius: var(--memo-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--memo-secondary);\n}\n\n.memo-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.memo-tip p {\n font-size: 15px;\n color: var(--memo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.memo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.memo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.memo-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--memo-secondary), var(--memo-primary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(76,175,80,.3);\n}\n\n.memo-timeline-content {\n flex: 1;\n background: var(--memo-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--memo-radius-sm);\n box-shadow: var(--memo-shadow);\n}\n\n.memo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--memo-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.memo-timeline-content p {\n font-size: 14px;\n color: var(--memo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.memo-accordion {\n background: var(--memo-white);\n border-radius: var(--memo-radius);\n box-shadow: var(--memo-shadow);\n overflow: hidden;\n}\n\n.memo-accordion-item {\n border-bottom: 1px solid var(--memo-border);\n margin: 0;\n padding: 0;\n}\n\n.memo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.memo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--memo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.memo-accordion-header:hover {\n background: var(--memo-primary-light);\n}\n\n.memo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.memo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--memo-primary);\n transition: transform .2s ease;\n}\n\n.memo-accordion-item[open] .memo-accordion-header::after {\n content: '−';\n}\n\n.memo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--memo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.memo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.memo-cta-box {\n background: linear-gradient(135deg, var(--memo-primary) 0%, var(--memo-secondary) 100%);\n border-radius: var(--memo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.memo-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,215,0,.15) 0%, transparent 50%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.memo-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.memo-disclaimer {\n font-size: 12px;\n color: var(--memo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .memo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .memo-card {\n padding: 1.125rem;\n }\n \n .memo-section {\n margin-bottom: 1.75rem;\n }\n \n .memo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--memo-radius-sm);\n }\n \n .memo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .memo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .memo-dosage-box {\n gap: .75rem;\n }\n \n .memo-dosage-item {\n padding: .875rem 1rem;\n min-width: 100px;\n }\n \n .memo-dosage-number {\n font-size: 22px;\n }\n \n .memo-dosage-label {\n font-size: 11px;\n }\n \n .memo-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .memo-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .memo-timeline-content h3 {\n font-size: 14px;\n }\n \n .memo-timeline-content p {\n font-size: 13px;\n }\n \n .memo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .memo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .memo-tip {\n padding: 1rem;\n gap: .75rem;\n }\n \n .memo-tip-icon {\n font-size: 24px;\n }\n \n .memo-tip p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .memo-card {\n animation: fadeInUp .5s ease backwards;\n }\n .memo-card:nth-child(1) { animation-delay: .05s; }\n .memo-card:nth-child(2) { animation-delay: .1s; }\n .memo-card:nth-child(3) { animation-delay: .15s; }\n .memo-card:nth-child(4) { animation-delay: .2s; }\n .memo-card:nth-child(5) { animation-delay: .25s; }\n .memo-card:nth-child(6) { animation-delay: .3s; }\n .memo-card:nth-child(7) { animation-delay: .35s; }\n \n .memo-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .memo-timeline-item:nth-child(1) { animation-delay: .1s; }\n .memo-timeline-item:nth-child(2) { animation-delay: .2s; }\n .memo-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .memo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .memo-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"60 gélules","offer_id":56167821836665,"sku":"MEMORINDA-1","price":34.99,"currency_code":"EUR","in_stock":true},{"title":"180 gélules","offer_id":56167821869433,"sku":"MEMORINDA-2","price":89.5,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/memorinda_jade_recherche-min.jpg?v=1758476452"},{"product_id":"brahmi-bio-60-gelules-ayurvana","title":"Brahmi Bacopa monnieri 60 gélules - Mémoire - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brahmi Bacopa monnieri 60 gélules - Mémoire - AyurVana\nPalette détectée:\n - Primaire: #6B4C6E (violet prune du packaging - capuchon et base)\n - Secondaire: #8BC34A (vert nature des feuilles de la plante)\n - Accent: #F5E6A3 (beige doré\/crème du corps du packaging)\n - Fond: #FBF8F3 (crème très clair, ambiance naturelle)\nAmbiance: Ayurvédique\/naturel, sagesse ancestrale, sérénité, bien-être holistique, tradition indienne\nPréfixe CSS: bm (pour Brahmi Memory)\n--\u003e\n\n\u003cdiv class=\"bm-premium\"\u003e\n \n \u003cdiv class=\"bm-hero\"\u003e\n \u003cdiv class=\"bm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bm-hero-content\"\u003e\n \u003cdiv class=\"bm-badges-top\"\u003e\n \u003cspan class=\"bm-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e\n \u003cspan class=\"bm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bm-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bm-hero-title\"\u003eBrahmi Bacopa monnieri\u003c\/span\u003e\n \u003cp class=\"bm-subtitle\"\u003eLe secret ayurvédique pour une mémoire vive\u003c\/p\u003e\n \u003cp class=\"bm-description\"\u003eExtrait titré à 20% de bacosides • 60 gélules végétales • Tradition millénaire indienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir les gélules de Brahmi ?\u003c\/h2\u003e\n \u003cdiv class=\"bm-grid\"\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🧠 Soutien cognitif puissant\u003c\/h3\u003e\n \u003cp\u003eFavorise la transmission nerveuse et l'encodage des informations pour une mémorisation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLes bacosides protègent vos cellules cérébrales contre le stress oxydatif quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🧘 Action adaptogène\u003c\/h3\u003e\n \u003cp\u003eAide votre organisme à mieux gérer le stress qui brouille la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e💧 Microcirculation cérébrale\u003c\/h3\u003e\n \u003cp\u003eSoutient une bonne irrigation du cerveau pour des fonctions cognitives optimales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e😌 Calme vigilant\u003c\/h3\u003e\n \u003cp\u003eApaise l'esprit sans induire de somnolence, idéal pour la concentration prolongée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e📜 3000 ans de sagesse\u003c\/h3\u003e\n \u003cp\u003ePlante « medhya rasayana » utilisée par les érudits indiens depuis des millénaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003e🎯 Pour qui est ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"bm-grid\"\u003e\n \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eSoutien mémorisation intensive et clarté mentale en période d'examens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003ePrésentations, dossiers complexes, prises de décision multiples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003ePréservez votre vivacité intellectuelle et accompagnez le vieillissement cognitif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eRetrouvez votre concentration quand l'anxiété vous perturbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n \u003ch3\u003e🎨 Créatifs\u003c\/h3\u003e\n \u003cp\u003eFavorisez la fluidité de pensée et la clarté des idées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card bm-card-profile\"\u003e\n \u003ch3\u003e🧩 Intellectuels\u003c\/h3\u003e\n \u003cp\u003eMaintenez vos performances lors d'efforts mentaux prolongés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"bm-composition-box\"\u003e\n \u003cdiv class=\"bm-composition-header\"\u003e\n \u003cspan class=\"bm-dose-label\"\u003ePour 6 gélules (dose journalière)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-grid\"\u003e\n \u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Extrait de Brahmi\u003c\/h3\u003e\n \u003cp class=\"bm-dosage\"\u003e1 800 mg\u003c\/p\u003e\n \u003cp\u003eBacopa monnieri de haute qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n \u003ch3\u003e⚡ Bacosides actifs\u003c\/h3\u003e\n \u003cp class=\"bm-dosage\"\u003e360 mg\u003c\/p\u003e\n \u003cp\u003eTitrage à 20% pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card bm-card-ingredient\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp class=\"bm-dosage\"\u003eHypromellose\u003c\/p\u003e\n \u003cp\u003e100% végétal, convient aux végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-sans-list\"\u003e\n \u003cspan class=\"bm-sans-badge\"\u003eSans gluten\u003c\/span\u003e\n \u003cspan class=\"bm-sans-badge\"\u003eSans lactose\u003c\/span\u003e\n \u003cspan class=\"bm-sans-badge\"\u003eSans colorants\u003c\/span\u003e\n \u003cspan class=\"bm-sans-badge\"\u003eSans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi optimal\u003c\/h2\u003e\n \u003cdiv class=\"bm-timeline\"\u003e\n \u003cdiv class=\"bm-timeline-item\"\u003e\n \u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules avant chaque repas\u003c\/strong\u003e (matin, midi, soir) avec un grand verre d'eau, soit 6 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-item\"\u003e\n \u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-content\"\u003e\n \u003ch3\u003eAnticipez vos besoins\u003c\/h3\u003e\n \u003cp\u003eCommencez votre cure \u003cstrong\u003e2 à 3 semaines avant\u003c\/strong\u003e une période d'examens ou de charge mentale intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-item\"\u003e\n \u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-content\"\u003e\n \u003ch3\u003eRégularité = résultats\u003c\/h3\u003e\n \u003cp\u003eLe Brahmi agit progressivement. Une prise régulière est plus efficace qu'une utilisation ponctuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-item\"\u003e\n \u003cdiv class=\"bm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e1 pilulier = 10 jours. Pour une cure complète, prévoyez \u003cstrong\u003e2 à 3 piluliers\u003c\/strong\u003e (1 à 1,5 mois).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"bm-accordion\"\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n \u003cp\u003eLe Brahmi agit en profondeur et progressivement. La plupart des utilisateurs rapportent une amélioration notable après \u003cstrong\u003e2 à 4 semaines\u003c\/strong\u003e de prise régulière. Les meilleurs résultats s'observent sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e💊 Puis-je le combiner avec d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n \u003cp\u003eLe Brahmi se combine généralement bien avec d'autres plantes adaptogènes ou compléments pour la cognition. En cas de doute ou si vous prenez des médicaments, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e😴 Le Brahmi provoque-t-il de la somnolence ?\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n \u003cp\u003eNon, le Brahmi possède un effet apaisant sur le stress \u003cstrong\u003esans induire de somnolence\u003c\/strong\u003e. Il favorise un état de calme vigilant, idéal pour la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e🌱 Ce produit convient-il aux végétaliens ?\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n \u003cp\u003eAbsolument. Les gélules sont 100% végétales (hypromellose) et la formule ne contient aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bm-accordion\"\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Bien refermer le pilulier après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière de 6 gélules. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médical, consultez votre professionnel de santé. Ce complément ne remplace pas une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content mt-1\"\u003e\n \u003cp\u003eFabriqué en France selon des normes rigoureuses. AyurVana perpétue la tradition ayurvédique millénaire en l'adaptant aux exigences de qualité contemporaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bm-cta-box\"\u003e\n \u003cdiv class=\"bm-cta-icon\"\u003e🧠\u003c\/div\u003e\n \u003cp\u003eOffrez à votre esprit le soutien naturel qu'il mérite grâce à \u003cstrong\u003e3000 ans de sagesse ayurvédique\u003c\/strong\u003e.\u003cbr\u003eClarté mentale, mémoire renforcée, concentration optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bm-cream: #FBF8F3;\n --bm-white: #ffffff;\n --bm-primary: #6B4C6E;\n --bm-primary-dark: #4A3350;\n --bm-primary-light: #F3EDF4;\n --bm-secondary: #8BC34A;\n --bm-secondary-dark: #689F38;\n --bm-accent: #E8D59E;\n --bm-text: #1a1a1a;\n --bm-text-light: #5a5a5a;\n --bm-border: #e0e0e0;\n --bm-shadow: 0 4px 24px rgba(107,76,110,.08);\n --bm-shadow-lg: 0 12px 48px rgba(107,76,110,.15);\n --bm-radius: 20px;\n --bm-radius-sm: 12px;\n}\n\n.bm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n position: relative;\n background: linear-gradient(135deg, #6B4C6E 0%, #8B6B8E 40%, #4A3350 100%);\n border-radius: var(--bm-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(--bm-shadow-lg);\n}\n\n.bm-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 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.06'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.bm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bm-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(--bm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bm-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.bm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.bm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bm-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.bm-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(--bm-primary), var(--bm-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bm-shadow-lg);\n border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD PROFILES === *\/\n.bm-card-profile {\n background: linear-gradient(135deg, var(--bm-white) 0%, var(--bm-primary-light) 100%);\n}\n\n\/* === COMPOSITION BOX === *\/\n.bm-composition-box {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bm-shadow);\n border: 2px solid var(--bm-primary-light);\n}\n\n.bm-composition-header {\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.bm-dose-label {\n display: inline-block;\n background: var(--bm-primary);\n color: white;\n padding: 8px 20px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n}\n\n.bm-card-ingredient {\n background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n border: 1px solid var(--bm-primary-light);\n}\n\n.bm-dosage {\n font-size: clamp(20px, 4vw, 28px) !important;\n font-weight: 900 !important;\n color: var(--bm-primary) !important;\n margin: .5rem 0 !important;\n}\n\n.bm-sans-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px solid var(--bm-border);\n}\n\n.bm-sans-badge {\n display: inline-flex;\n align-items: center;\n padding: 6px 14px;\n background: var(--bm-secondary);\n color: white;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n position: relative;\n padding-left: 50px;\n}\n\n.bm-timeline::before {\n content: '';\n position: absolute;\n left: 20px;\n top: 0;\n bottom: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--bm-primary), var(--bm-secondary));\n border-radius: 2px;\n}\n\n.bm-timeline-item {\n position: relative;\n margin-bottom: 1.5rem;\n background: var(--bm-white);\n border-radius: var(--bm-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--bm-shadow);\n transition: all .3s ease;\n}\n\n.bm-timeline-item:last-child {\n margin-bottom: 0;\n}\n\n.bm-timeline-item:hover {\n transform: translateX(5px);\n box-shadow: var(--bm-shadow-lg);\n}\n\n.bm-timeline-number {\n position: absolute;\n left: -50px;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bm-primary), var(--bm-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107,76,110,.3);\n}\n\n.bm-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bm-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.bm-timeline-content p {\n font-size: 14px;\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n box-shadow: var(--bm-shadow);\n overflow: hidden;\n}\n\n.bm-accordion-item {\n border-bottom: 1px solid var(--bm-border);\n margin: 0;\n padding: 0;\n}\n\n.bm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bm-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.bm-accordion-header:hover {\n background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bm-primary);\n transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n content: '−';\n}\n\n.bm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bm-accordion-content p {\n margin: 0;\n}\n\n.mt-1 {\n margin-top: 5px;\n}\n\n\/* === CTA BOX === *\/\n.bm-cta-box {\n background: linear-gradient(135deg, var(--bm-primary) 0%, var(--bm-primary-dark) 100%);\n border-radius: var(--bm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bm-cta-box::before {\n content: '';\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 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.bm-cta-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.bm-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\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bm-card {\n padding: 1.125rem;\n }\n \n .bm-section {\n margin-bottom: 1.75rem;\n }\n \n .bm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bm-radius-sm);\n }\n \n .bm-badges-top {\n gap: 8px;\n margin-bottom: 1.25rem;\n }\n \n .bm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .bm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bm-timeline {\n padding-left: 45px;\n }\n \n .bm-timeline::before {\n left: 17px;\n }\n \n .bm-timeline-number {\n width: 34px;\n height: 34px;\n font-size: 14px;\n left: -45px;\n }\n \n .bm-timeline-item {\n padding: 1rem;\n margin-bottom: 1rem;\n }\n \n .bm-timeline-content h3 {\n font-size: 14px;\n }\n \n .bm-timeline-content p {\n font-size: 13px;\n }\n \n .bm-composition-box {\n padding: 1.25rem;\n }\n \n .bm-sans-list {\n gap: 8px;\n margin-top: 1rem;\n padding-top: 1rem;\n }\n \n .bm-sans-badge {\n padding: 5px 10px;\n font-size: 11px;\n }\n \n .bm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bm-card:nth-child(1) { animation-delay: .05s; }\n .bm-card:nth-child(2) { animation-delay: .1s; }\n .bm-card:nth-child(3) { animation-delay: .15s; }\n .bm-card:nth-child(4) { animation-delay: .2s; }\n .bm-card:nth-child(5) { animation-delay: .25s; }\n .bm-card:nth-child(6) { animation-delay: .3s; }\n \n .bm-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .bm-timeline-item:nth-child(1) { animation-delay: .1s; }\n .bm-timeline-item:nth-child(2) { animation-delay: .2s; }\n .bm-timeline-item:nth-child(3) { animation-delay: .3s; }\n .bm-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45811344605341,"sku":"AY9092CC","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brahmi-bacopa-monnieri-60-gelules-memoire-ayurvana-ingredients.jpg?v=1768136625"},{"product_id":"creacholine-stimulez-votre-cerveau-120-gelules-jade-recherche","title":"Créacholine de Jade Recherche - Stimulez votre Cerveau - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Créacholine - Complément alimentaire mémoire et concentration\nPalette détectée:\n - Primaire: #2E8B57 (vert prairie du packaging, zone centrale)\n - Secondaire: #4169E1 (bleu royal du titre \"Créacholine\")\n - Accent: #FFD700 (doré\/jaune des vagues décoratives)\n - Background: #1E90FF (bleu ciel du dégradé supérieur)\nAmbiance: Naturel\/santé, frais, dynamique avec touches de nature (herbe, ciel, soleil)\nPréfixe CSS: crea\n--\u003e\n\n\u003cdiv class=\"crea-premium\"\u003e\n \n \u003cdiv class=\"crea-hero\"\u003e\n \u003cdiv class=\"crea-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"crea-hero-content\"\u003e\n \u003cdiv class=\"crea-badges-top\"\u003e\n \u003cspan class=\"crea-badge\"\u003e🧠 7 actifs synergiques\u003c\/span\u003e\n \u003cspan class=\"crea-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"crea-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"crea-hero-title\"\u003eCréacholine\u003c\/span\u003e\n \u003cp class=\"crea-subtitle\"\u003eLe duo gagnant pour votre cerveau\u003c\/p\u003e\n \u003cp class=\"crea-description\"\u003eFormule complète associant 7 actifs pour soutenir mémoire, concentration et vivacité intellectuelle. Agit sur l'acétylcholine, le neurotransmetteur clé de vos performances cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits concrets\u003c\/h2\u003e\n \u003cdiv class=\"crea-grid\"\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🧠 Mémoire renforcée\u003c\/h3\u003e\n \u003cp\u003eLa phosphatidylsérine et l'acétyl L-carnitine favorisent la transmission des informations entre neurones, soutenant la mémoire court et long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eLe Ginkgo biloba et le Ginseng stimulent la vigilance et la clarté mentale pour rester focus sur vos tâches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eL'acide alpha-lipoïque neutralise les radicaux libres responsables du vieillissement des cellules cérébrales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🩸 Oxygénation cérébrale\u003c\/h3\u003e\n \u003cp\u003eLes ginkgosides améliorent la microcirculation sanguine pour un cerveau mieux irrigué et plus performant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e⚡ Énergie neuronale\u003c\/h3\u003e\n \u003cp\u003eLa spiruline et la vitamine B5 participent au métabolisme énergétique des cellules nerveuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🔬 Action acétylcholine\u003c\/h3\u003e\n \u003cp\u003eFournit les précurseurs et cofacteurs pour maintenir des niveaux optimaux de ce neurotransmetteur essentiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e🧪 Composition pour 4 gélules\u003c\/h2\u003e\n \u003cdiv class=\"crea-grid\"\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e717,6 mg\u003c\/p\u003e\n \u003cp\u003eStandardisée à 20% de phosphatidylsérine, précurseur essentiel des membranes neuronales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e💊 Acétyl L-Carnitine\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e291,2 mg\u003c\/p\u003e\n \u003cp\u003eTraverse la barrière hémato-encéphalique pour nourrir directement les neurones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e🌀 Spiruline\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e120 mg\u003c\/p\u003e\n \u003cp\u003eApporte vitamines B et fer pour soutenir l'énergie cérébrale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e🔶 Acide alpha-lipoïque\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e40 mg\u003c\/p\u003e\n \u003cp\u003eAntioxydant universel protégeant efficacement les cellules nerveuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e39 mg\u003c\/p\u003e\n \u003cp\u003eExtrait standardisé améliorant la circulation sanguine cérébrale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card crea-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Ginseng\u003c\/h3\u003e\n \u003cp class=\"crea-dosage\"\u003e39 mg\u003c\/p\u003e\n \u003cp\u003eAdaptogène Panax ginseng soutenant les performances mentales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"crea-note\"\u003e+ Vitamine B5 (7,08 mg) cofacteur de la synthèse d'acétylcholine • Gélule végétale HPMC • Sans additifs artificiels\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"crea-grid-compact\"\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e👨‍💼 Adultes 45+\u003c\/h3\u003e\n \u003cp\u003ePréservez vos capacités cognitives dès les premiers signes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eMaintenez votre autonomie intellectuelle au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n \u003cp\u003eBoostez révisions et examens en période intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eRestez performant face aux défis cognitifs du travail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"crea-steps\"\u003e\n \u003cdiv class=\"crea-step\"\u003e\n \u003cdiv class=\"crea-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"crea-step-content\"\u003e\n \u003ch3\u003eDémarrage en douceur\u003c\/h3\u003e\n \u003cp\u003eCommencez avec \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e pendant une semaine pour habituer votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-step\"\u003e\n \u003cdiv class=\"crea-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"crea-step-content\"\u003e\n \u003ch3\u003eDose optimale\u003c\/h3\u003e\n \u003cp\u003eAugmentez progressivement à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-step\"\u003e\n \u003cdiv class=\"crea-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"crea-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003ePrenez vos gélules \u003cstrong\u003ele matin ou le midi\u003c\/strong\u003e, avant les repas pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-step\"\u003e\n \u003cdiv class=\"crea-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"crea-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e1 à 3 mois minimum\u003c\/strong\u003e, renouvelable jusqu'à 6 mois pour des résultats durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"crea-accordion\"\u003e\n \u003cdetails class=\"crea-accordion-item\"\u003e\n \u003csummary class=\"crea-accordion-header\"\u003e⏱️ Quand vais-je ressentir les premiers effets ?\u003c\/summary\u003e\n \u003cdiv class=\"crea-accordion-content\"\u003e\n \u003cp\u003eLes premiers bénéfices se font généralement sentir après 2 à 3 semaines de prise régulière. La pleine efficacité s'installe progressivement sur 4 à 6 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"crea-accordion-item\"\u003e\n \u003csummary class=\"crea-accordion-header\"\u003e🔗 Puis-je l'associer à d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"crea-accordion-content\"\u003e\n \u003cp\u003eOui, Créacholine se combine parfaitement avec des oméga-3 ou un complexe de vitamines B pour une action renforcée sur les fonctions cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"crea-accordion-item\"\u003e\n \u003csummary class=\"crea-accordion-header\"\u003e🌱 Convient-il aux végétariens ?\u003c\/summary\u003e\n \u003cdiv class=\"crea-accordion-content\"\u003e\n \u003cp\u003eCréacholine est formulé avec des gélules végétales en cellulose HPMC, adapté aux régimes végétaliens. Notez toutefois la présence de lécithine de soja.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"crea-accordion-item\"\u003e\n \u003csummary class=\"crea-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"crea-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes. Consultez votre médecin en cas de traitement médicamenteux. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"crea-grid-compact\"\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n \u003cp\u003e1 à 2 mois de cure selon posologie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e✅ Normes UE\u003c\/h3\u003e\n \u003cp\u003eSécurité alimentaire stricte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crea-card\"\u003e\n \u003ch3\u003e🌿 100% clean\u003c\/h3\u003e\n \u003cp\u003eSans additifs ni conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crea-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"crea-cta-box\"\u003e\n \u003cp\u003e🧠 Offrez à votre cerveau les 7 nutriments dont il a besoin pour rester vif, concentré et performant à tout âge. Créacholine : la formule complète pour des fonctions cognitives au top !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --crea-cream: #f8faf9;\n --crea-white: #ffffff;\n --crea-primary: #2E8B57;\n --crea-primary-dark: #1e6b42;\n --crea-primary-light: #e8f5ed;\n --crea-secondary: #4169E1;\n --crea-accent: #FFD700;\n --crea-text: #1a1a1a;\n --crea-text-light: #5a5a5a;\n --crea-border: #e0e0e0;\n --crea-shadow: 0 4px 24px rgba(0,0,0,.08);\n --crea-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --crea-radius: 20px;\n --crea-radius-sm: 12px;\n}\n\n.crea-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--crea-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.crea-hero {\n position: relative;\n background: linear-gradient(135deg, #4169E1 0%, #2E8B57 50%, #1e6b42 100%);\n border-radius: var(--crea-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--crea-shadow-lg);\n}\n\n.crea-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.crea-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.crea-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.crea-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--crea-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.crea-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.crea-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.crea-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.crea-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.crea-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.crea-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--crea-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.crea-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--crea-primary), var(--crea-secondary));\n border-radius: 2px;\n}\n\n.crea-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.crea-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.crea-card {\n background: var(--crea-white);\n border-radius: var(--crea-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--crea-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.crea-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--crea-shadow-lg);\n border-color: var(--crea-primary);\n}\n\n.crea-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--crea-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.crea-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--crea-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.crea-card-ingredient .crea-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--crea-primary), var(--crea-secondary));\n color: white;\n font-size: 13px;\n font-weight: 800;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.crea-note {\n text-align: center;\n font-size: 13px;\n color: var(--crea-text-light);\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n.crea-grid-compact .crea-card {\n padding: 1rem;\n}\n\n.crea-grid-compact .crea-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.crea-grid-compact .crea-card p {\n font-size: 12px;\n}\n\n\/* Steps *\/\n.crea-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.crea-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--crea-white);\n border-radius: var(--crea-radius);\n padding: 1.25rem;\n box-shadow: var(--crea-shadow);\n transition: all .3s ease;\n}\n\n.crea-step:hover {\n transform: translateX(8px);\n box-shadow: var(--crea-shadow-lg);\n}\n\n.crea-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--crea-primary), var(--crea-secondary));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(46,139,87,.3);\n}\n\n.crea-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--crea-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.crea-step-content p {\n font-size: 14px;\n color: var(--crea-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* Accordion *\/\n.crea-accordion {\n background: var(--crea-white);\n border-radius: var(--crea-radius);\n box-shadow: var(--crea-shadow);\n overflow: hidden;\n}\n\n.crea-accordion-item {\n border-bottom: 1px solid var(--crea-border);\n margin: 0;\n padding: 0;\n}\n\n.crea-accordion-item:last-child {\n border-bottom: none;\n}\n\n.crea-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--crea-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.crea-accordion-header:hover {\n background: var(--crea-primary-light);\n}\n\n.crea-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.crea-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--crea-primary);\n transition: transform .2s ease;\n}\n\n.crea-accordion-item[open] .crea-accordion-header::after {\n content: '−';\n}\n\n.crea-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--crea-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.crea-accordion-content p {\n margin: 0;\n}\n\n\/* CTA Box *\/\n.crea-cta-box {\n background: linear-gradient(135deg, var(--crea-primary) 0%, var(--crea-secondary) 100%);\n border-radius: var(--crea-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.crea-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.crea-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* Responsive Mobile *\/\n@media (max-width: 767px) {\n .crea-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .crea-card {\n padding: 1.125rem;\n }\n \n .crea-section {\n margin-bottom: 1.75rem;\n }\n \n .crea-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--crea-radius-sm);\n }\n \n .crea-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .crea-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .crea-grid-compact {\n gap: .625rem;\n }\n \n .crea-grid-compact .crea-card {\n padding: .75rem;\n }\n \n .crea-step {\n padding: 1rem;\n }\n \n .crea-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .crea-step-content h3 {\n font-size: 14px;\n }\n \n .crea-step-content p {\n font-size: 13px;\n }\n \n .crea-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .crea-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .crea-badges-top {\n gap: 6px;\n }\n \n .crea-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .crea-card {\n animation: creaFadeInUp .5s ease backwards;\n }\n .crea-card:nth-child(1) { animation-delay: .05s; }\n .crea-card:nth-child(2) { animation-delay: .1s; }\n .crea-card:nth-child(3) { animation-delay: .15s; }\n .crea-card:nth-child(4) { animation-delay: .2s; }\n .crea-card:nth-child(5) { animation-delay: .25s; }\n .crea-card:nth-child(6) { animation-delay: .3s; }\n \n .crea-step {\n animation: creaFadeInLeft .5s ease backwards;\n }\n .crea-step:nth-child(1) { animation-delay: .1s; }\n .crea-step:nth-child(2) { animation-delay: .2s; }\n .crea-step:nth-child(3) { animation-delay: .3s; }\n .crea-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes creaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes creaFadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* Accessibilité *\/\n@media (prefers-reduced-motion: reduce) {\n .crea-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755321221277,"sku":"JADECREAC120","price":45.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creacholine-de-jade-recherche-stimulez-votre-cerveau-120-gel-packshothd_59bd09fa-92b6-4c94-ba0c-89df9a866e65.webp?v=1786012185"},{"product_id":"centella-asiatica-bio-60-gelules-ayurvana","title":"Centella Asiatica Bio - Vivacité intellectuelle - 60 gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Centella Asiatica Bio - Vivacité intellectuelle\nPalette détectée:\n - Primaire: #7AB356 (vert nature\/feuillage de la plante)\n - Secondaire: #C9A86C (beige\/taupe du couvercle et fond)\n - Accent: #E67E22 (orange des motifs mandala colorés)\nAmbiance: Ayurvédique authentique, naturel\/bio, oriental avec touches colorées mandala, spirituel et végétal\nPréfixe CSS: ca\n--\u003e\n\n\u003cdiv class=\"ca-premium\"\u003e\n\n \u003cdiv class=\"ca-hero\"\u003e\n \u003cdiv class=\"ca-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ca-hero-content\"\u003e\n \u003cdiv class=\"ca-badges-top\"\u003e\n \u003cspan class=\"ca-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"ca-badge\"\u003e🧘 Ayurvéda\u003c\/span\u003e\n \u003cspan class=\"ca-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ca-hero-title\"\u003eCentella Asiatica Bio\u003c\/span\u003e\n \u003cp class=\"ca-subtitle\"\u003eVivacité intellectuelle \u0026amp; clarté mentale\u003c\/p\u003e\n \u003cp class=\"ca-description\"\u003eLa plante sacrée de l'Ayurvéda utilisée depuis plus de 3000 ans pour soutenir la concentration, la mémoire et l'équilibre nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003e🧠 Bienfaits pour l'intellect\u003c\/h2\u003e\n \u003cdiv class=\"ca-grid\"\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🎯 Concentration optimisée\u003c\/h3\u003e\n \u003cp\u003eSoutient votre capacité de concentration lors de périodes d'apprentissage intensif ou de travail intellectuel exigeant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e💡 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eAide votre esprit à rester organisé et vif, même face à une charge mentale importante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e📚 Mémoire renforcée\u003c\/h3\u003e\n \u003cp\u003eUn atout précieux pour les étudiants et professionnels souhaitant optimiser leurs capacités de réflexion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🧘 Système nerveux apaisé\u003c\/h3\u003e\n \u003cp\u003ePropriétés adaptogènes qui contribuent à mieux gérer le stress et l'anxiété, responsables de la fatigue intellectuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003e✨ Bienfaits pour la peau\u003c\/h2\u003e\n \u003cdiv class=\"ca-grid\"\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🩹 Action réparatrice\u003c\/h3\u003e\n \u003cp\u003eSoutient la régénération cutanée et aide à atténuer les marques et cicatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🌸 Effet apaisant\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles, réactives ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eStimule la production de collagène pour maintenir l'élasticité et la fermeté de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e💫 Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eFavorise une meilleure microcirculation sanguine pour un teint éclatant de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003e🌿 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"ca-composition-box\"\u003e\n \u003cdiv class=\"ca-compo-highlight\"\u003e\n \u003cspan class=\"ca-compo-dose\"\u003e750 mg\u003c\/span\u003e\n \u003cspan class=\"ca-compo-label\"\u003eExtrait de feuilles de Centella Asiatica Bio\u003c\/span\u003e\n \u003cspan class=\"ca-compo-detail\"\u003epour 3 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-compo-grid\"\u003e\n \u003cdiv class=\"ca-compo-item\"\u003e\n \u003cspan class=\"ca-compo-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan\u003eFibre d'acacia bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-compo-item\"\u003e\n \u003cspan class=\"ca-compo-icon\"\u003e💎\u003c\/span\u003e\n \u003cspan\u003eSilice\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-compo-item\"\u003e\n \u003cspan class=\"ca-compo-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan\u003eGélule végétale (hypromellose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ca-compo-richness\"\u003eRiche en \u003cstrong\u003etriterpènes\u003c\/strong\u003e : asiaticosides et madécassosides, actifs au cœur des propriétés bénéfiques de la Centella.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ca-grid\"\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n \u003cp\u003eEn période de révisions ou d'examens, pour booster concentration et mémorisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eSoumis à une charge mentale importante et nécessitant une clarté d'esprit optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🧘‍♀️ Anti-stress naturel\u003c\/h3\u003e\n \u003cp\u003ePour une meilleure gestion du stress et de l'anxiété au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🌟 Beauté de l'intérieur\u003c\/h3\u003e\n \u003cp\u003ePour soutenir la santé de votre peau en complément de vos soins cosmétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ca-steps\"\u003e\n \u003cdiv class=\"ca-step\"\u003e\n \u003cspan class=\"ca-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"ca-step-content\"\u003e\n \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au moment du dîner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-step\"\u003e\n \u003cspan class=\"ca-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"ca-step-content\"\u003e\n \u003ch4\u003eAdministration\u003c\/h4\u003e\n \u003cp\u003eAvalez les gélules avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-step\"\u003e\n \u003cspan class=\"ca-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"ca-step-content\"\u003e\n \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n \u003cp\u003eCures de \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e, à renouveler selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-step\"\u003e\n \u003cspan class=\"ca-step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"ca-step-content\"\u003e\n \u003ch4\u003eConseil pro\u003c\/h4\u003e\n \u003cp\u003ePour les périodes intenses (examens, projets), commencez quelques semaines avant l'échéance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003e💬 Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"ca-accordion\"\u003e\n \u003cdetails class=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n \u003cp\u003eLes premiers bienfaits peuvent se faire sentir après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. Pour des résultats durables, une cure de 6 semaines est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e🌿 Peut-on l'associer à d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n \u003cp\u003eOui ! Elle se combine très bien avec d'autres plantes adaptogènes comme le \u003cstrong\u003eBacopa\u003c\/strong\u003e ou l'\u003cstrong\u003eAshwagandha\u003c\/strong\u003e pour un effet synergique sur les fonctions cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e⚖️ La Centella fait-elle maigrir ?\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n \u003cp\u003eNon, ce n'est pas sa fonction première. Elle est avant tout destinée au soutien intellectuel et à la santé de la peau, pas à la perte de poids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eℹ️ Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ca-grid-compact\"\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e60 gélules végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n \u003cp\u003e20 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🇮🇳 Origine\u003c\/h3\u003e\n \u003cp\u003eAgriculture bio Inde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n \u003cp\u003eEcocert FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ca-accordion\"\u003e\n \u003cdetails class=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière de 3 gélules. Tenir hors de portée des jeunes enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médicamenteux (foie, circulation), consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n \u003cp\u003eConserver à 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=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e📜 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-1\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ca-cta-box\"\u003e\n \u003cp\u003e🧠 Libérez votre potentiel intellectuel avec la sagesse millénaire de l'Ayurvéda.\u003cbr\u003eLa Centella Asiatica Bio : votre alliée naturelle pour une concentration optimale et une peau éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ca-cream: #FAF8F5;\n --ca-white: #ffffff;\n --ca-primary: #7AB356;\n --ca-primary-dark: #5A8A3E;\n --ca-primary-light: #E8F5E0;\n --ca-secondary: #C9A86C;\n --ca-accent: #E67E22;\n --ca-text: #1a1a1a;\n --ca-text-light: #5a5a5a;\n --ca-border: #e0e0e0;\n --ca-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ca-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ca-radius: 20px;\n --ca-radius-sm: 12px;\n}\n\n.ca-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ca-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ca-hero {\n position: relative;\n background: linear-gradient(135deg, #5A8A3E 0%, #7AB356 40%, #C9A86C 100%);\n border-radius: var(--ca-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(--ca-shadow-lg);\n}\n\n.ca-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23fff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.ca-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ca-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ca-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(--ca-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ca-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ca-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.ca-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.ca-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.ca-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ca-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ca-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.ca-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(--ca-primary), var(--ca-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ca-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ca-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ca-card {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ca-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ca-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ca-shadow-lg);\n border-color: var(--ca-primary);\n}\n\n.ca-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ca-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ca-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ca-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ca-grid-compact .ca-card {\n padding: 1rem;\n}\n\n.ca-grid-compact .ca-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ca-grid-compact .ca-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ca-composition-box {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ca-shadow);\n text-align: center;\n}\n\n.ca-compo-highlight {\n background: linear-gradient(135deg, var(--ca-primary-light) 0%, #f0f7eb 100%);\n border-radius: var(--ca-radius-sm);\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n border: 2px solid var(--ca-primary);\n}\n\n.ca-compo-dose {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--ca-primary-dark);\n line-height: 1;\n}\n\n.ca-compo-label {\n display: block;\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--ca-text);\n margin: .5rem 0 .25rem;\n}\n\n.ca-compo-detail {\n font-size: 13px;\n color: var(--ca-text-light);\n}\n\n.ca-compo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.ca-compo-item {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: .5rem;\n padding: .75rem;\n background: var(--ca-cream);\n border-radius: var(--ca-radius-sm);\n font-size: 14px;\n color: var(--ca-text);\n font-weight: 500;\n}\n\n.ca-compo-icon {\n font-size: 18px;\n}\n\n.ca-compo-richness {\n font-size: 14px;\n color: var(--ca-text-light);\n line-height: 1.6;\n margin: 0;\n padding-top: 1rem;\n border-top: 1px solid var(--ca-border);\n}\n\n.ca-compo-richness strong {\n color: var(--ca-primary-dark);\n}\n\n\/* === STEPS === *\/\n.ca-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ca-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n padding: 1.25rem;\n box-shadow: var(--ca-shadow);\n transition: all .3s ease;\n}\n\n.ca-step:hover {\n transform: translateX(6px);\n box-shadow: var(--ca-shadow-lg);\n}\n\n.ca-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--ca-primary) 0%, var(--ca-primary-dark) 100%);\n color: white;\n font-size: 18px;\n font-weight: 800;\n border-radius: 50%;\n}\n\n.ca-step-content h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ca-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ca-step-content p {\n font-size: 14px;\n color: var(--ca-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ca-step-content strong {\n color: var(--ca-text);\n}\n\n\/* === ACCORDÉON === *\/\n.ca-accordion {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n box-shadow: var(--ca-shadow);\n overflow: hidden;\n}\n\n.ca-accordion-item {\n border-bottom: 1px solid var(--ca-border);\n margin: 0;\n padding: 0;\n}\n\n.ca-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ca-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ca-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.ca-accordion-header:hover {\n background: var(--ca-primary-light);\n}\n\n.ca-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ca-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ca-primary);\n transition: transform .2s ease;\n}\n\n.ca-accordion-item[open] .ca-accordion-header::after {\n content: '−';\n}\n\n.ca-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ca-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.ca-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.ca-cta-box {\n background: linear-gradient(135deg, var(--ca-primary) 0%, var(--ca-primary-dark) 100%);\n border-radius: var(--ca-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ca-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='8' fill='%23fff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.ca-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ca-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ca-grid-compact {\n gap: .625rem;\n }\n \n .ca-grid-compact .ca-card {\n padding: .75rem;\n }\n \n .ca-card {\n padding: 1.125rem;\n }\n \n .ca-section {\n margin-bottom: 1.75rem;\n }\n \n .ca-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ca-radius-sm);\n }\n \n .ca-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ca-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ca-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ca-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ca-step {\n padding: 1rem;\n }\n \n .ca-step-number {\n width: 36px;\n height: 36px;\n min-width: 36px;\n font-size: 16px;\n }\n \n .ca-compo-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ca-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ca-card:nth-child(1) { animation-delay: .05s; }\n .ca-card:nth-child(2) { animation-delay: .1s; }\n .ca-card:nth-child(3) { animation-delay: .15s; }\n .ca-card:nth-child(4) { animation-delay: .2s; }\n .ca-card:nth-child(5) { animation-delay: .25s; }\n .ca-card:nth-child(6) { animation-delay: .3s; }\n \n .ca-step {\n animation: fadeInUp .5s ease backwards;\n }\n .ca-step:nth-child(1) { animation-delay: .1s; }\n .ca-step:nth-child(2) { animation-delay: .15s; }\n .ca-step:nth-child(3) { animation-delay: .2s; }\n .ca-step:nth-child(4) { animation-delay: .25s; }\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 .ca-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755438465181,"sku":"AY9022","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Centella-asiatica-bio-ayurvana-1-3-784981.jpg?v=1732719960"},{"product_id":"lions-mane-56-gelules-french-mush","title":"Lion's Mane French Mush - Humeur, Mémoire \u0026 Concentration - 56 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lion's Mane French Mush - Complément alimentaire champignon médicinal\nPalette détectée:\n - Primaire: #F89D3D (orange vif du packaging et des accents visuels)\n - Secondaire: #7AA678 (vert sauge des illustrations botaniques)\n - Accent: #4A3428 (marron chocolat du flacon en verre ambré)\n - Crème: #F5F2ED (fond beige clair naturel)\nAmbiance: Bio premium \/ Naturalité élégante \/ Science \u0026 nature \/ French quality\nPréfixe CSS: lm\n--\u003e\n\n\u003cdiv class=\"lm-premium\"\u003e\n \u003cdiv class=\"lm-hero\"\u003e\n \u003cdiv class=\"lm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lm-hero-content\"\u003e\n \u003cdiv class=\"lm-badges-top\"\u003e\n \u003cspan class=\"lm-badge\"\u003e🏆 Meilleur produit Pharma 2025\u003c\/span\u003e\n \u003cspan class=\"lm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"lm-badge\"\u003e🌿 Certifié bio AB\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lm-hero-title\"\u003eLion's Mane\u003c\/span\u003e\n \u003cp class=\"lm-subtitle\"\u003eHumeur, mémoire \u0026amp; concentration\u003c\/p\u003e\n \u003cp class=\"lm-description\"\u003eL'extrait de champignon le plus concentré du marché : 8000 mg par dose avec 92% de biodisponibilité. Boostez naturellement vos performances cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e⚡ Puissance inégalée\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e💪 8000 mg par dose\u003c\/h3\u003e\n \u003cp\u003eÉquivalent champignons frais grâce au ratio d'extraction 10:1. 800 mg d'extrait ultra-concentré pour 2 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🔬 92% biodisponibilité\u003c\/h3\u003e\n \u003cp\u003eExtraction aux ultrasons brevetée. 4× plus assimilable qu'un complément classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🧬 24% bêta-glucanes\u003c\/h3\u003e\n \u003cp\u003eConcentration testée en laboratoire. Principes actifs immunomodulateurs garantis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🧠 Bénéfices prouvés\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eStimule la production de NGF (facteur de croissance nerveuse). Focus et attention décuplés pour vos journées intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e💡 Mémoire renforcée\u003c\/h3\u003e\n \u003cp\u003eFavorise la neurogenèse et la régénération neuronale. Améliore la mémorisation à court et long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e😊 Humeur équilibrée\u003c\/h3\u003e\n \u003cp\u003eRégule le système nerveux, réduit stress et anxiété. État mental serein sans somnolence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🛡️ Neuroprotection\u003c\/h3\u003e\n \u003cp\u003eLes héricénones (0,5%) protègent les neurones du stress oxydatif et soutiennent la santé cérébrale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🦠 Immunité boostée\u003c\/h3\u003e\n \u003cp\u003eLes polysaccharides et bêta-glucanes stimulent vos défenses naturelles efficacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🌱 Santé digestive\u003c\/h3\u003e\n \u003cp\u003eÉquilibre le microbiote grâce aux composés prébiotiques. Axe intestin-cerveau optimisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"lm-composition-grid\"\u003e\n \u003cdiv class=\"lm-compo-card\"\u003e\n \u003cspan class=\"lm-compo-value\"\u003e24%\u003c\/span\u003e\n \u003cspan class=\"lm-compo-name\"\u003eBêta-glucanes\u003c\/span\u003e\n \u003cp\u003ePolysaccharides bioactifs immunomodulateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-compo-card\"\u003e\n \u003cspan class=\"lm-compo-value\"\u003e0,5%\u003c\/span\u003e\n \u003cspan class=\"lm-compo-name\"\u003eHéricénones\u003c\/span\u003e\n \u003cp\u003eComposés neuroprotecteurs uniques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-compo-card\"\u003e\n \u003cspan class=\"lm-compo-value\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"lm-compo-name\"\u003eFruiting body\u003c\/span\u003e\n \u003cp\u003eCorps fructifère uniquement, jamais de mycélium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-compo-card\"\u003e\n \u003cspan class=\"lm-compo-value\"\u003e0%\u003c\/span\u003e\n \u003cspan class=\"lm-compo-name\"\u003eAdditifs\u003c\/span\u003e\n \u003cp\u003eSans excipients, sans conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e💊 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lm-steps\"\u003e\n \u003cdiv class=\"lm-step\"\u003e\n \u003cspan class=\"lm-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e pour une dose complète de 8000 mg équivalent champignon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-step\"\u003e\n \u003cspan class=\"lm-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003ePendant le repas\u003c\/strong\u003e avec un verre d'eau pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-step\"\u003e\n \u003cspan class=\"lm-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e28 jours minimum\u003c\/strong\u003e (56 gélules). Effets optimaux après 4-8 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eExamens, révisions intensives, mémorisation. Performances cognitives sans excitants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eConcentration soutenue, gestion du stress, clarté mentale pour les métiers exigeants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003ePréservation des fonctions cognitives, neuroprotection, maintien de la mémoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🧘 Anxieux\u003c\/h3\u003e\n \u003cp\u003eRégulation nerveuse, apaisement mental, équilibre émotionnel naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🏆 Qualité French Mush\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid-compact\"\u003e\n \u003cdiv class=\"lm-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 \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🌿 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🌱 100% vegan\u003c\/h3\u003e\n \u003cp\u003eGélules végétales pullulane\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"lm-accordion\"\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, à température ambiante. Le flacon en verre ambré protège les principes actifs de la dégradation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes ou allaitantes. Consulter un professionnel de santé en cas de traitement médical. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eChampignons cultivés en Europe selon les normes biologiques. Extraction aux ultrasons pour préserver l'intégrité des composés actifs. Chaque lot analysé par un laboratoire indépendant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lm-cta-box\"\u003e\n \u003cp\u003e🧠 Libérez le potentiel de votre cerveau avec le Lion's Mane le plus concentré du marché. 8000 mg par dose, 92% de biodisponibilité, qualité bio française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lm-cream: #F5F2ED;\n --lm-white: #ffffff;\n --lm-primary: #F89D3D;\n --lm-primary-dark: #E07821;\n --lm-primary-light: #FFF4E8;\n --lm-secondary: #7AA678;\n --lm-accent: #4A3428;\n --lm-text: #1a1a1a;\n --lm-text-light: #5a5a5a;\n --lm-border: #e0e0e0;\n --lm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lm-radius: 20px;\n --lm-radius-sm: 12px;\n}\n\n.lm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 50%, var(--lm-accent) 100%);\n border-radius: var(--lm-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(--lm-shadow-lg);\n}\n\n.lm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(122,166,120,.5) 0%, transparent 50%);\n}\n\n.lm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.lm-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(--lm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lm-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.lm-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}\n\n.lm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 650px;\n}\n\n.lm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lm-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.lm-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(--lm-primary), var(--lm-secondary));\n border-radius: 2px;\n}\n\n.lm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lm-card {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lm-shadow-lg);\n border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lm-accent);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lm-card-highlight {\n background: linear-gradient(135deg, var(--lm-primary-light) 0%, var(--lm-white) 100%);\n border: 2px solid var(--lm-primary);\n}\n\n.lm-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.lm-compo-card {\n background: var(--lm-white);\n border-radius: var(--lm-radius-sm);\n padding: 1.5rem 1rem;\n text-align: center;\n border: 2px solid var(--lm-border);\n transition: all .3s ease;\n}\n\n.lm-compo-card:hover {\n border-color: var(--lm-secondary);\n transform: translateY(-4px);\n}\n\n.lm-compo-value {\n display: block;\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--lm-secondary);\n line-height: 1;\n}\n\n.lm-compo-name {\n display: block;\n font-size: 15px;\n font-weight: 800;\n color: var(--lm-accent);\n margin: .5rem 0;\n}\n\n.lm-compo-card p {\n font-size: 12px;\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lm-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lm-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--lm-white);\n border-radius: var(--lm-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--lm-shadow);\n border-left: 4px solid var(--lm-primary);\n transition: all .3s ease;\n}\n\n.lm-step:hover {\n transform: translateX(6px);\n}\n\n.lm-step-num {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n}\n\n.lm-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--lm-accent);\n margin: 0 0 .35rem 0;\n}\n\n.lm-step-content p {\n font-size: 14px;\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lm-grid-compact .lm-card {\n padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n font-size: 12px;\n}\n\n.lm-accordion {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n box-shadow: var(--lm-shadow);\n overflow: hidden;\n}\n\n.lm-accordion-item {\n border-bottom: 1px solid var(--lm-border);\n margin: 0;\n padding: 0;\n}\n\n.lm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lm-accent);\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.lm-accordion-header:hover {\n background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lm-primary);\n transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n content: '−';\n}\n\n.lm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.lm-accordion-content p {\n margin: 0;\n}\n\n.lm-cta-box {\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n border-radius: var(--lm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .lm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .lm-composition-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .lm-compo-card {\n padding: 1rem .75rem;\n }\n \n .lm-compo-value {\n font-size: 26px;\n }\n \n .lm-card {\n padding: 1.125rem;\n }\n \n .lm-section {\n margin-bottom: 1.75rem;\n }\n \n .lm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lm-radius-sm);\n }\n \n .lm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .lm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .lm-grid-compact {\n gap: .625rem;\n }\n \n .lm-grid-compact .lm-card {\n padding: .75rem;\n }\n \n .lm-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 1rem;\n }\n \n .lm-step-num {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .lm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .lm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .lm-card:nth-child(1) { animation-delay: .05s; }\n .lm-card:nth-child(2) { animation-delay: .1s; }\n .lm-card:nth-child(3) { animation-delay: .15s; }\n .lm-card:nth-child(4) { animation-delay: .2s; }\n .lm-card:nth-child(5) { animation-delay: .25s; }\n .lm-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 .lm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45799222804637,"sku":"NBAIFRM0001","price":28.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lions-mane_gelules_frenchmush_11zon.jpg?v=1766506854"},{"product_id":"focus-concentration-memoire-et-productivite-mush-n-go","title":"Focus - Concentration, Mémoire et Productivité - MushnGo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Focus - Concentration, Mémoire et Productivité - Mush n Go\nPalette détectée:\n - Primaire: #5B7FA3 (bleu lavande\/pervenche du packaging)\n - Secondaire: #8BACC7 (bleu ciel clair du dégradé)\n - Accent: #D4A574 (doré\/champagne des cristaux décoratifs)\n - Background: #F0F4F8 (bleu très pâle\/gris glacé)\nAmbiance: Premium\/scientifique avec une touche naturelle et apaisante, univers nootropique\/bien-être mental, style épuré et moderne\nPréfixe CSS: fc\n--\u003e\n\n\u003cdiv class=\"fc-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"fc-hero\"\u003e\n \u003cdiv class=\"fc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fc-hero-content\"\u003e\n \u003cdiv class=\"fc-badges-top\"\u003e\n \u003cspan class=\"fc-badge\"\u003e🧠 Concentration \u0026amp; mémoire\u003c\/span\u003e\n \u003cspan class=\"fc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fc-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fc-hero-title\" style=\"font-size:28px;\"\u003eConcentration • Mémoire • Productivité\u003c\/span\u003e\n \u003cp class=\"fc-description\"\u003e\n Une formule complète associant Lion's Mane et extraits végétaux pour accompagner la concentration, la mémoire et\n la clarté mentale au quotidien.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003e🎯 Vos performances cognitives accompagnées au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"fc-grid\"\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🔬 Concentration\u003c\/h3\u003e\n \u003cp\u003eUne formule pensée pour favoriser une attention plus stable et vous aider à rester concentré plus longtemps.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e💡 Mémoire\u003c\/h3\u003e\n \u003cp\u003eUne association d'actifs sélectionnés pour accompagner la mémorisation et les fonctions cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003ePour retrouver une pensée plus fluide et limiter les sensations de brouillard mental.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e⚡ Productivité\u003c\/h3\u003e\n \u003cp\u003eUne meilleure concentration et davantage de fluidité mentale pour avancer plus efficacement dans vos tâches\n quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e😌 Équilibre mental\u003c\/h3\u003e\n \u003cp\u003eLe safran complète la formule pour accompagner l'humeur, l'équilibre émotionnel et la motivation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e☕ Sans caféine\u003c\/h3\u003e\n \u003cp\u003eUne formule sans caféine, conçue pour accompagner les performances mentales sans stimulant caféiné.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003e🍄 Une formule complète et concentrée\u003c\/h2\u003e\n \u003cdiv class=\"fc-grid\"\u003e\n\n \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n \u003ch3\u003e🦁 Lion's Mane\u003c\/h3\u003e\n \u003cp class=\"fc-dosage\"\u003e2 000 mg \/ 2 gélules*\u003c\/p\u003e\n \u003cp\u003eLe champignon emblématique de la formule Focus, sélectionné pour accompagner la mémoire et les fonctions\n cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Bacopa Monnieri\u003c\/h3\u003e\n \u003cp class=\"fc-dosage\"\u003e150 mg \/ 2 gélules\u003c\/p\u003e\n \u003cp\u003eUne plante traditionnellement associée à la mémoire, à l'apprentissage et aux fonctions cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Ginkgo Biloba\u003c\/h3\u003e\n \u003cp class=\"fc-dosage\"\u003e120 mg \/ 2 gélules\u003c\/p\u003e\n \u003cp\u003eTraditionnellement utilisé pour accompagner l'attention, la mémoire et la circulation cérébrale.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n \u003ch3\u003e🌲 Pin Maritime\u003c\/h3\u003e\n \u003cp class=\"fc-dosage\"\u003e72 mg \/ 2 gélules\u003c\/p\u003e\n \u003cp\u003eUn extrait végétal naturellement riche en composés antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Safran Moodreal®\u003c\/h3\u003e\n \u003cp class=\"fc-dosage\"\u003e28 mg \/ 2 gélules\u003c\/p\u003e\n \u003cp\u003eUn extrait de safran sélectionné pour accompagner l'humeur, l'équilibre émotionnel et la motivation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card fc-card-ingredient\"\u003e\n \u003ch3\u003e💊 Vitamines B3 \u0026amp; B2\u003c\/h3\u003e\n \u003cp class=\"fc-dosage\"\u003e32 mg de B3 + 2,8 mg de B2 \/ 2 gélules\u003c\/p\u003e\n \u003cp\u003eDes vitamines du groupe B qui contribuent notamment au fonctionnement normal du système nerveux et au\n métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cp style=\"font-size:12px; margin-top:15px;\"\u003e\n *Équivalent champignon sec. La formule apporte également \u003cstrong\u003e400 mg de fibre d'acacia\u003c\/strong\u003e pour 2 gélules.\n \u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"fc-grid\"\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003ePour accompagner la concentration et la clarté mentale pendant les journées de travail exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003ePour soutenir la concentration et la mémorisation pendant les périodes d'apprentissage et de révision.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🎯 Périodes intenses\u003c\/h3\u003e\n \u003cp\u003ePour les périodes qui demandent davantage d'attention, de concentration et d'organisation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🧠 Soutien cognitif quotidien\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui souhaitent accompagner leur mémoire, leur attention et leur clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fc-usage-box\"\u003e\n\n \u003cdiv class=\"fc-usage-step\"\u003e\n \u003cspan class=\"fc-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"fc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-usage-step\"\u003e\n \u003cspan class=\"fc-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"fc-step-content\"\u003e\n \u003ch3\u003eAvec un grand verre d'eau\u003c\/h3\u003e\n \u003cp\u003eÀ prendre de préférence avant ou après le petit-déjeuner. Les gélules peuvent également être prises à jeun.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-usage-step\"\u003e\n \u003cspan class=\"fc-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"fc-step-content\"\u003e\n \u003ch3\u003eRégularité\u003c\/h3\u003e\n \u003cp\u003eLe fabricant recommande une prise régulière pendant au moins \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e. Une\n utilisation de 3 à 4 semaines minimum est conseillée pour installer les bénéfices dans la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- GARANTIES --\u003e\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003e✅ Les engagements Focus\u003c\/h2\u003e\n \u003cdiv class=\"fc-grid-compact\"\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eFabrication française en laboratoire\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eFormule adaptée à une alimentation vegan\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e☕ Sans caféine\u003c\/h3\u003e\n \u003cp\u003eSans stimulant caféiné\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🍬 Sans sucres\u003c\/h3\u003e\n \u003cp\u003eFormule sans sucres\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n \u003cp\u003eFormule sans gluten\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n \u003cp\u003eFormule sans OGM\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🧪 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eFormule sans additifs\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🔬 Extraits sélectionnés\u003c\/h3\u003e\n \u003cp\u003eDes extraits concentrés et traçables\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"fc-accordion\"\u003e\n\n \u003cdetails class=\"fc-accordion-item\"\u003e\n \u003csummary class=\"fc-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n \u003cdiv class=\"fc-accordion-content\"\u003e\n \u003cp\u003e\n Flacon de \u003cstrong\u003e30 gélules végétales\u003c\/strong\u003e. Selon la posologie choisie de 1 à 2 gélules par jour, un\n flacon correspond à environ \u003cstrong\u003e15 à 30 jours d'utilisation\u003c\/strong\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"fc-accordion-item\"\u003e\n \u003csummary class=\"fc-accordion-header\"\u003e🍄 Composition pour 2 gélules\u003c\/summary\u003e\n \u003cdiv class=\"fc-accordion-content\"\u003e\n \u003cp\u003e\n Extrait de Lion's Mane : \u003cstrong\u003e2 000 mg*\u003c\/strong\u003e\u003cbr\u003e\n Fibre d'acacia : \u003cstrong\u003e400 mg\u003c\/strong\u003e\u003cbr\u003e\n Extrait de Bacopa Monnieri : \u003cstrong\u003e150 mg\u003c\/strong\u003e\u003cbr\u003e\n Extrait de Ginkgo Biloba : \u003cstrong\u003e120 mg\u003c\/strong\u003e\u003cbr\u003e\n Extrait de Pin maritime : \u003cstrong\u003e72 mg\u003c\/strong\u003e\u003cbr\u003e\n Vitamine B3 (niacinamide) : \u003cstrong\u003e32 mg\u003c\/strong\u003e\u003cbr\u003e\n Extrait de Safran Moodreal® : \u003cstrong\u003e28 mg\u003c\/strong\u003e\u003cbr\u003e\n Vitamine B2 (riboflavine) : \u003cstrong\u003e2,8 mg\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size:12px;\"\u003e*Équivalent champignon sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"fc-accordion-item\"\u003e\n \u003csummary class=\"fc-accordion-header\"\u003e🔬 Une formule documentée\u003c\/summary\u003e\n \u003cdiv class=\"fc-accordion-content\"\u003e\n \u003cp\u003e\n Focus associe Lion's Mane, Ginkgo Biloba, Safran, Bacopa Monnieri et Pin Maritime dans une formule conçue\n pour agir de manière complémentaire sur l'attention, la mémoire et la clarté mentale. Mush n Go indique\n s'appuyer sur la littérature scientifique disponible concernant les différents actifs de la formule.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"fc-accordion-item\"\u003e\n \u003csummary class=\"fc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"fc-accordion-content\"\u003e\n \u003cp\u003e\n Respecter la dose journalière recommandée. Les compléments alimentaires doivent être utilisés dans le cadre\n d'une alimentation variée et équilibrée et d'un mode de vie sain. Tenir hors de portée des jeunes enfants.\n En cas de grossesse, d'allaitement, de traitement médical ou de situation particulière, demander conseil à\n un professionnel de santé avant utilisation.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"fc-accordion-item\"\u003e\n \u003csummary class=\"fc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"fc-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"fc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fc-cta-box\"\u003e\n \u003cp\u003e\n 🧠 Retrouvez concentration, mémoire et clarté mentale avec \u003cstrong\u003eFocus\u003c\/strong\u003e\u003cbr\u003e\n Une synergie de Lion's Mane, plantes et vitamines conçue pour accompagner vos performances mentales au quotidien.\n \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 --fc-cream: #F0F4F8;\n --fc-white: #ffffff;\n --fc-primary: #5B7FA3;\n --fc-primary-dark: #3D5A7A;\n --fc-primary-light: #E8EEF4;\n --fc-secondary: #8BACC7;\n --fc-accent: #D4A574;\n\n \/* Textes *\/\n --fc-text: #1a1a1a;\n --fc-text-light: #5a5a5a;\n\n \/* Effets *\/\n --fc-border: #e0e0e0;\n --fc-shadow: 0 4px 24px rgba(91, 127, 163, .08);\n --fc-shadow-lg: 0 12px 48px rgba(91, 127, 163, .15);\n --fc-radius: 20px;\n --fc-radius-sm: 12px;\n }\n\n \/* === CONTENEUR === *\/\n .fc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n \/* === HERO === *\/\n .fc-hero {\n position: relative;\n background: linear-gradient(135deg, #3D5A7A 0%, #5B7FA3 40%, #8BACC7 100%);\n border-radius: var(--fc-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(--fc-shadow-lg);\n }\n\n .fc-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image:\n radial-gradient(circle at 20% 80%, rgba(212, 165, 116, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(139, 172, 199, .2) 0%, transparent 40%);\n opacity: 1;\n }\n\n .fc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .fc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n }\n\n .fc-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(--fc-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n }\n\n .fc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .fc-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 9vw, 64px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n }\n\n .fc-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: .05em;\n }\n\n .fc-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 \/* === SECTIONS === *\/\n .fc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .fc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fc-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 .fc-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(--fc-primary), var(--fc-accent));\n border-radius: 2px;\n }\n\n \/* === GRILLES === *\/\n .fc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .fc-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n }\n\n \/* === CARDS === *\/\n .fc-card {\n background: var(--fc-white);\n border-radius: var(--fc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .fc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fc-shadow-lg);\n border-color: var(--fc-primary);\n }\n\n .fc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .fc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fc-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n \/* Cards ingrédients *\/\n .fc-card-ingredient {\n border-left: 4px solid var(--fc-accent);\n }\n\n .fc-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--fc-primary-light), #f0f4f8);\n color: var(--fc-primary-dark);\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: .5rem !important;\n }\n\n \/* === MODE D'EMPLOI === *\/\n .fc-usage-box {\n background: var(--fc-white);\n border-radius: var(--fc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fc-shadow);\n }\n\n .fc-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--fc-border);\n }\n\n .fc-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n\n .fc-usage-step:first-child {\n padding-top: 0;\n }\n\n .fc-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fc-primary), var(--fc-secondary));\n color: white;\n font-weight: 800;\n font-size: 18px;\n border-radius: 50%;\n }\n\n .fc-step-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fc-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .fc-step-content p {\n font-size: 14px;\n color: var(--fc-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n \/* === ACCORDÉON === *\/\n .fc-accordion {\n background: var(--fc-white);\n border-radius: var(--fc-radius);\n box-shadow: var(--fc-shadow);\n overflow: hidden;\n }\n\n .fc-accordion-item {\n border-bottom: 1px solid var(--fc-border);\n margin: 0;\n padding: 0;\n }\n\n .fc-accordion-item:last-child {\n border-bottom: none;\n }\n\n .fc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fc-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 .fc-accordion-header:hover {\n background: var(--fc-primary-light);\n }\n\n .fc-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .fc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fc-primary);\n transition: transform .2s ease;\n }\n\n .fc-accordion-item[open] .fc-accordion-header::after {\n content: '−';\n }\n\n .fc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fc-text-light);\n font-size: 14px;\n line-height: 1.7;\n }\n\n .fc-accordion-content p {\n margin: 0;\n }\n\n \/* === CTA FINAL === *\/\n .fc-cta-box {\n background: linear-gradient(135deg, var(--fc-primary) 0%, var(--fc-primary-dark) 100%);\n border-radius: var(--fc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .fc-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212, 165, 116, .2) 0%, transparent 50%);\n }\n\n .fc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n margin: 0;\n }\n\n \/* === RESPONSIVE MOBILE === *\/\n @media (max-width: 767px) {\n .fc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fc-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .fc-grid-compact .fc-card {\n padding: .75rem;\n }\n\n .fc-grid-compact .fc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .fc-grid-compact .fc-card p {\n font-size: 12px;\n }\n\n .fc-card {\n padding: 1.125rem;\n }\n\n .fc-section {\n margin-bottom: 1.75rem;\n }\n\n .fc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fc-radius-sm);\n }\n\n .fc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fc-badges-top {\n gap: 8px;\n }\n\n .fc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n\n .fc-usage-box {\n padding: 1.25rem;\n }\n\n .fc-usage-step {\n gap: .75rem;\n }\n\n .fc-step-number {\n min-width: 36px;\n height: 36px;\n font-size: 16px;\n }\n\n .fc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n \/* === ANIMATIONS === *\/\n @media (prefers-reduced-motion: no-preference) {\n .fc-card {\n animation: fadeInUp .5s ease backwards;\n }\n\n .fc-card:nth-child(1) {\n animation-delay: .05s;\n }\n\n .fc-card:nth-child(2) {\n animation-delay: .1s;\n }\n\n .fc-card:nth-child(3) {\n animation-delay: .15s;\n }\n\n .fc-card:nth-child(4) {\n animation-delay: .2s;\n }\n\n .fc-card:nth-child(5) {\n animation-delay: .25s;\n }\n\n .fc-card:nth-child(6) {\n animation-delay: .3s;\n }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* === ACCESSIBILITÉ === *\/\n @media (prefers-reduced-motion: reduce) {\n .fc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":53521477370233,"sku":"focusmushngo","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/focus-concentration-memoire-et-productivite-mushngo-packshothd_0b033b9f-37e1-4979-9ed3-0ee241e9571f.webp?v=1789373873"},{"product_id":"stabilium-200-yalacta","title":"Stabilium 200 : Réduit fatigue \u0026 stress naturellement - Yalacta","description":"\u003cdiv class=\"stab-premium\"\u003e\n\u003cdiv class=\"stab-hero\"\u003e\n\u003cdiv class=\"stab-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"stab-hero-content\"\u003e\n\u003cdiv class=\"stab-badges-top\"\u003e\n\u003cspan class=\"stab-badge\"\u003e🌊 Actif marin breveté\u003c\/span\u003e \u003cspan class=\"stab-badge\"\u003e🧠 Équilibre émotionnel\u003c\/span\u003e \u003cspan class=\"stab-badge\"\u003e⚡ Anti-fatigue\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"stab-hero-title\"\u003eL'allié marin de votre sérénité au quotidien\u003c\/span\u003e\n\u003cp class=\"stab-subtitle\"\u003eGarum Armoricum® + Vitamine B6\u003c\/p\u003e\n\u003cp class=\"stab-description\"\u003eUne formule confiance recommandée par près de 8 personnes sur 10, pensée pour soutenir votre équilibre nerveux face au stress et à la fatigue passagère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"stab-section\"\u003e\n\u003ch2\u003eStabilium 200 Yalacta : l'allié naturel contre le stress et la fatigue\u003c\/h2\u003e\n\u003cp class=\"stab-section-intro\"\u003eVous traversez une période intense, vous vous sentez tendu, épuisé mentalement ou en manque de concentration ? \u003cstrong\u003eStabilium 200 du Laboratoire Yalacta\u003c\/strong\u003e est un complément alimentaire pensé pour soutenir votre équilibre émotionnel au quotidien. Sa formule unique associe le \u003cstrong\u003eGarum Armoricum®\u003c\/strong\u003e, un hydrolysat de poisson riche en peptides bioactifs, à la \u003cstrong\u003evitamine B6\u003c\/strong\u003e, reconnue pour son rôle dans le bon fonctionnement du système nerveux. Une solution naturelle appréciée depuis des années par celles et ceux qui recherchent un véritable complément alimentaire stress et fatigue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"stab-section\"\u003e\n\u003ch2\u003eLes bienfaits de Stabilium 200\u003c\/h2\u003e\n\u003cdiv class=\"stab-grid\"\u003e\n\u003cdiv class=\"stab-card\"\u003e\n\u003ch3\u003e🧘 Équilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eLe Garum Armoricum® apporte des acides aminés essentiels qui participent à une meilleure gestion du stress et des émotions au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-card\"\u003e\n\u003ch3\u003e🎯 Mémoire et concentration\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B6 contribue à des fonctions psychologiques normales, utiles lors des périodes d'examen, de surcharge professionnelle ou d'apprentissage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-card\"\u003e\n\u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B6 aide à diminuer la sensation de fatigue passagère et à retrouver vitalité et tonus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-card\"\u003e\n\u003ch3\u003e💙 Formule confiance\u003c\/h3\u003e\n\u003cp\u003eRecommandée par près de 8 personnes sur 10 selon Yalacta, elle est aujourd'hui une référence des compléments alimentaires fatigue stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"stab-section\"\u003e\n\u003ch2\u003eQu'est-ce que le Garum Armoricum® ?\u003c\/h2\u003e\n\u003cdiv class=\"stab-highlight-box\"\u003e\n\u003cp\u003eLe Garum Armoricum® est un ingrédient exclusif issu d'un procédé breveté d'hydrolyse d'un poisson sauvage pêché en eaux profondes. Il concentre des \u003cstrong\u003epeptides bioactifs, acides aminés et oméga-3\u003c\/strong\u003e facilement assimilables par l'organisme.\u003c\/p\u003e\n\u003cp\u003eCet actif marin est traditionnellement utilisé pour aider à traverser les périodes de \u003cstrong\u003etension nerveuse, de surmenage ou de baisse de moral\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-grid-compact\"\u003e\n\u003cdiv class=\"stab-card\"\u003e\n\u003ch3\u003e🐟 Origine marine\u003c\/h3\u003e\n\u003cp\u003ePoisson sauvage pêché en eaux profondes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-card\"\u003e\n\u003ch3\u003e🔬 Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eHydrolyse exclusive préservant les actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-card\"\u003e\n\u003ch3\u003e💧 Peptides bioactifs\u003c\/h3\u003e\n\u003cp\u003eFacilement assimilables par l'organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-card\"\u003e\n\u003ch3\u003e🌊 Oméga-3 naturels\u003c\/h3\u003e\n\u003cp\u003eSources d'acides gras essentiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"stab-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"stab-section-intro\"\u003eChaque capsule de Stabilium 200 contient :\u003c\/p\u003e\n\u003cdiv class=\"stab-composition\"\u003e\n\u003cdiv class=\"stab-compo-row stab-compo-star\"\u003e\n\u003cspan class=\"stab-compo-name\"\u003e\u003cstrong\u003eGarum Armoricum®\u003c\/strong\u003e (hydrolysat de poisson)\u003c\/span\u003e \u003cspan class=\"stab-compo-value\"\u003e27 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-compo-row stab-compo-star\"\u003e\n\u003cspan class=\"stab-compo-name\"\u003e\u003cstrong\u003eVitamine B6\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"stab-compo-value\"\u003e✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-compo-row\"\u003e\u003cspan class=\"stab-compo-name\"\u003eGélatine de poisson (enveloppe)\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stab-compo-row\"\u003e\u003cspan class=\"stab-compo-name\"\u003eStabilisant : glycérine végétale\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stab-compo-row\"\u003e\u003cspan class=\"stab-compo-name\"\u003eHuile de tournesol\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stab-compo-row\"\u003e\u003cspan class=\"stab-compo-name\"\u003eAgent d'enrobage : shellac\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stab-compo-row\"\u003e\u003cspan class=\"stab-compo-name\"\u003eLécithine de soja\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stab-compo-row\"\u003e\u003cspan class=\"stab-compo-name\"\u003eHuile de poisson\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stab-compo-row\"\u003e\u003cspan class=\"stab-compo-name\"\u003eStabilisant : monostéarate de glycérol\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"stab-compo-row\"\u003e\u003cspan class=\"stab-compo-name\"\u003eAntioxydants : tocophérols naturels, vitamine A (palmitate de rétinol)\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"stab-section\"\u003e\n\u003ch2\u003eStabilium 200 : posologie et conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"stab-timeline\"\u003e\n\u003cdiv class=\"stab-timeline-item\"\u003e\n\u003cdiv class=\"stab-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"stab-timeline-content\"\u003e\n\u003ch3\u003ePhase active — 6 semaines\u003c\/h3\u003e\n\u003cp\u003e2 capsules le matin et 2 capsules le soir, environ 30 minutes avant les repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-timeline-item\"\u003e\n\u003cdiv class=\"stab-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"stab-timeline-content\"\u003e\n\u003ch3\u003ePhase d'entretien\u003c\/h3\u003e\n\u003cp\u003e2 à 3 capsules par jour selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stab-tip\"\u003e\n\u003cspan class=\"stab-tip-icon\"\u003e🔄\u003c\/span\u003e\n\u003cp\u003eUne cure peut être renouvelée plusieurs fois par an, notamment lors des \u003cstrong\u003echangements de saison\u003c\/strong\u003e ou pendant les périodes particulièrement exigeantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"stab-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et effets indésirables\u003c\/h2\u003e\n\u003cp class=\"stab-section-intro\"\u003eStabilium 200 est généralement bien toléré. Aucun effet indésirable notable n'est rapporté aux doses recommandées. Toutefois, ce produit contient du \u003cstrong\u003epoisson et du soja\u003c\/strong\u003e : il est déconseillé aux personnes allergiques, aux femmes enceintes ou allaitantes, ainsi qu'aux enfants, sauf avis médical.\u003c\/p\u003e\n\u003cdiv class=\"stab-accordion\"\u003e\n\u003cdetails class=\"stab-accordion-item\"\u003e\n\u003csummary class=\"stab-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"stab-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques au poisson ou au soja, aux femmes enceintes ou allaitantes, ainsi qu'aux enfants, sauf avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stab-accordion-item\"\u003e\n\u003csummary class=\"stab-accordion-header\"\u003e📏 Recommandations d'usage\u003c\/summary\u003e\n\u003cdiv class=\"stab-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stab-accordion-item\"\u003e\n\u003csummary class=\"stab-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"stab-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stab-accordion-item\"\u003e\n\u003csummary class=\"stab-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"stab-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, ni à un traitement médical. En cas de traitement en cours, de troubles persistants ou de doute, demandez conseil à votre médecin ou à votre pharmacien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"stab-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eAvis sur Stabilium 200 : pourquoi le choisir ?\u003c\/h2\u003e\n\u003cdiv class=\"stab-cta-box\"\u003e\n\u003cp\u003ePlébiscité pour sa \u003cstrong\u003eformule marine unique\u003c\/strong\u003e et son efficacité ressentie sur le stress passager et la fatigue mentale, Stabilium 200 est aujourd'hui un incontournable disponible en pharmacie comme sur les sites spécialisés. Il séduit par son \u003cstrong\u003eapproche naturelle\u003c\/strong\u003e, son format pratique et sa capacité à accompagner en douceur les périodes de vie exigeantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --stab-cream: #f4f9fd;\n --stab-white: #ffffff;\n --stab-primary: #0f6cb8;\n --stab-primary-dark: #084a80;\n --stab-primary-light: #e3f0fa;\n --stab-secondary: #3ca4e0;\n --stab-accent: #d4a54a;\n --stab-text: #1a2a3a;\n --stab-text-light: #5a6a7a;\n --stab-border: #d8e6f0;\n --stab-shadow: 0 4px 24px rgba(15,108,184,.08);\n --stab-shadow-lg: 0 12px 48px rgba(15,108,184,.18);\n --stab-radius: 20px;\n --stab-radius-sm: 12px;\n}\n\n.stab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--stab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--stab-text);\n}\n\n.stab-hero {\n position: relative;\n background: linear-gradient(135deg, #0a5a9c 0%, #0f6cb8 50%, #3ca4e0 100%);\n border-radius: var(--stab-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(--stab-shadow-lg);\n}\n\n.stab-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .3;\n}\n\n.stab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.stab-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.stab-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.stab-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.stab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.stab-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(--stab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.stab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.stab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.stab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--stab-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.2;\n}\n\n.stab-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(--stab-primary), var(--stab-secondary));\n border-radius: 2px;\n}\n\n.stab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--stab-text-light);\n margin: 0 auto 1.5rem;\n max-width: 780px;\n line-height: 1.7;\n}\n\n.stab-card {\n background: var(--stab-white);\n border-radius: var(--stab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--stab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.stab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--stab-shadow-lg);\n border-color: var(--stab-primary);\n}\n\n.stab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--stab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.stab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--stab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.stab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.stab-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.stab-grid-compact .stab-card {\n padding: 1rem;\n}\n\n.stab-grid-compact .stab-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.stab-grid-compact .stab-card p {\n font-size: 12px;\n}\n\n.stab-highlight-box {\n background: linear-gradient(135deg, var(--stab-primary-light) 0%, #f0f8ff 100%);\n border-left: 4px solid var(--stab-primary);\n border-radius: var(--stab-radius-sm);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n margin-bottom: 1.5rem;\n}\n\n.stab-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--stab-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.stab-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n.stab-composition {\n background: var(--stab-white);\n border-radius: var(--stab-radius);\n padding: .5rem 1.25rem;\n box-shadow: var(--stab-shadow);\n}\n\n.stab-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 0;\n border-bottom: 1px solid var(--stab-border);\n gap: 1rem;\n}\n\n.stab-compo-row:last-child {\n border-bottom: none;\n}\n\n.stab-compo-star {\n background: linear-gradient(90deg, var(--stab-primary-light) 0%, transparent 100%);\n border-radius: 8px;\n padding: .875rem 1rem;\n margin: .25rem -.5rem;\n border-bottom: none;\n}\n\n.stab-compo-name {\n font-size: 14px;\n color: var(--stab-text);\n line-height: 1.4;\n}\n\n.stab-compo-value {\n font-weight: 800;\n color: var(--stab-primary-dark);\n font-size: 15px;\n flex-shrink: 0;\n}\n\n.stab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.stab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.stab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--stab-primary), var(--stab-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(15,108,184,.3);\n}\n\n.stab-timeline-content {\n flex: 1;\n background: var(--stab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--stab-radius-sm);\n box-shadow: var(--stab-shadow);\n}\n\n.stab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--stab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.stab-timeline-content p {\n font-size: 14px;\n color: var(--stab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.stab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--stab-primary-light);\n border-radius: var(--stab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.stab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.stab-tip p {\n font-size: 14px;\n color: var(--stab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.stab-accordion {\n background: var(--stab-white);\n border-radius: var(--stab-radius);\n box-shadow: var(--stab-shadow);\n overflow: hidden;\n}\n\n.stab-accordion-item {\n border-bottom: 1px solid var(--stab-border);\n margin: 0;\n padding: 0;\n}\n\n.stab-accordion-item:last-child {\n border-bottom: none;\n}\n\n.stab-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--stab-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.stab-accordion-header:hover {\n background: var(--stab-primary-light);\n}\n\n.stab-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.stab-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--stab-primary);\n transition: transform .2s ease;\n}\n\n.stab-accordion-item[open] .stab-accordion-header::after {\n content: '−';\n}\n\n.stab-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--stab-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.stab-accordion-content p {\n margin: 0;\n}\n\n.stab-cta-box {\n background: linear-gradient(135deg, var(--stab-primary) 0%, var(--stab-primary-dark) 100%);\n border-radius: var(--stab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--stab-shadow-lg);\n}\n\n.stab-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.stab-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.stab-disclaimer {\n font-size: 12px;\n color: var(--stab-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .stab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .stab-card {\n padding: 1.125rem;\n }\n .stab-section {\n margin-bottom: 1.75rem;\n }\n .stab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--stab-radius-sm);\n }\n .stab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .stab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .stab-grid-compact {\n gap: .625rem;\n }\n .stab-grid-compact .stab-card {\n padding: .75rem;\n }\n .stab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .stab-timeline-content {\n padding: .875rem 1rem;\n }\n .stab-timeline-content h3 {\n font-size: 14px;\n }\n .stab-timeline-content p {\n font-size: 13px;\n }\n .stab-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .stab-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .stab-composition {\n padding: .25rem 1rem;\n }\n .stab-compo-name {\n font-size: 13px;\n }\n .stab-compo-value {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .stab-card {\n animation: fadeInUp .5s ease backwards;\n }\n .stab-card:nth-child(1) { animation-delay: .05s; }\n .stab-card:nth-child(2) { animation-delay: .1s; }\n .stab-card:nth-child(3) { animation-delay: .15s; }\n .stab-card:nth-child(4) { animation-delay: .2s; }\n .stab-card:nth-child(5) { animation-delay: .25s; }\n .stab-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 .stab-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Yalacta","offers":[{"title":"30 gélules","offer_id":64729581748601,"sku":"YA0005","price":13.99,"currency_code":"EUR","in_stock":true},{"title":"90 gélules","offer_id":64729581781369,"sku":"YA0010","price":34.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/stabilium-200-30_gelules.webp?v=1790678281"},{"product_id":"huile-de-foie-de-morue-lysi","title":"La véritable Huile de Foie de Morue Lysi - Oméga 3, Vit. A \u0026 D - 120 capsules","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🐟 Oméga-3 EPA \u0026amp; DHA\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e☀️ Vitamine A \u0026amp; D\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e💊 120 capsules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lysi-hero-title\"\u003eLa véritable huile de foie de morue Lýsi\u003c\/span\u003e\n \u003cp class=\"lysi-subtitle\"\u003eCapital santé — Pureté islandaise depuis 1938\u003c\/p\u003e\n \u003cp class=\"lysi-description\"\u003eUn concentré naturel d'oméga-3, de vitamine A et de vitamine D, issu des eaux cristallines de l'Atlantique Nord. Le geste santé ancestral, dans sa forme la plus pure.\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 foie de morue Lysi : un trésor nutritionnel venu d'Islande\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eDepuis 1938, la marque islandaise Lýsi perpétue un savoir-faire unique dans la production d'huile de foie de morue d'une pureté remarquable.\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid-compact\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧊 Pureté nordique\u003c\/h3\u003e\n \u003cp\u003eMorues pêchées à l'état sauvage dans les eaux froides et pures de l'Atlantique Nord islandais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🐟 Oméga-3 EPA \u0026amp; DHA\u003c\/h3\u003e\n \u003cp\u003eDes acides gras essentiels naturellement présents dans l'huile de foie de morue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👁️ Vitamine A\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une vision normale et au bon état de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D\u003c\/h3\u003e\n \u003cp\u003eFavorise l'absorption du calcium et le fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lysi-section-footer\"\u003eCe qui distingue l'huile de foie de morue des simples huiles de poisson, c'est cette combinaison naturelle de vitamines liposolubles A et D associées aux oméga-3, sans ajout artificiel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de foie de morue pour votre organisme\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eSi nos grands-parents en prenaient chaque matin, ce n'était pas sans raison. Les bienfaits sont aujourd'hui largement documentés par la recherche scientifique.\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eLes acides gras oméga-3 EPA et DHA contribuent au fonctionnement normal du cœur, à condition d'un apport quotidien d'au moins 250 mg.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👁️ Vision et santé de la peau\u003c\/h3\u003e\n \u003cp\u003eLa vitamine A participe au maintien d'une vision normale et aide votre peau à rester en bonne santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🦴 Ossature et immunité\u003c\/h3\u003e\n \u003cp\u003eLa vitamine D favorise l'absorption du calcium, soutient une ossature normale et contribue au fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n \u003cp\u003eLe DHA contribue au fonctionnement normal du cerveau, un bienfait précieux à tout âge.\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 détaillée pour 4 capsules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"lysi-composition-table\"\u003e\n \u003cdiv class=\"lysi-comp-row lysi-comp-header\"\u003e\n \u003cspan\u003eNutriment\u003c\/span\u003e\n \u003cspan\u003eQuantité\u003c\/span\u003e\n \u003cspan\u003e% VNR*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-comp-row\"\u003e\n \u003cspan\u003e🐟 Huile de foie de morue\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e2 000 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-comp-row\"\u003e\n \u003cspan\u003e💧 EPA (oméga-3)\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e180 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-comp-row\"\u003e\n \u003cspan\u003e💧 DHA (oméga-3)\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-comp-row\"\u003e\n \u003cspan\u003e👁️ Vitamine A\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e800 µg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan\u003e100 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-comp-row\"\u003e\n \u003cspan\u003e☀️ Vitamine D3\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e5 µg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan\u003e100 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lysi-disclaimer\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003cdiv class=\"lysi-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"lysi-accordion-item\"\u003e\n \u003csummary class=\"lysi-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n \u003cp\u003eHuile de foie de morue (poisson), enveloppe de la capsule : gélatine de poisson, humectant : glycérol, antioxydant : tocophérols naturels (vitamine E).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\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\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\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 à 4 capsules par jour\u003c\/strong\u003e, de préférence au cours d'un repas contenant des matières grasses pour optimiser l'absorption des vitamines liposolubles.\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\u003eConfort optimal\u003c\/h3\u003e\n \u003cp\u003eLes capsules sont faciles à avaler et ne laissent aucun arrière-goût de poisson. Ce format convient aux adultes et aux adolescents.\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\u003eRégularité\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, intégrez la prise à votre routine quotidienne, au petit-déjeuner ou au déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-accordion\" style=\"margin-top: 1.25rem;\"\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\u003eNe dépassez pas la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez votre médecin en cas de grossesse, d'allaitement ou de traitement médical, notamment en raison de la teneur en vitamine A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de foie de morue Lysi ?\u003c\/h2\u003e\n \u003cp class=\"lysi-section-intro\"\u003eToutes les huiles de foie de morue ne se valent pas. Voici ce qui rend la formule Lýsi particulièrement fiable.\u003c\/p\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🇮🇸 Origine islandaise certifiée\u003c\/h3\u003e\n \u003cp\u003eLes morues sont pêchées à l'état sauvage dans les eaux pures d'Islande, loin des zones de pollution industrielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🌊 Pêche durable\u003c\/h3\u003e\n \u003cp\u003eLýsi s'engage dans une démarche responsable, respectueuse des écosystèmes marins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🔬 Purification avancée\u003c\/h3\u003e\n \u003cp\u003eL'huile est soigneusement filtrée et débarrassée des métaux lourds et contaminants, tout en préservant ses nutriments naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e✅ Sans additifs inutiles\u003c\/h3\u003e\n \u003cp\u003eLa formule reste simple, avec uniquement les ingrédients nécessaires à la qualité et à la conservation du produit.\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\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid-compact\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🛡️ Immunité hivernale\u003c\/h3\u003e\n \u003cp\u003eRenforcez vos défenses naturelles pendant les mois froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🦴 Os et articulations\u003c\/h3\u003e\n \u003cp\u003ePrenez soin de votre ossature grâce à la vitamine D.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧠 Bien-être cognitif\u003c\/h3\u003e\n \u003cp\u003eSoutenez votre cerveau avec un apport régulier en DHA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e💛 Capital santé global\u003c\/h3\u003e\n \u003cp\u003eUn geste simple et quotidien, ancré dans une tradition de bien-être qui a fait ses preuves depuis des générations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cp\u003e🇮🇸 Un savoir-faire islandais depuis 1938 — 120 capsules de pureté pour votre capital santé 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 --lysi-cream: #f4f6fa;\n --lysi-white: #ffffff;\n --lysi-primary: #1a3a6b;\n --lysi-primary-dark: #0e2244;\n --lysi-primary-light: #e8edf5;\n --lysi-secondary: #3a6fa8;\n --lysi-accent: #c9a84c;\n --lysi-text: #1a1a1a;\n --lysi-text-light: #5a5a5a;\n --lysi-border: #dce2ec;\n --lysi-shadow: 0 4px 24px rgba(26,58,107,.08);\n --lysi-shadow-lg: 0 12px 48px rgba(14,34,68,.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, #0e2244 0%, #1a3a6b 40%, #3a6fa8 75%, #c9a84c 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(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,168,76,.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,.25);\n}\n\n.lysi-subtitle {\n color: var(--lysi-accent);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.lysi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.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-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.lysi-section-footer {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 15px);\n color: var(--lysi-text-light);\n margin-top: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n font-style: italic;\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\/* === COMPOSITION TABLE === *\/\n.lysi-composition-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-comp-row {\n display: grid;\n grid-template-columns: 1fr auto auto;\n gap: 1rem;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--lysi-border);\n align-items: center;\n font-size: 14px;\n color: var(--lysi-text);\n}\n\n.lysi-comp-row:last-child {\n border-bottom: none;\n}\n\n.lysi-comp-header {\n background: var(--lysi-primary-dark);\n color: white;\n font-weight: 700;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n.lysi-comp-header span {\n color: white;\n}\n\n.lysi-comp-row span:nth-child(2),\n.lysi-comp-row span:nth-child(3) {\n text-align: right;\n white-space: nowrap;\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 box-shadow: 0 4px 12px rgba(26,58,107,.25);\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\/* === 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 === *\/\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::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(201,168,76,.15) 0%, transparent 60%);\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,.15);\n margin: 0;\n position: relative;\n z-index: 1;\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-comp-row {\n padding: .75rem 1rem;\n font-size: 13px;\n gap: .5rem;\n }\n\n .lysi-comp-header {\n font-size: 11px;\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 .lysi-timeline-item {\n animation: lysiFadeInUp .5s ease backwards;\n }\n .lysi-timeline-item:nth-child(1) { animation-delay: .05s; }\n .lysi-timeline-item:nth-child(2) { animation-delay: .15s; }\n .lysi-timeline-item:nth-child(3) { animation-delay: .25s; }\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":54865523081593,"sku":"NBAILSI0003","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/la-veritable-huile-de-foie-de-morue-lysi-omega-3-vit-a-d-120-packshothd_01e60822-cc61-487e-8fde-a9612663bcb3.webp?v=1790596732"},{"product_id":"centella-asiatica-bio-gelules-graine-sauvage","title":"Centella Asiatica Bio - Vivacité intellectuelle - 60 gélules – Graine sauvage","description":"\u003cdiv class=\"ca-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ca-hero\"\u003e\n \u003cdiv class=\"ca-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ca-hero-content\"\u003e\n \u003cdiv class=\"ca-badges-top\"\u003e\n \u003cspan class=\"ca-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"ca-badge\"\u003e🧠 Vivacité intellectuelle\u003c\/span\u003e\n \u003cspan class=\"ca-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ca-hero-title\"\u003eCentella Asiatica Bio\u003c\/span\u003e\n \u003cp class=\"ca-subtitle\"\u003eExtrait concentré titré à 20 % de saponines\u003c\/p\u003e\n \u003cp class=\"ca-description\"\u003eAussi appelée Gotu Kola, cette plante millénaire de l'Ayurveda soutient vos fonctions cognitives, votre mémoire et votre clarté mentale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eCentella Asiatica Bio : le soutien naturel de votre vivacité intellectuelle\u003c\/h2\u003e\n \u003cp class=\"ca-section-intro\"\u003eVous cherchez un allié naturel pour garder l'esprit vif au quotidien ? La \u003cstrong\u003eCentella Asiatica Bio\u003c\/strong\u003e de Graine Sauvage est un complément alimentaire formulé à partir d'un \u003cstrong\u003eextrait concentré et titré\u003c\/strong\u003e, spécialement conçu pour soutenir vos fonctions cognitives.\u003c\/p\u003e\n \u003cdiv class=\"ca-grid-compact\"\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🌏 Origine millénaire\u003c\/h3\u003e\n \u003cp\u003ePlante herbacée d'Asie utilisée depuis des siècles en médecine ayurvédique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🧬 Gotu Kola\u003c\/h3\u003e\n \u003cp\u003eNom traditionnel de cette plante aux propriétés remarquables sur le cerveau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n \u003cp\u003eSoutient naturellement les fonctions cognitives et le système nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eUn complément pur, sans additifs chimiques ni excipients superflus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eUne formule bio concentrée et rigoureusement dosée\u003c\/h2\u003e\n \u003cp class=\"ca-section-intro\"\u003eCe qui distingue ce complément, c'est la qualité de son extrait. Chaque dose quotidienne de \u003cstrong\u003e3 gélules\u003c\/strong\u003e vous apporte :\u003c\/p\u003e\n \u003cdiv class=\"ca-grid\"\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Centella Asiatica Bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e750 mg\u003c\/strong\u003e titré à \u003cstrong\u003e20 % de saponines (150 mg)\u003c\/strong\u003e, dont des asiaticosides et madécassosides, les principes actifs clés de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🌾 Fibre d'acacia Bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e75 mg\u003c\/strong\u003e — un prébiotique doux qui favorise l'absorption optimale des nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e⚡ Carbonate de magnésium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e15 mg\u003c\/strong\u003e — contribue au bon fonctionnement du système nerveux et à la réduction de la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-tip\"\u003e\n \u003cspan class=\"ca-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eGélule végétale en hypromellose\u003c\/strong\u003e, convenant parfaitement aux personnes végétariennes et véganes. Produit \u003cstrong\u003ecertifié AB\u003c\/strong\u003e par Ecocert (FR-BIO-01), issu d'une culture responsable en Inde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eBienfaits de la Centella Asiatica sur les fonctions cognitives\u003c\/h2\u003e\n \u003cp class=\"ca-section-intro\"\u003eLes bienfaits de la Centella Asiatica sont largement documentés. Grâce à sa richesse en saponines triterpéniques, cet extrait agit sur plusieurs niveaux :\u003c\/p\u003e\n \u003cdiv class=\"ca-grid\"\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🎯 Mémoire et concentration\u003c\/h3\u003e\n \u003cp\u003eContribue à stimuler l'activité cognitive, un atout précieux en période d'effort intellectuel intense ou avec l'avancée en âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🛡️ Protection des cellules cérébrales\u003c\/h3\u003e\n \u003cp\u003eSes propriétés antioxydantes aident à lutter contre le stress oxydatif, un facteur majeur du vieillissement neuronal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e☯️ Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement reconnue pour ses vertus apaisantes, elle aide à mieux gérer le stress et les tensions nerveuses au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e💧 Microcirculation\u003c\/h3\u003e\n \u003cp\u003eFavorise une bonne circulation sanguine, y compris au niveau cérébral, ce qui soutient l'oxygénation du cerveau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-tip\"\u003e\n \u003cspan class=\"ca-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e au-delà de ses effets sur la cognition, la Centella Asiatica est également très prisée en cosmétique pour ses \u003cstrong\u003ebienfaits sur le visage\u003c\/strong\u003e et la peau, notamment ses propriétés cicatrisantes et régénérantes. Ici, c'est sous forme de complément alimentaire que vous profitez de ses vertus, de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ca-timeline\"\u003e\n \u003cdiv class=\"ca-timeline-item\"\u003e\n \u003cdiv class=\"ca-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au moment du dîner, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-item\"\u003e\n \u003cdiv class=\"ca-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-content\"\u003e\n \u003ch3\u003eDurée du pilulier\u003c\/h3\u003e\n \u003cp\u003eLe pilulier de \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e correspond à \u003cstrong\u003e20 jours d'utilisation\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-item\"\u003e\n \u003cdiv class=\"ca-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, une \u003cstrong\u003ecure de plusieurs semaines\u003c\/strong\u003e est recommandée.\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=\"ca-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ca-accordion\"\u003e\n \u003cdetails class=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, une alimentation variée et équilibrée, ni un mode de vie sain. En cas de doute ou si vous suivez un traitement, 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\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ca-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ca-cta-box\"\u003e\n \u003cp\u003e🌿 Avec la \u003cstrong\u003eCentella Asiatica Bio de Graine Sauvage\u003c\/strong\u003e, offrez à votre cerveau un soutien végétal authentique, certifié bio et concentré en principes actifs. Un choix simple et naturel pour cultiver votre clarté mentale jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ca-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée · Certifié AB par Ecocert (FR-BIO-01)\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ca-cream: #f7f9f3;\n --ca-white: #ffffff;\n --ca-primary: #6b9e3a;\n --ca-primary-dark: #3d6b1a;\n --ca-primary-light: #eef5e4;\n --ca-secondary: #c8d931;\n --ca-accent: #e8d72a;\n --ca-text: #1a1a1a;\n --ca-text-light: #5a5a5a;\n --ca-border: #e0e0e0;\n --ca-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ca-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ca-radius: 20px;\n --ca-radius-sm: 12px;\n}\n\n.ca-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ca-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ca-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1a 0%, #6b9e3a 50%, #9abf4a 100%);\n border-radius: var(--ca-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(--ca-shadow-lg);\n}\n\n.ca-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,49,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,215,42,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: .6;\n}\n\n.ca-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ca-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.ca-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 text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.ca-description {\n color: rgba(255,255,255,.85);\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.ca-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ca-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(--ca-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ca-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ca-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ca-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ca-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.ca-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(--ca-primary), var(--ca-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ca-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ca-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.ca-section-intro strong {\n color: var(--ca-text);\n}\n\n\/* === CARDS === *\/\n.ca-card {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ca-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ca-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ca-shadow-lg);\n border-color: var(--ca-primary);\n}\n\n.ca-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ca-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ca-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ca-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ca-card p strong {\n color: var(--ca-text);\n}\n\n\/* === GRILLES === *\/\n.ca-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ca-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ca-grid-compact .ca-card {\n padding: 1rem;\n}\n\n.ca-grid-compact .ca-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ca-grid-compact .ca-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ca-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ca-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ca-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ca-primary), var(--ca-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.ca-timeline-content {\n flex: 1;\n background: var(--ca-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ca-radius-sm);\n box-shadow: var(--ca-shadow);\n}\n\n.ca-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ca-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ca-timeline-content p {\n font-size: 14px;\n color: var(--ca-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ca-timeline-content p strong {\n color: var(--ca-text);\n}\n\n\/* === TIP BOX === *\/\n.ca-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ca-primary-light);\n border-radius: var(--ca-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ca-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ca-tip p {\n font-size: 14px;\n color: var(--ca-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ca-accordion {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n box-shadow: var(--ca-shadow);\n overflow: hidden;\n}\n\n.ca-accordion-item {\n border-bottom: 1px solid var(--ca-border);\n margin: 0;\n padding: 0;\n}\n\n.ca-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ca-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ca-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.ca-accordion-header:hover {\n background: var(--ca-primary-light);\n}\n\n.ca-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ca-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ca-primary);\n transition: transform .2s ease;\n}\n\n.ca-accordion-item[open] .ca-accordion-header::after {\n content: '−';\n}\n\n.ca-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ca-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ca-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.ca-testimonial {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ca-shadow);\n border-left: 4px solid var(--ca-primary);\n}\n\n.ca-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ca-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ca-cta-box {\n background: linear-gradient(135deg, var(--ca-primary) 0%, var(--ca-primary-dark) 100%);\n border-radius: var(--ca-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ca-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.ca-disclaimer {\n font-size: 12px;\n color: var(--ca-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 .ca-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ca-card {\n padding: 1.125rem;\n }\n\n .ca-section {\n margin-bottom: 1.75rem;\n }\n\n .ca-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ca-radius-sm);\n }\n\n .ca-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ca-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ca-grid-compact {\n gap: .625rem;\n }\n\n .ca-grid-compact .ca-card {\n padding: .75rem;\n }\n\n .ca-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ca-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ca-timeline-content h3 {\n font-size: 14px;\n }\n\n .ca-timeline-content p {\n font-size: 13px;\n }\n\n .ca-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ca-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ca-testimonial {\n padding: 1.25rem;\n }\n\n .ca-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ca-card {\n animation: caFadeInUp .5s ease backwards;\n }\n .ca-card:nth-child(1) { animation-delay: .05s; }\n .ca-card:nth-child(2) { animation-delay: .1s; }\n .ca-card:nth-child(3) { animation-delay: .15s; }\n .ca-card:nth-child(4) { animation-delay: .2s; }\n .ca-card:nth-child(5) { animation-delay: .25s; }\n .ca-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes caFadeInUp {\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 .ca-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":54884041294201,"sku":"GS0015","price":13.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/centella-asiatica-bio-vivacite-intellectuelle-60-gelules-gra-packshothd_1e58dfd3-44e3-48e4-8e49-79651a1eebf3.webp?v=1785946275"},{"product_id":"guarana-bio-graine-sauvage","title":"Guarana bio - 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Guarana bio - 60 gélules - Graine Sauvage\nPalette détectée:\n - Primaire: #7CB342 (vert clair\/lime du packaging et du logo)\n - Secondaire: #C8E45C (jaune-vert vif du bouchon)\n - Accent: #4E8B2F (vert foncé des labels bio)\nAmbiance: Naturel\/bio, frais, tonique, brésilien\/tropical, accessible et joyeux (mascotte souriante)\nPréfixe CSS: gu\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Guarana bio Graine Sauvage : votre allié naturel pour l'énergie et la minceur\"\n 2. \"Pourquoi choisir le guarana bio en gélules ?\"\n 3. \"Les bienfaits concrets du guarana bio\"\n 4. \"Composition détaillée\"\n 5. \"Comment prendre le guarana bio ?\"\n 6. \"Précautions d'emploi importantes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gu-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gu-hero\"\u003e\n \u003cdiv class=\"gu-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gu-hero-content\"\u003e\n \u003cdiv class=\"gu-badges-top\"\u003e\n \u003cspan class=\"gu-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"gu-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"gu-badge\"\u003e🇧🇷 Origine Brésil\u003c\/span\u003e\n \u003cspan class=\"gu-badge\"\u003e⚡ Énergie progressive\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gu-hero-title\"\u003eGuarana bio – 60 gélules\u003c\/span\u003e\n \u003cp class=\"gu-subtitle\"\u003eGraine Sauvage\u003c\/p\u003e\n \u003cp class=\"gu-description\"\u003eL'énergie tonifiante de l'Amazonie, certifiée biologique, en gélules végétales pour 10 jours de vitalité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003eGuarana bio Graine Sauvage : votre allié naturel pour l'énergie et la minceur\u003c\/h2\u003e\n \u003cp class=\"gu-section-intro\"\u003eOriginaire des forêts amazoniennes du Brésil, le \u003cstrong\u003eguarana bio\u003c\/strong\u003e (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) est une plante reconnue depuis des siècles par les peuples autochtones pour ses propriétés tonifiantes exceptionnelles.\u003c\/p\u003e\n \u003cdiv class=\"gu-grid-compact\"\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🌱 100% biologique\u003c\/h3\u003e\n \u003cp\u003eCertifié Agriculture Biologique, cultivé sans pesticides ni OGM\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e💊 60 gélules végétales\u003c\/h3\u003e\n \u003cp\u003eDosage précis et prise simplifiée, sans goût amer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e⚡ Vitalité durable\u003c\/h3\u003e\n \u003cp\u003eCaféine à libération progressive pour une énergie sans coup de barre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🎯 Objectif minceur\u003c\/h3\u003e\n \u003cp\u003eAccompagne votre gestion du poids au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003ePourquoi choisir le guarana bio en gélules ?\u003c\/h2\u003e\n \u003cdiv class=\"gu-highlight-box\"\u003e\n \u003cp\u003eContrairement à la \u003cstrong\u003epoudre de guarana bio\u003c\/strong\u003e en vrac, les gélules végétales offrent un \u003cstrong\u003edosage précis\u003c\/strong\u003e et une prise simplifiée, sans le goût amer caractéristique de la plante. Vous bénéficiez ainsi de tous les bienfaits du \u003cstrong\u003eguarana pure bio\u003c\/strong\u003e, sans compromis sur la praticité.\u003c\/p\u003e\n \u003cp\u003eLa graine de guarana contient naturellement de la \u003cstrong\u003eguaranine\u003c\/strong\u003e, une forme de caféine à libération progressive. Résultat : l'effet stimulant se diffuse de manière \u003cstrong\u003eplus douce et plus durable\u003c\/strong\u003e qu'un simple café, vous évitant les pics d'énergie suivis de coups de barre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-comparison\"\u003e\n \u003cdiv class=\"gu-comparison-item gu-comparison-no\"\u003e\n \u003ch3\u003e☕ Café classique\u003c\/h3\u003e\n \u003cp\u003ePic d'énergie rapide puis coup de barre, effet bref, acidité gastrique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-comparison-item gu-comparison-yes\"\u003e\n \u003ch3\u003e🌿 Guarana bio\u003c\/h3\u003e\n \u003cp\u003eÉnergie progressive et durable, libération lente de la guaranine, doux pour l'estomac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets du guarana bio\u003c\/h2\u003e\n \u003cdiv class=\"gu-grid\"\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🧠 Énergie et concentration\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eguarana énergie\u003c\/strong\u003e contribue à réduire la fatigue physique et mentale. Particulièrement apprécié en période de travail intense, de révisions ou lors de séances sportives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🔥 Soutien minceur naturel\u003c\/h3\u003e\n \u003cp\u003eLe guarana favorise la \u003cstrong\u003ethermogenèse\u003c\/strong\u003e, aidant votre corps à mobiliser ses réserves de graisses. Un véritable atout dans votre programme \u003cstrong\u003ebio minceur\u003c\/strong\u003e associé à une alimentation équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e🛡️ Richesse en antioxydants\u003c\/h3\u003e\n \u003cp\u003eLes graines de guarana renferment des \u003cstrong\u003etanins et des catéchines\u003c\/strong\u003e qui participent à la protection de vos cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card\"\u003e\n \u003ch3\u003e✅ Certification biologique\u003c\/h3\u003e\n \u003cp\u003eCertifié par \u003cstrong\u003eFR-BIO-01\u003c\/strong\u003e, cultivé au Brésil sans pesticides ni OGM, dans le respect de l'environnement et des producteurs locaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"gu-section-intro\"\u003ePour \u003cstrong\u003e6 gélules\u003c\/strong\u003e (dose journalière recommandée) :\u003c\/p\u003e\n \u003cdiv class=\"gu-grid\"\u003e\n \u003cdiv class=\"gu-card gu-card-compo\"\u003e\n \u003ch3\u003e🌿 Guarana bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePaullinia cupana\u003c\/em\u003e, graine\u003c\/p\u003e\n \u003cspan class=\"gu-dosage\"\u003e1 800 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card gu-card-compo\"\u003e\n \u003ch3\u003e⚡ Caféine naturelle\u003c\/h3\u003e\n \u003cp\u003eIssue naturellement de la graine de guarana\u003c\/p\u003e\n \u003cspan class=\"gu-dosage\"\u003e≈ 90 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-card gu-card-compo\"\u003e\n \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003eHypromellose (gélule 100% végétale)\u003c\/p\u003e\n \u003cspan class=\"gu-dosage\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-tip\"\u003e\n \u003cspan class=\"gu-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 60 gélules végétales, soit \u003cstrong\u003e10 jours d'utilisation\u003c\/strong\u003e à la dose maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003eComment prendre le guarana bio ?\u003c\/h2\u003e\n \u003cdiv class=\"gu-timeline\"\u003e\n \u003cdiv class=\"gu-timeline-item\"\u003e\n \u003cspan class=\"gu-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"gu-timeline-content\"\u003e\n \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n \u003cp\u003eDébutez par \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e (1 gélule par repas) pour évaluer votre tolérance à la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-timeline-item\"\u003e\n \u003cspan class=\"gu-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"gu-timeline-content\"\u003e\n \u003ch3\u003eAugmentez si nécessaire\u003c\/h3\u003e\n \u003cp\u003ePassez à \u003cstrong\u003e1 à 2 gélules, trois fois par jour\u003c\/strong\u003e (jusqu'à 6 gélules max), au moment des repas avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-timeline-item\"\u003e\n \u003cspan class=\"gu-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"gu-timeline-content\"\u003e\n \u003ch3\u003eRespectez les horaires\u003c\/h3\u003e\n \u003cp\u003ePrenez vos gélules \u003cstrong\u003eau moment des repas\u003c\/strong\u003e pour une absorption optimale et un confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gu-tip\"\u003e\n \u003cspan class=\"gu-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e évitez toute prise après 16 h pour préserver la qualité de votre sommeil. Si vous consommez déjà du café ou du thé, pensez à ajuster votre consommation globale de caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gu-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"gu-accordion\"\u003e\n \u003cdetails class=\"gu-accordion-item\"\u003e\n \u003csummary class=\"gu-accordion-header\"\u003e⚠️ Dose journalière maximale\u003c\/summary\u003e\n \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière de \u003cstrong\u003e6 gélules\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gu-accordion-item\"\u003e\n \u003csummary class=\"gu-accordion-header\"\u003e🚫 Personnes concernées par les contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e, aux enfants et adolescents de moins de 18 ans. Contient de la \u003cstrong\u003ecaféine\u003c\/strong\u003e (environ 90 mg pour 6 gélules) : déconseillé aux personnes sensibles à la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gu-accordion-item\"\u003e\n \u003csummary class=\"gu-accordion-header\"\u003e📋 Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace ni un régime alimentaire varié et équilibré, ni un mode de vie sain, ni un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gu-accordion-item\"\u003e\n \u003csummary class=\"gu-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gu-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gu-cta-box\"\u003e\n \u003cp\u003eAvec le \u003cstrong\u003eGuarana bio de Graine Sauvage\u003c\/strong\u003e, vous faites le choix d'un coup de pouce naturel et certifié biologique. 🌿\u003cbr\u003eQue vous cherchiez à retrouver du tonus au quotidien ou à soutenir votre démarche minceur, cette petite graine amazonienne a beaucoup à vous offrir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gu-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gu-cream: #f7faf0;\n --gu-white: #ffffff;\n --gu-primary: #7CB342;\n --gu-primary-dark: #4E8B2F;\n --gu-primary-light: #e8f5d6;\n --gu-secondary: #C8E45C;\n --gu-accent: #F9A825;\n --gu-text: #1a1a1a;\n --gu-text-light: #5a5a5a;\n --gu-border: #dde8cc;\n --gu-shadow: 0 4px 24px rgba(78,139,47,.08);\n --gu-shadow-lg: 0 12px 48px rgba(78,139,47,.15);\n --gu-radius: 20px;\n --gu-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gu-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gu-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gu-premium *, .gu-premium *::before, .gu-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.gu-hero {\n position: relative;\n background: linear-gradient(135deg, #4E8B2F 0%, #7CB342 40%, #A5D64E 75%, #C8E45C 100%);\n border-radius: var(--gu-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gu-shadow-lg);\n}\n\n.gu-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gu-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.gu-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gu-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gu-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gu-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.gu-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gu-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.gu-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.gu-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gu-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gu-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.gu-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gu-primary), var(--gu-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gu-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gu-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gu-card {\n background: var(--gu-white);\n border-radius: var(--gu-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gu-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gu-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gu-shadow-lg);\n border-color: var(--gu-primary);\n}\n\n.gu-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gu-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gu-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gu-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD COMPO (dosage) === *\/\n.gu-card-compo {\n position: relative;\n padding-bottom: clamp(3rem, 5vw, 3.5rem);\n}\n\n.gu-dosage {\n position: absolute;\n bottom: 1rem;\n left: 50%;\n transform: translateX(-50%);\n display: inline-block;\n background: linear-gradient(135deg, var(--gu-primary), var(--gu-primary-dark));\n color: white;\n font-size: 14px;\n font-weight: 800;\n padding: 6px 18px;\n border-radius: 999px;\n letter-spacing: .02em;\n}\n\n\/* === GRILLES === *\/\n.gu-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gu-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gu-grid-compact .gu-card {\n padding: 1rem;\n}\n\n.gu-grid-compact .gu-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gu-grid-compact .gu-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gu-highlight-box {\n background: var(--gu-white);\n border-radius: var(--gu-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gu-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--gu-secondary);\n}\n\n.gu-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gu-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.gu-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === COMPARISON === *\/\n.gu-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.gu-comparison-item {\n background: var(--gu-white);\n border-radius: var(--gu-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gu-shadow);\n text-align: center;\n border-top: 4px solid var(--gu-border);\n transition: all .3s ease;\n}\n\n.gu-comparison-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--gu-shadow-lg);\n}\n\n.gu-comparison-no {\n border-top-color: #e57373;\n}\n\n.gu-comparison-yes {\n border-top-color: var(--gu-primary);\n}\n\n.gu-comparison-item h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gu-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gu-comparison-item p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gu-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.gu-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gu-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gu-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gu-primary), var(--gu-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gu-timeline-content {\n flex: 1;\n background: var(--gu-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gu-radius-sm);\n box-shadow: var(--gu-shadow);\n}\n\n.gu-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gu-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gu-timeline-content p {\n font-size: 14px;\n color: var(--gu-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gu-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gu-primary-light);\n border-radius: var(--gu-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gu-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gu-tip p {\n font-size: 14px;\n color: var(--gu-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gu-accordion {\n background: var(--gu-white);\n border-radius: var(--gu-radius);\n box-shadow: var(--gu-shadow);\n overflow: hidden;\n}\n\n.gu-accordion-item {\n border-bottom: 1px solid var(--gu-border);\n margin: 0;\n padding: 0;\n}\n\n.gu-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gu-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gu-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gu-accordion-header:hover {\n background: var(--gu-primary-light);\n}\n\n.gu-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gu-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gu-primary);\n transition: transform .2s ease;\n}\n\n.gu-accordion-item[open] .gu-accordion-header::after {\n content: '−';\n}\n\n.gu-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gu-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gu-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gu-cta-box {\n background: linear-gradient(135deg, var(--gu-primary) 0%, var(--gu-primary-dark) 100%);\n border-radius: var(--gu-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gu-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(200,228,92,.2) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.gu-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gu-disclaimer {\n font-size: 12px;\n color: var(--gu-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gu-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gu-card {\n padding: 1.125rem;\n }\n\n .gu-section {\n margin-bottom: 1.75rem;\n }\n\n .gu-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gu-radius-sm);\n }\n\n .gu-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gu-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gu-grid-compact {\n gap: .625rem;\n }\n\n .gu-grid-compact .gu-card {\n padding: .75rem;\n }\n\n .gu-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gu-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gu-timeline-content h3 {\n font-size: 14px;\n }\n\n .gu-timeline-content p {\n font-size: 13px;\n }\n\n .gu-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gu-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gu-highlight-box {\n padding: 1.25rem;\n }\n\n .gu-highlight-box p {\n font-size: 14px;\n }\n\n .gu-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gu-card-compo {\n padding-bottom: 3rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gu-card {\n animation: guFadeInUp .5s ease backwards;\n }\n .gu-card:nth-child(1) { animation-delay: .05s; }\n .gu-card:nth-child(2) { animation-delay: .1s; }\n .gu-card:nth-child(3) { animation-delay: .15s; }\n .gu-card:nth-child(4) { animation-delay: .2s; }\n .gu-card:nth-child(5) { animation-delay: .25s; }\n .gu-card:nth-child(6) { animation-delay: .3s; }\n\n .gu-timeline-item {\n animation: guFadeInUp .5s ease backwards;\n }\n .gu-timeline-item:nth-child(1) { animation-delay: .05s; }\n .gu-timeline-item:nth-child(2) { animation-delay: .1s; }\n .gu-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes guFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gu-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54887997997433,"sku":"GS0025","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guarana-bio-60-gelules-graine-sauvage-packshothd.webp?v=1785945847"},{"product_id":"mate-vert-graine-sauvage","title":"Maté Vert Bio - 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Maté Vert Bio - 60 gélules - Graine Sauvage\nPalette détectée:\n - Primaire: #7CB342 (vert vif du bouchon\/éléments du packaging)\n - Secondaire: #558B2F (vert foncé du label bio et textes)\n - Accent: #C0D904 (vert-jaune chartreuse du bouchon)\n - Fond crème: #F7F5EF (blanc cassé\/crème du flacon)\nAmbiance: Naturel\/bio, frais, énergisant, simple et authentique, petite marque artisanale engagée\nPréfixe CSS: mv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Maté vert bio : un allié naturel pour votre énergie et votre vitalité\"\n 2. \"Les bienfaits du maté vert sur votre organisme\"\n 3. \"Maté vert ou thé vert : lequel choisir ?\"\n 4. \"Composition et posologie\"\n 5. \"Qualité et engagements Graine Sauvage\"\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=\"mv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mv-hero\"\u003e\n \u003cdiv class=\"mv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mv-hero-content\"\u003e\n \u003cdiv class=\"mv-badges-top\"\u003e\n \u003cspan class=\"mv-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"mv-badge\"\u003e🇧🇷 Origine Brésil\u003c\/span\u003e\n \u003cspan class=\"mv-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mv-hero-title\"\u003eMaté Vert Bio\u003c\/span\u003e\n \u003cp class=\"mv-subtitle\"\u003eGraine Sauvage — 60 gélules végétales\u003c\/p\u003e\n \u003cp class=\"mv-description\"\u003eL'énergie naturelle des forêts subtropicales brésiliennes, concentrée dans une gélule 100 % bio. Stimulant, drainant et riche en antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mv-section\"\u003e\n \u003ch2\u003eMaté vert bio : un allié naturel pour votre énergie et votre vitalité\u003c\/h2\u003e\n \u003cp class=\"mv-section-intro\"\u003eOriginaire des forêts subtropicales du Brésil, le \u003cstrong\u003ematé vert bio\u003c\/strong\u003e de Graine Sauvage vous offre toute la puissance de l'\u003cem\u003eIlex paraguariensis\u003c\/em\u003e dans un format pratique de \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mv-grid-compact\"\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🌱 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique contrôlée par FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e☕ Alternative au café\u003c\/h3\u003e\n \u003cp\u003eÉnergie durable sans les pics nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🍃 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eGélules HPMC d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e📅 15 jours\u003c\/h3\u003e\n \u003cp\u003eUn pilulier complet pour démarrer votre cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mv-section\"\u003e\n \u003ch2\u003eLes bienfaits du maté vert sur votre organisme\u003c\/h2\u003e\n \u003cp class=\"mv-section-intro\"\u003eBien plus qu'une simple boisson traditionnelle sud-américaine, le maté vert est un véritable concentré de bienfaits pour votre corps et votre esprit.\u003c\/p\u003e\n \u003cdiv class=\"mv-grid\"\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e⚡ Stimulant naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en caféine (matéine), le maté vert vous aide à retrouver énergie et vigilance sans les pics nerveux du café. Idéal pour les journées chargées ou les baisses de régime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e⚖️ Contrôle du poids\u003c\/h3\u003e\n \u003cp\u003eReconnu pour favoriser le métabolisme des graisses et réduire la sensation de faim, le maté vert est un partenaire précieux dans le cadre d'un programme minceur équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e💧 Effet drainant\u003c\/h3\u003e\n \u003cp\u003eIl soutient l'élimination rénale de l'eau, contribuant ainsi à lutter contre la rétention d'eau et à vous sentir plus léger au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🛡️ Richesse en antioxydants\u003c\/h3\u003e\n \u003cp\u003eSes polyphénols protègent vos cellules contre le stress oxydatif, un facteur clé du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🧬 Vitamines et minéraux\u003c\/h3\u003e\n \u003cp\u003eLe maté vert apporte naturellement des vitamines B1 et B2, du magnésium et du potassium, essentiels au bon fonctionnement de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mv-section\"\u003e\n \u003ch2\u003eMaté vert ou thé vert : lequel choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"mv-versus\"\u003e\n \u003cdiv class=\"mv-versus-intro\"\u003e\n \u003cp\u003eVous hésitez entre \u003cstrong\u003ematé et thé vert\u003c\/strong\u003e ? Ces deux plantes partagent des vertus antioxydantes et stimulantes, mais le maté vert se distingue par sa richesse nutritionnelle plus complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-grid-compact\"\u003e\n \u003cdiv class=\"mv-card mv-card-highlight\"\u003e\n \u003ch3\u003e🧉 Maté vert\u003c\/h3\u003e\n \u003cp\u003eVitamines B1 \u0026amp; B2 plus abondantes, effet coupe-faim plus marqué, stimulation progressive et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🍵 Thé vert\u003c\/h3\u003e\n \u003cp\u003eRiche en catéchines (EGCG), effet antioxydant puissant, stimulation plus légère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-tip\"\u003e\n \u003cspan class=\"mv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eRien ne vous empêche de les associer dans votre routine bien-être : \u003cstrong\u003ethé vert et maté\u003c\/strong\u003e se complètent à merveille pour une synergie optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mv-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"mv-composition-box\"\u003e\n \u003cdiv class=\"mv-composition-header\"\u003e\n \u003ch3\u003e🧪 Ingrédients pour 4 gélules (dose journalière)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-composition-list\"\u003e\n \u003cdiv class=\"mv-composition-row\"\u003e\n \u003cspan class=\"mv-composition-label\"\u003ePoudre de feuilles de maté vert bio (\u003cem\u003eIlex paraguariensis\u003c\/em\u003e)\u003c\/span\u003e\n \u003cspan class=\"mv-composition-value\"\u003e1 200 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-composition-row\"\u003e\n \u003cspan class=\"mv-composition-label\"\u003eEnveloppe de la gélule : HPMC (origine végétale)\u003c\/span\u003e\n \u003cspan class=\"mv-composition-value\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-timeline\"\u003e\n \u003cdiv class=\"mv-timeline-item\"\u003e\n \u003cdiv class=\"mv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mv-timeline-content\"\u003e\n \u003ch3\u003eMatin — 2 gélules\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 gélules avec un grand verre d'eau au moment du petit-déjeuner pour démarrer la journée avec énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-timeline-item\"\u003e\n \u003cdiv class=\"mv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mv-timeline-content\"\u003e\n \u003ch3\u003eMidi — 2 gélules\u003c\/h3\u003e\n \u003cp\u003ePrenez 2 gélules supplémentaires au moment du déjeuner. Évitez la prise en fin de journée en raison de l'effet stimulant de la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-timeline-item\"\u003e\n \u003cdiv class=\"mv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mv-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLa boîte de 60 gélules correspond à \u003cstrong\u003e15 jours d'utilisation\u003c\/strong\u003e. Renouvelez selon vos besoins.\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=\"mv-section\"\u003e\n \u003ch2\u003eQualité et engagements Graine Sauvage\u003c\/h2\u003e\n \u003cdiv class=\"mv-grid\"\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n \u003cp\u003eMaté vert sélectionné directement auprès de producteurs brésiliens engagés dans une agriculture biologique respectueuse des écosystèmes locaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🔬 Contrôle qualité\u003c\/h3\u003e\n \u003cp\u003eChaque lot est rigoureusement contrôlé pour garantir l'absence de pesticides et de métaux lourds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🌿 Végétarien \u0026amp; végétalien\u003c\/h3\u003e\n \u003cp\u003eLes gélules végétales HPMC conviennent parfaitement aux personnes suivant un régime végétarien ou végétalien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mv-accordion\"\u003e\n \u003cdetails class=\"mv-accordion-item\"\u003e\n \u003csummary class=\"mv-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sensibles à la caféine. En cas de traitement médical, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mv-accordion-item\"\u003e\n \u003csummary class=\"mv-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 4 gélules. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mv-accordion-item\"\u003e\n \u003csummary class=\"mv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mv-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --mv-cream: #F7F5EF;\n --mv-white: #ffffff;\n --mv-primary: #7CB342;\n --mv-primary-dark: #33691E;\n --mv-primary-light: #E8F5E9;\n --mv-secondary: #558B2F;\n --mv-accent: #C0D904;\n --mv-text: #1a1a1a;\n --mv-text-light: #5a5a5a;\n --mv-border: #e0e0e0;\n --mv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mv-radius: 20px;\n --mv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mv-hero {\n position: relative;\n background: linear-gradient(135deg, #33691E 0%, #558B2F 40%, #7CB342 75%, #9CCC65 100%);\n border-radius: var(--mv-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(--mv-shadow-lg);\n}\n\n.mv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(192,217,4,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.mv-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.mv-subtitle {\n color: rgba(255,255,255,.85);\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.mv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mv-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(--mv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mv-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.mv-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(--mv-primary), var(--mv-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mv-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.mv-card {\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mv-shadow-lg);\n border-color: var(--mv-primary);\n}\n\n.mv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mv-card-highlight {\n border-color: var(--mv-primary);\n background: var(--mv-primary-light);\n}\n\n\/* === GRILLES === *\/\n.mv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mv-grid-compact .mv-card {\n padding: 1rem;\n}\n\n.mv-grid-compact .mv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mv-grid-compact .mv-card p {\n font-size: 12px;\n}\n\n\/* === VERSUS SECTION === *\/\n.mv-versus-intro {\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.mv-versus-intro p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mv-text-light);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mv-composition-box {\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n box-shadow: var(--mv-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.mv-composition-header {\n background: linear-gradient(135deg, var(--mv-primary-light), #f1f8e9);\n padding: 1rem 1.5rem;\n border-bottom: 2px solid var(--mv-primary);\n}\n\n.mv-composition-header h3 {\n margin: 0;\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 800;\n color: var(--mv-primary-dark);\n}\n\n.mv-composition-list {\n padding: .5rem 0;\n}\n\n.mv-composition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 1.5rem;\n border-bottom: 1px solid var(--mv-border);\n gap: 1rem;\n}\n\n.mv-composition-row:last-child {\n border-bottom: none;\n}\n\n.mv-composition-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mv-text);\n line-height: 1.4;\n}\n\n.mv-composition-value {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 800;\n color: var(--mv-primary-dark);\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n\/* === TIMELINE === *\/\n.mv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mv-primary), var(--mv-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.mv-timeline-content {\n flex: 1;\n background: var(--mv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mv-radius-sm);\n box-shadow: var(--mv-shadow);\n}\n\n.mv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mv-timeline-content p {\n font-size: 14px;\n color: var(--mv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mv-primary-light);\n border-radius: var(--mv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mv-tip p {\n font-size: 14px;\n color: var(--mv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mv-testimonial {\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mv-shadow);\n border-left: 4px solid var(--mv-primary);\n}\n\n.mv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mv-accordion {\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n box-shadow: var(--mv-shadow);\n overflow: hidden;\n}\n\n.mv-accordion-item {\n border-bottom: 1px solid var(--mv-border);\n margin: 0;\n padding: 0;\n}\n\n.mv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mv-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.mv-accordion-header:hover {\n background: var(--mv-primary-light);\n}\n\n.mv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mv-primary);\n transition: transform .2s ease;\n}\n\n.mv-accordion-item[open] .mv-accordion-header::after {\n content: '−';\n}\n\n.mv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mv-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mv-disclaimer {\n font-size: 12px;\n color: var(--mv-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 .mv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mv-card {\n padding: 1.125rem;\n }\n\n .mv-section {\n margin-bottom: 1.75rem;\n }\n\n .mv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mv-radius-sm);\n }\n\n .mv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mv-grid-compact {\n gap: .625rem;\n }\n\n .mv-grid-compact .mv-card {\n padding: .75rem;\n }\n\n .mv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mv-timeline-content h3 {\n font-size: 14px;\n }\n\n .mv-timeline-content p {\n font-size: 13px;\n }\n\n .mv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mv-testimonial {\n padding: 1.25rem;\n }\n\n .mv-testimonial-text {\n font-size: 14px;\n }\n\n .mv-composition-header {\n padding: .875rem 1rem;\n }\n\n .mv-composition-row {\n padding: .625rem 1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n\n .mv-composition-value {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mv-card {\n animation: mvFadeInUp .5s ease backwards;\n }\n .mv-card:nth-child(1) { animation-delay: .05s; }\n .mv-card:nth-child(2) { animation-delay: .1s; }\n .mv-card:nth-child(3) { animation-delay: .15s; }\n .mv-card:nth-child(4) { animation-delay: .2s; }\n .mv-card:nth-child(5) { animation-delay: .25s; }\n .mv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mvFadeInUp {\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 .mv-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":54888560591225,"sku":"GS0022","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mate-vert-graine-sauvage-min.jpg?v=1738073272"},{"product_id":"super-cafe-adaptogene-mush-n-go","title":"Brainstoorm : Super Café aux champignons adaptogènes - Goût Chocolat - 240g - Mush N Go","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brainstoorm - Super Café aux champignons adaptogènes\nPalette détectée:\n - Primaire: #4a3a8c (violet profond du packaging)\n - Secondaire: #d4c94a (jaune\/lime du texte \"BrainStoorm\")\n - Accent: #6b5b9a (violet moyen)\n - Fond packaging: #2d2456 (violet foncé)\nAmbiance: Moderne, énergisant, focus mental, univers nootropique\/biohacking avec touches gourmandes (chocolat-noisette). Style premium tech-naturel.\nPréfixe CSS: bs\n--\u003e\n\n\u003cdiv class=\"bs-premium\"\u003e\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bs-hero\"\u003e\n \u003cdiv class=\"bs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bs-hero-content\"\u003e\n \u003cdiv class=\"bs-badges-top\"\u003e\n \u003cspan class=\"bs-badge\"\u003e🧠 Focus \u0026amp; Énergie\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e🍄 3 Champignons\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e☕ 30 portions\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bs-hero-title\"\u003eSuper Café Brainstoorm\u003c\/span\u003e\n \u003cp class=\"bs-subtitle\"\u003eChampignons adaptogènes \u0026amp; plantes\u003c\/p\u003e\n \u003cp class=\"bs-description\"\u003eUne formule innovante enrichie en \u003cstrong\u003eLion's Mane, Cordyceps et Chaga\u003c\/strong\u003e pour une énergie stable et une clarté mentale durable, sans anxiété ni crash énergétique. Saveur chocolat-noisette irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e☕ Pourquoi choisir Brainstoorm ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eAméliore la clarté mentale et la productivité grâce au Lion's Mane et ses composés neuroactifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e⚡ Énergie stable\u003c\/h3\u003e\n \u003cp\u003eFini les pics et crashs énergétiques : une journée équilibrée du matin au soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🧘 Zéro stress\u003c\/h3\u003e\n \u003cp\u003eL'Ashwagandha et la Rhodiola éliminent l'anxiété et les palpitations du café classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🍫 Goût gourmand\u003c\/h3\u003e\n \u003cp\u003eDélicieuse saveur chocolat-noisette qui rappelle les plaisirs de l'enfance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🛡️ Défenses renforcées\u003c\/h3\u003e\n \u003cp\u003eLe Chaga soutient votre système immunitaire avec ses puissants antioxydants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans OGM, sans additifs artificiels, uniquement des ingrédients naturels sourcés en Europe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e🍄 Composition par tasse (8g)\u003c\/h2\u003e\n \u003cp class=\"bs-intro\"\u003eUne synergie unique de \u003cstrong\u003e3 champignons adaptogènes\u003c\/strong\u003e, plantes et super-aliments\u003c\/p\u003e\n \n \u003cdiv class=\"bs-ingredients-grid\"\u003e\n \u003cdiv class=\"bs-ingredient-card bs-ingredient-featured\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🦁\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eLion's Mane\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eStimule la mémoire et la concentration. Favorise la régénération nerveuse grâce aux hericenones.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eChampignon adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card bs-ingredient-featured\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🐛\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eCordyceps\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAméliore l'énergie et la performance physique. Booste la production d'ATP cellulaire.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eChampignon adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card bs-ingredient-featured\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🪨\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eChaga\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003ePropriétés anti-inflammatoires et antioxydantes. Protège les cellules du stress oxydatif.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eChampignon adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🍫\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eCacao en poudre\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1634 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eStimule la mémoire et la concentration. Riche en magnésium et antioxydants.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eBase gourmande\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eMaca\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e313 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSoutient le tonus, stimule la vitalité et aide à lutter contre la fatigue.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eSuper-aliment\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🧘\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eAshwagandha\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAide à diminuer le stress et l'anxiété, favorise un sommeil serein.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eAdaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e☕\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eExtrait de café CO₂ Bio\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e100 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eÉnergie stable sans nervosité. Extraction douce préservant les arômes.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eCaféine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eRhodiola Rosea\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e31 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAugmente la résistance de l'organisme au stress physique et mental.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eAdaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e💼 Professionnels exigeants\u003c\/h3\u003e\n \u003cp\u003eRéunions, présentations, deadlines : restez concentré et performant toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eRévisions, examens, cours : boostez votre mémoire et votre capacité d'apprentissage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eEndurance, récupération, énergie : le Cordyceps améliore vos performances physiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e😰 Sensibles à la caféine\u003c\/h3\u003e\n \u003cp\u003eProfitez de l'énergie du café sans les effets secondaires désagréables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉPARATION --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e☕ Comment préparer votre tasse ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-steps\"\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à soupe de poudre (8g) dans une grande tasse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eVersez\u003c\/h3\u003e\n \u003cp\u003eBoisson chaude à mi-hauteur (eau, lait ou boisson végétale)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eMélangez\u003c\/h3\u003e\n \u003cp\u003eRemuez bien pour une texture homogène et onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e4\u003c\/div\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eProfitez de votre moment de focus et d'énergie stable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e📈 Résultats progressifs\u003c\/h2\u003e\n \u003cdiv class=\"bs-timeline\"\u003e\n \u003cdiv class=\"bs-timeline-item\"\u003e\n \u003cspan class=\"bs-timeline-icon\"\u003e⚡\u003c\/span\u003e\n \u003cspan class=\"bs-timeline-label\"\u003eDès la 1ère tasse\u003c\/span\u003e\n \u003cp\u003eÉnergie stable et douce, sans nervosité ni palpitations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-timeline-item\"\u003e\n \u003cspan class=\"bs-timeline-icon\"\u003e🎯\u003c\/span\u003e\n \u003cspan class=\"bs-timeline-label\"\u003eAprès 2 semaines\u003c\/span\u003e\n \u003cp\u003eAmélioration notable de la concentration et de la clarté mentale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-timeline-item\"\u003e\n \u003cspan class=\"bs-timeline-icon\"\u003e🌟\u003c\/span\u003e\n \u003cspan class=\"bs-timeline-label\"\u003eAprès 45 jours\u003c\/span\u003e\n \u003cp\u003eRésultats optimaux sur l'énergie, le focus et la gestion du stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-dosage-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Posologie recommandée :\u003c\/strong\u003e 2 tasses par jour pendant 45 jours pour des résultats optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid-compact\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e240g (30 portions)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n \u003cp\u003e15 à 30 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🍫 Saveur\u003c\/h3\u003e\n \u003cp\u003eChocolat noisette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eMade in France\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=\"bs-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bs-accordion\"\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermer soigneusement le sachet après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes ou allaitantes. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e✅ Engagements qualité\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eFabriqué en France avec des ingrédients naturels sourcés de manière responsable en Europe. Sans OGM, sans additifs artificiels. Formule développée avec des experts en nutrition.\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=\"bs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bs-cta-box\"\u003e\n \u003cp\u003e🧠 Libérez votre potentiel cognitif avec Brainstoorm : l'alliance parfaite entre le plaisir d'un café gourmand et la puissance des champignons adaptogènes. Focus, énergie, sérénité – tout en une tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES BRAINSTOORM === *\/\n:root {\n --bs-cream: #f8f6fb;\n --bs-white: #ffffff;\n --bs-primary: #4a3a8c;\n --bs-primary-dark: #2d2456;\n --bs-primary-light: #ebe7f5;\n --bs-secondary: #d4c94a;\n --bs-accent: #6b5b9a;\n --bs-text: #1a1a1a;\n --bs-text-light: #5a5a5a;\n --bs-border: #e0e0e0;\n --bs-shadow: 0 4px 24px rgba(74, 58, 140, .08);\n --bs-shadow-lg: 0 12px 48px rgba(74, 58, 140, .15);\n --bs-radius: 20px;\n --bs-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bs-hero {\n position: relative;\n background: linear-gradient(135deg, #2d2456 0%, #4a3a8c 50%, #6b5b9a 100%);\n border-radius: var(--bs-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(--bs-shadow-lg);\n}\n\n.bs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(212, 201, 74, .3) 2px, transparent 2px),\n radial-gradient(circle at 60% 70%, rgba(212, 201, 74, .3) 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, rgba(212, 201, 74, .3) 2px, transparent 2px);\n background-size: 50px 50px, 70px 70px, 60px 60px;\n}\n\n.bs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bs-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bs-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(--bs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bs-hero-title {\n display: block;\n color: var(--bs-secondary);\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,.3);\n}\n\n.bs-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 text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.bs-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n margin: 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.bs-description strong {\n color: var(--bs-secondary);\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.bs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bs-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.bs-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(--bs-primary), var(--bs-secondary));\n border-radius: 2px;\n}\n\n.bs-intro {\n text-align: center;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--bs-text-light);\n margin-bottom: 2rem;\n line-height: 1.7;\n}\n\n.bs-intro strong {\n color: var(--bs-primary);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.bs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bs-card {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bs-shadow-lg);\n border-color: var(--bs-primary);\n}\n\n.bs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS GRID === *\/\n.bs-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.bs-ingredient-card {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: 1.5rem;\n box-shadow: var(--bs-shadow);\n border-left: 4px solid var(--bs-accent);\n transition: all .3s ease;\n}\n\n.bs-ingredient-card:hover {\n transform: translateX(4px);\n box-shadow: var(--bs-shadow-lg);\n}\n\n.bs-ingredient-featured {\n background: linear-gradient(135deg, var(--bs-primary-light) 0%, var(--bs-white) 100%);\n border-left: 4px solid var(--bs-primary);\n}\n\n.bs-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: .75rem;\n}\n\n.bs-ingredient-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.bs-ingredient-info {\n flex: 1;\n}\n\n.bs-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: 0 0 2px 0;\n}\n\n.bs-dose {\n font-size: 20px;\n font-weight: 900;\n color: var(--bs-primary);\n letter-spacing: -.02em;\n}\n\n.bs-ingredient-card p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--bs-text-light);\n margin: 0 0 .75rem 0;\n}\n\n.bs-tag {\n display: inline-block;\n padding: 4px 10px;\n background: var(--bs-primary-light);\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n color: var(--bs-primary);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === STEPS === *\/\n.bs-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.bs-step {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: 2rem 1.5rem 1.5rem;\n box-shadow: var(--bs-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.bs-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--bs-shadow-lg);\n}\n\n.bs-step-number {\n position: absolute;\n top: -16px;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-accent) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(74, 58, 140, .3);\n}\n\n.bs-step h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: .5rem 0;\n}\n\n.bs-step p {\n font-size: 14px;\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.bs-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.bs-timeline-item {\n text-align: center;\n}\n\n.bs-timeline-icon {\n display: block;\n font-size: 48px;\n margin-bottom: .75rem;\n}\n\n.bs-timeline-label {\n display: block;\n font-size: 14px;\n font-weight: 800;\n color: var(--bs-primary);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .5rem;\n}\n\n.bs-timeline-item p {\n font-size: 14px;\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bs-dosage-box {\n background: var(--bs-primary-light);\n border: 2px solid var(--bs-primary);\n border-radius: var(--bs-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n}\n\n.bs-dosage-box p {\n font-size: 15px;\n color: var(--bs-primary-dark);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bs-accordion {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n box-shadow: var(--bs-shadow);\n overflow: hidden;\n}\n\n.bs-accordion-item {\n border-bottom: 1px solid var(--bs-border);\n margin: 0;\n padding: 0;\n}\n\n.bs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bs-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.bs-accordion-header:hover {\n background: var(--bs-primary-light);\n}\n\n.bs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bs-primary);\n transition: transform .2s ease;\n}\n\n.bs-accordion-item[open] .bs-accordion-header::after {\n content: '−';\n}\n\n.bs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bs-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bs-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.bs-cta-box {\n background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-dark) 100%);\n border-radius: var(--bs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bs-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(212, 201, 74, .15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.bs-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 position: relative;\n z-index: 1;\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bs-ingredients-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bs-steps {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bs-timeline {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .bs-card {\n padding: 1.125rem;\n }\n \n .bs-section {\n margin-bottom: 1.75rem;\n }\n \n .bs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bs-radius-sm);\n }\n \n .bs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bs-grid-compact {\n gap: .625rem;\n }\n \n .bs-grid-compact .bs-card {\n padding: .75rem;\n }\n \n .bs-grid-compact .bs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .bs-grid-compact .bs-card p {\n font-size: 12px;\n }\n \n .bs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bs-ingredient-card {\n padding: 1.25rem;\n }\n \n .bs-ingredient-icon {\n font-size: 32px;\n }\n \n .bs-ingredient-info h3 {\n font-size: 15px;\n }\n \n .bs-dose {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bs-card,\n .bs-ingredient-card,\n .bs-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bs-card:nth-child(1), .bs-ingredient-card:nth-child(1) { animation-delay: .05s; }\n .bs-card:nth-child(2), .bs-ingredient-card:nth-child(2) { animation-delay: .1s; }\n .bs-card:nth-child(3), .bs-ingredient-card:nth-child(3) { animation-delay: .15s; }\n .bs-card:nth-child(4), .bs-ingredient-card:nth-child(4) { animation-delay: .2s; }\n .bs-card:nth-child(5), .bs-ingredient-card:nth-child(5) { animation-delay: .25s; }\n .bs-card:nth-child(6), .bs-ingredient-card:nth-child(6) { animation-delay: .3s; }\n .bs-card:nth-child(7), .bs-ingredient-card:nth-child(7) { animation-delay: .35s; }\n .bs-card:nth-child(8), .bs-ingredient-card:nth-child(8) { animation-delay: .4s; }\n \n .bs-timeline-item {\n animation: scaleIn .5s ease backwards;\n }\n .bs-timeline-item:nth-child(1) { animation-delay: .1s; }\n .bs-timeline-item:nth-child(2) { animation-delay: .25s; }\n .bs-timeline-item:nth-child(3) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.85); }\n to { opacity: 1; transform: scale(1); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":54914706047353,"sku":"CAFEBRAINSTORM","price":29.88,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mushngo_brainstoorm-cafe_11zon.jpg?v=1766695073"},{"product_id":"brahmi-bio-memoire-ayurvana-120-gelules","title":"Brahmi Bacopa monnieri 120 gélules - Mémoire - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brahmi Bacopa monnieri 120 gélules - Mémoire - AyurVana\nPalette détectée:\n - Primaire: #7B5BA6 (violet\/mauve du packaging - couleur dominante)\n - Secondaire: #4A9B4E (vert nature des feuilles\/plante)\n - Accent: #E8A832 (doré\/jaune des gouttes décoratives)\n - Cream: #F9F7F4 (fond crème naturel)\nAmbiance: Ayurvédique, naturel, sagesse, bien-être mental, tradition indienne modernisée\nPréfixe CSS: bm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits du Brahmi Ayur-Vana\"\n 2. \"Un extrait concentré pour une efficacité maximale\"\n 3. \"Un complément naturel et certifié\"\n 4. \"Conseils d'utilisation et durée du traitement\"\n 5. \"Composition\"\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=\"bm-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bm-hero\"\u003e\n \u003cdiv class=\"bm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bm-hero-content\"\u003e\n \u003cdiv class=\"bm-badges-top\"\u003e\n \u003cspan class=\"bm-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e\n \u003cspan class=\"bm-badge\"\u003e🌿 20% bacosides\u003c\/span\u003e\n \u003cspan class=\"bm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bm-hero-title\"\u003eBrahmi Bacopa Monnieri\u003c\/span\u003e\n \u003cp class=\"bm-subtitle\"\u003eLa plante de la sagesse ayurvédique\u003c\/p\u003e\n \u003cp class=\"bm-description\"\u003eExtrait concentré de Brahmi pour renforcer la mémoire, améliorer la concentration et apaiser le stress mental. 120 gélules végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRO CONTEXTUELLE --\u003e\n \u003csection class=\"bm-section\"\u003e\n \u003cdiv class=\"bm-intro-box\"\u003e\n \u003cp\u003eAvec l'âge, il est courant de constater une baisse des capacités de mémorisation et d'attention. Environ \u003cstrong\u003e10% des personnes de plus de 65 ans\u003c\/strong\u003e souffrent de troubles significatifs de la mémoire. Mais ce phénomène ne concerne pas uniquement les seniors : le \u003cstrong\u003estress, la surcharge mentale et la fatigue chronique\u003c\/strong\u003e peuvent également affecter la concentration et l'apprentissage chez les jeunes adultes.\u003c\/p\u003e\n \u003cp\u003eTraditionnellement utilisé en \u003cstrong\u003eAyurveda\u003c\/strong\u003e pour \u003cstrong\u003estimuler la mémorisation\u003c\/strong\u003e et améliorer la clarté mentale, le \u003cstrong\u003eBrahmi (Bacopa Monnieri)\u003c\/strong\u003e, aussi appelé \u003cem\u003e« plante de la sagesse »\u003c\/em\u003e, est un allié précieux pour votre bien-être cognitif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Les bienfaits du Brahmi Ayur-Vana --\u003e\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003eLes bienfaits du Brahmi Ayur-Vana\u003c\/h2\u003e\n \u003cdiv class=\"bm-grid\"\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e📚 Apprentissage renforcé\u003c\/h3\u003e\n \u003cp\u003eRenforce les capacités d'apprentissage et de mémorisation, notamment en période d'examens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eAméliore la concentration et aide à mieux gérer les charges mentales importantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress naturel\u003c\/h3\u003e\n \u003cp\u003eRéduit le stress et l'anxiété en favorisant un apaisement du système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🛡️ Protection cognitive\u003c\/h3\u003e\n \u003cp\u003eLimite le vieillissement cognitif en protégeant les cellules cérébrales du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre mental\u003c\/h3\u003e\n \u003cp\u003eFavorise un équilibre mental et émotionnel grâce à son action adaptogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Un extrait concentré pour une efficacité maximale --\u003e\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003eUn extrait concentré pour une efficacité maximale\u003c\/h2\u003e\n \u003cdiv class=\"bm-highlight-box\"\u003e\n \u003cdiv class=\"bm-highlight-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"bm-highlight-content\"\u003e\n \u003cp class=\"bm-highlight-title\"\u003e20% de bacosides\u003c\/p\u003e\n \u003cp\u003eLe Brahmi Ayur-Vana est formulé à partir d'un extrait concentré contenant \u003cstrong\u003e20% de bacosides\u003c\/strong\u003e, les principes actifs responsables de ses effets bénéfiques sur le cerveau. Cette concentration élevée garantit une efficacité optimale à chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Un complément naturel et certifié --\u003e\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003eUn complément naturel et certifié\u003c\/h2\u003e\n \u003cdiv class=\"bm-grid-compact\"\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction française garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales adaptées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🥗 Végétarien\u003c\/h3\u003e\n \u003cp\u003eConvient aux végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🌿 Végan\u003c\/h3\u003e\n \u003cp\u003eParfait pour les végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Conseils d'utilisation et durée du traitement --\u003e\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et durée du traitement\u003c\/h2\u003e\n \u003cdiv class=\"bm-timeline\"\u003e\n \u003cdiv class=\"bm-timeline-item\"\u003e\n \u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e4 à 6 gélules par jour\u003c\/strong\u003e, à répartir pendant les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-item\"\u003e\n \u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-content\"\u003e\n \u003ch3\u003eDurée d'un pilulier\u003c\/h3\u003e\n \u003cp\u003eUn pilulier de \u003cstrong\u003e120 gélules = 20 à 30 jours d'utilisation\u003c\/strong\u003e selon votre dosage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-item\"\u003e\n \u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-content\"\u003e\n \u003ch3\u003eMode d'utilisation\u003c\/h3\u003e\n \u003cp\u003eConvient pour une utilisation régulière ou en cure ponctuelle selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Composition --\u003e\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"bm-composition-box\"\u003e\n \u003cdiv class=\"bm-composition-main\"\u003e\n \u003cdiv class=\"bm-composition-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"bm-composition-detail\"\u003e\n \u003cp class=\"bm-composition-title\"\u003eExtrait de Brahmi (Bacopa Monnieri)\u003c\/p\u003e\n \u003cp class=\"bm-composition-dose\"\u003e\u003cstrong\u003e1800 mg\u003c\/strong\u003e pour 6 gélules\u003c\/p\u003e\n \u003cp class=\"bm-composition-info\"\u003edont 20% de bacosides – \u003cstrong\u003e360 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-composition-others\"\u003e\n \u003cdiv class=\"bm-composition-item\"\u003e\n \u003cspan\u003e🌾 Fibres d'acacia\u003c\/span\u003e\n \u003cspan\u003e300 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-composition-item\"\u003e\n \u003cspan\u003e💊 Gélule végétale\u003c\/span\u003e\n \u003cspan\u003eHypromellose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Précautions d'emploi --\u003e\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bm-accordion\"\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose recommandée de 6 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e💡 Bon à savoir\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation équilibrée et un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bm-cta-box\"\u003e\n \u003cp\u003e🧠 Grâce à sa concentration élevée en bacosides, le \u003cstrong\u003eBrahmi Ayur-Vana\u003c\/strong\u003e est une solution idéale pour \u003cstrong\u003esoutenir la mémoire, améliorer la concentration et apaiser le stress mental\u003c\/strong\u003e, quel que soit votre âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bm-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 \/* Couleurs principales *\/\n --bm-cream: #F9F7F4;\n --bm-white: #ffffff;\n --bm-primary: #7B5BA6;\n --bm-primary-dark: #5D4280;\n --bm-primary-light: #F3EFF8;\n --bm-secondary: #4A9B4E;\n --bm-accent: #E8A832;\n\n \/* Textes *\/\n --bm-text: #1a1a1a;\n --bm-text-light: #5a5a5a;\n\n \/* Effets *\/\n --bm-border: #e0e0e0;\n --bm-shadow: 0 4px 24px rgba(123,91,166,.08);\n --bm-shadow-lg: 0 12px 48px rgba(123,91,166,.15);\n --bm-radius: 20px;\n --bm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n position: relative;\n background: linear-gradient(135deg, #7B5BA6 0%, #5D4280 50%, #4A9B4E 100%);\n border-radius: var(--bm-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(--bm-shadow-lg);\n}\n\n.bm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.bm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bm-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(--bm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bm-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.bm-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 font-style: italic;\n}\n\n.bm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === INTRO BOX === *\/\n.bm-intro-box {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bm-shadow);\n border-left: 4px solid var(--bm-primary);\n}\n\n.bm-intro-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--bm-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.bm-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n.bm-intro-box strong {\n color: var(--bm-primary-dark);\n}\n\n.bm-intro-box em {\n color: var(--bm-secondary);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bm-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.bm-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(--bm-primary), var(--bm-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bm-shadow-lg);\n border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bm-grid-compact .bm-card {\n padding: 1rem;\n}\n\n.bm-grid-compact .bm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bm-grid-compact .bm-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.bm-highlight-box {\n display: flex;\n gap: 1.5rem;\n align-items: center;\n background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bm-shadow);\n border: 2px solid var(--bm-primary);\n}\n\n.bm-highlight-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.bm-highlight-content {\n flex: 1;\n}\n\n.bm-highlight-title {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: var(--bm-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.bm-highlight-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--bm-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.bm-highlight-content p:last-child {\n margin-top: .5rem;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bm-primary), var(--bm-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.bm-timeline-content {\n flex: 1;\n background: var(--bm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bm-radius-sm);\n box-shadow: var(--bm-shadow);\n}\n\n.bm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bm-timeline-content p {\n font-size: 14px;\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.bm-composition-box {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n box-shadow: var(--bm-shadow);\n overflow: hidden;\n}\n\n.bm-composition-main {\n display: flex;\n gap: 1.5rem;\n align-items: center;\n padding: clamp(1.5rem, 4vw, 2rem);\n background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n border-bottom: 2px solid var(--bm-border);\n}\n\n.bm-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.bm-composition-detail {\n flex: 1;\n}\n\n.bm-composition-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--bm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bm-composition-dose {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--bm-text);\n margin: 0 0 .25rem 0;\n}\n\n.bm-composition-info {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bm-secondary);\n font-weight: 600;\n margin: 0;\n}\n\n.bm-composition-others {\n padding: 1rem clamp(1.5rem, 4vw, 2rem);\n}\n\n.bm-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 0;\n border-bottom: 1px solid var(--bm-border);\n font-size: 14px;\n color: var(--bm-text);\n}\n\n.bm-composition-item:last-child {\n border-bottom: none;\n}\n\n.bm-composition-item span:last-child {\n font-weight: 700;\n color: var(--bm-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n box-shadow: var(--bm-shadow);\n overflow: hidden;\n}\n\n.bm-accordion-item {\n border-bottom: 1px solid var(--bm-border);\n margin: 0;\n padding: 0;\n}\n\n.bm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bm-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.bm-accordion-header:hover {\n background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bm-primary);\n transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n content: '−';\n}\n\n.bm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bm-cta-box {\n background: linear-gradient(135deg, var(--bm-primary) 0%, var(--bm-primary-dark) 100%);\n border-radius: var(--bm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bm-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.bm-disclaimer {\n font-size: 12px;\n color: var(--bm-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 .bm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bm-card {\n padding: 1.125rem;\n }\n \n .bm-section {\n margin-bottom: 1.75rem;\n }\n \n .bm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bm-radius-sm);\n }\n \n .bm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bm-grid-compact {\n gap: .625rem;\n }\n \n .bm-grid-compact .bm-card {\n padding: .75rem;\n }\n \n .bm-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n padding: 1.25rem;\n }\n \n .bm-highlight-icon {\n font-size: 36px;\n }\n \n .bm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .bm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .bm-timeline-content h3 {\n font-size: 14px;\n }\n \n .bm-timeline-content p {\n font-size: 13px;\n }\n \n .bm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bm-composition-main {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n padding: 1.25rem;\n }\n \n .bm-composition-icon {\n font-size: 32px;\n }\n \n .bm-intro-box {\n padding: 1.25rem;\n }\n \n .bm-intro-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bm-card:nth-child(1) { animation-delay: .05s; }\n .bm-card:nth-child(2) { animation-delay: .1s; }\n .bm-card:nth-child(3) { animation-delay: .15s; }\n .bm-card:nth-child(4) { animation-delay: .2s; }\n .bm-card:nth-child(5) { animation-delay: .25s; }\n .bm-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 .bm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":54953942516089,"sku":"AY9092CGF","price":19.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brahmi-bacopa-monnieri-120-gelules-memoire-ayurvana-packshothd.webp?v=1788447735"},{"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":25.99,"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":24.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":24.99,"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":19.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":"ginkgo-biloba-60-gelules-tradition-du-soleil-levant","title":"Ginkgo Biloba - 60 gélules - Tradition du soleil levant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ginkgo Biloba - 60 gélules - Tradition du Soleil Levant\nPalette détectée:\n - Primaire: #C41E3A (rouge profond du couvercle et des accents)\n - Secondaire: #E85D4C (rouge-orangé du bandeau \"Fonctions Cognitives\")\n - Accent: #D4A574 (touches dorées\/cuivrées évoquant le soleil levant)\n - Background: #FDF8F3 (crème chaud)\nAmbiance: Tradition asiatique, sérieux médical, naturel avec touches de modernité\nPréfixe CSS: gkb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"L'arbre Ginkgo Biloba : un héritage millénaire au service de votre cerveau\"\n 2. \"Quels sont les bienfaits du Ginkgo Biloba ?\"\n 3. \"Composition détaillée pour 1 gélule\"\n 4. \"Comment prendre ce Ginkgo Biloba ?\"\n 5. \"À qui s'adresse ce complément ?\"\n 6. \"Pourquoi choisir le Ginkgo Biloba Tradition du Soleil Levant ?\"\n 7. \"Précautions d'emploi importantes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gkb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"gkb-hero\"\u003e\n \u003cdiv class=\"gkb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gkb-hero-content\"\u003e\n \u003cdiv class=\"gkb-badges-top\"\u003e\n \u003cspan class=\"gkb-badge\"\u003e🧠 Fonctions cognitives\u003c\/span\u003e\n \u003cspan class=\"gkb-badge\"\u003e🩸 Circulation sanguine\u003c\/span\u003e\n \u003cspan class=\"gkb-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gkb-hero-title\"\u003eGinkgo Biloba\u003c\/span\u003e\n \u003cp class=\"gkb-subtitle\"\u003e60 gélules • Tradition du Soleil Levant\u003c\/p\u003e\n \u003cp class=\"gkb-description\"\u003eL'extrait concentré de l'arbre millénaire pour soutenir votre mémoire, votre concentration et favoriser une circulation sanguine optimale.\u003c\/p\u003e\n \u003cdiv class=\"gkb-hero-stats\"\u003e\n \u003cdiv class=\"gkb-stat\"\u003e\n \u003cspan class=\"gkb-stat-number\"\u003e24%\u003c\/span\u003e\n \u003cspan class=\"gkb-stat-label\"\u003eGlycosides de flavonol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-stat\"\u003e\n \u003cspan class=\"gkb-stat-number\"\u003e6%\u003c\/span\u003e\n \u003cspan class=\"gkb-stat-label\"\u003eLactones terpéniques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-stat\"\u003e\n \u003cspan class=\"gkb-stat-number\"\u003e2 mois\u003c\/span\u003e\n \u003cspan class=\"gkb-stat-label\"\u003ede cure complète\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003e🌳 L'arbre Ginkgo Biloba : un héritage millénaire au service de votre cerveau\u003c\/h2\u003e\n \u003cdiv class=\"gkb-heritage-box\"\u003e\n \u003cdiv class=\"gkb-heritage-content\"\u003e\n \u003cp\u003eSaviez-vous que l'\u003cstrong\u003earbre Ginkgo Biloba\u003c\/strong\u003e est la plus ancienne espèce d'arbre encore présente sur Terre ? Surnommé « l'arbre aux quarante écus » ou « l'arbre aux mille écus », cet arbre peut vivre \u003cstrong\u003eplus de 1000 ans\u003c\/strong\u003e et résiste à pratiquement tout, y compris aux radiations. C'est cette force de la nature que vous retrouvez dans chaque gélule.\u003c\/p\u003e\n \u003cp\u003eLes feuilles de cet arbre remarquable renferment des composés actifs uniques, notamment des \u003cstrong\u003eglycosides de flavonol\u003c\/strong\u003e et des \u003cstrong\u003elactones terpéniques\u003c\/strong\u003e, dont les bienfaits sont reconnus depuis des siècles par la médecine traditionnelle asiatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-mini\"\u003e\n \u003cdiv class=\"gkb-timeline-mini-item\"\u003e\n \u003cspan class=\"gkb-timeline-mini-number\"\u003e270M\u003c\/span\u003e\n \u003cspan class=\"gkb-timeline-mini-label\"\u003ed'années d'existence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-mini-item\"\u003e\n \u003cspan class=\"gkb-timeline-mini-number\"\u003e1000+\u003c\/span\u003e\n \u003cspan class=\"gkb-timeline-mini-label\"\u003eans de longévité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-mini-item\"\u003e\n \u003cspan class=\"gkb-timeline-mini-number\"\u003e∞\u003c\/span\u003e\n \u003cspan class=\"gkb-timeline-mini-label\"\u003ede résistance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du Ginkgo Biloba ?\u003c\/h2\u003e\n \u003cp class=\"gkb-section-intro\"\u003eDécouvrez les multiples vertus de ce complément ancestral pour votre bien-être quotidien.\u003c\/p\u003e\n \u003cdiv class=\"gkb-grid\"\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🧠 Soutien des fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eLe Ginkgo aide à maintenir votre clarté mentale et votre capacité de concentration, notamment en période de charge intellectuelle intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e💭 Entretien de la mémoire\u003c\/h3\u003e\n \u003cp\u003eIdéal pour ceux qui souhaitent préserver leurs capacités mnésiques au fil du temps et garder l'esprit vif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🩸 Bonne circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eEn soutenant la microcirculation, notamment au niveau cérébral, le Ginkgo contribue à l'oxygénation optimale de votre cerveau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eLes flavonoïdes présents protègent vos cellules contre le stress oxydatif lié au vieillissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 1 gélule\u003c\/h2\u003e\n \u003cdiv class=\"gkb-composition\"\u003e\n \u003cdiv class=\"gkb-composition-main\"\u003e\n \u003cdiv class=\"gkb-composition-header\"\u003e\n \u003cspan class=\"gkb-composition-icon\"\u003e🍃\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eExtrait sec de feuilles de Ginkgo Biloba\u003c\/h3\u003e\n \u003cspan class=\"gkb-dosage\"\u003e90 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-composition-details\"\u003e\n \u003cdiv class=\"gkb-composition-detail\"\u003e\n \u003cspan class=\"gkb-detail-label\"\u003eGlycosides de flavonol (24%)\u003c\/span\u003e\n \u003cspan class=\"gkb-detail-value\"\u003e21,6 mg\u003c\/span\u003e\n \u003cp class=\"gkb-detail-desc\"\u003eAntioxydants puissants qui protègent vos cellules et soutiennent vos fonctions cérébrales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-composition-detail\"\u003e\n \u003cspan class=\"gkb-detail-label\"\u003eLactones terpéniques (6%)\u003c\/span\u003e\n \u003cspan class=\"gkb-detail-value\"\u003e5,4 mg\u003c\/span\u003e\n \u003cp class=\"gkb-detail-desc\"\u003eComposés uniques favorisant la fluidité sanguine et l'irrigation cérébrale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-grid-compact\"\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🌿 Fibre d'acacia\u003c\/h3\u003e\n \u003cp\u003e100 mg – améliore la biodisponibilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eHypromellose 100% végane\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-tip\"\u003e\n \u003cspan class=\"gkb-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans additifs controversés\u003c\/strong\u003e, sans colorants artificiels, sans conservateurs de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003eComment prendre ce Ginkgo Biloba ?\u003c\/h2\u003e\n \u003cdiv class=\"gkb-timeline\"\u003e\n \u003cdiv class=\"gkb-timeline-item\"\u003e\n \u003cspan class=\"gkb-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"gkb-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrendre \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=\"gkb-timeline-item\"\u003e\n \u003cspan class=\"gkb-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"gkb-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ele matin ou avant le déjeuner\u003c\/strong\u003e. La prise avant le repas favorise une meilleure absorption des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-item\"\u003e\n \u003cspan class=\"gkb-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"gkb-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eAvec \u003cstrong\u003e60 gélules par flacon\u003c\/strong\u003e, vous disposez d'une cure complète de \u003cstrong\u003e2 mois\u003c\/strong\u003e. Durée idéale pour observer les premiers effets sur votre bien-être cognitif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-tip\"\u003e\n \u003cspan class=\"gkb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour un soutien prolongé, vous pouvez renouveler la cure après une pause de quelques semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"gkb-section-intro\"\u003eCe Ginkgo Biloba est particulièrement adapté si vous :\u003c\/p\u003e\n \u003cdiv class=\"gkb-grid\"\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🎯 Difficultés de concentration\u003c\/h3\u003e\n \u003cp\u003eVous ressentez des « trous de mémoire » occasionnels ou un manque de focus au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e📚 Période d'examens\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période de travail intense, d'études ou de stress intellectuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e⏳ Préservation cognitive\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez préserver vos fonctions cognitives avec l'avancée en âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🩸 Soutien circulatoire\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un soutien naturel pour votre circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🥶 Extrémités froides\u003c\/h3\u003e\n \u003cp\u003eVous avez les mains et pieds froids, témoignant d'une microcirculation à améliorer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Ginkgo Biloba Tradition du Soleil Levant ?\u003c\/h2\u003e\n \u003cdiv class=\"gkb-grid-compact\"\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🔬 Extrait titré\u003c\/h3\u003e\n \u003cp\u003e24% flavonol + 6% lactones\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eNormes de qualité strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n \u003cp\u003eConvient aux végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003e2 mois dans un flacon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-tip\"\u003e\n \u003cspan class=\"gkb-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFormule épurée sans excipients inutiles\u003c\/strong\u003e : une composition qui va à l'essentiel pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"gkb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"gkb-accordion\"\u003e\n \u003cdetails class=\"gkb-accordion-item\"\u003e\n \u003csummary class=\"gkb-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gkb-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003e\u003cstrong\u003eDéconseillé aux personnes épileptiques\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eÀ éviter avant une intervention chirurgicale\u003c\/strong\u003e (suspendre la prise au moins 3 jours avant)\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gkb-accordion-item\"\u003e\n \u003csummary class=\"gkb-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"gkb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eConsultez votre médecin\u003c\/strong\u003e si vous prenez des anticoagulants, des antiagrégants plaquettaires ou tout autre traitement médicamenteux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gkb-accordion-item\"\u003e\n \u003csummary class=\"gkb-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"gkb-accordion-content\"\u003e\n \u003cul\u003e\n \u003cli\u003eCe complément alimentaire est réservé aux adultes\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eÀ utiliser dans le cadre d'une alimentation variée et équilibrée et d'un mode de vie sain\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la chaleur et de l'humidité, hors de portée des enfants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"gkb-disclaimer\"\u003e\u003cem\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gkb-cream: #FDF8F3;\n --gkb-white: #ffffff;\n --gkb-primary: #C41E3A;\n --gkb-primary-dark: #9A1830;\n --gkb-primary-light: #FEF0F0;\n --gkb-secondary: #E85D4C;\n --gkb-accent: #D4A574;\n --gkb-text: #1a1a1a;\n --gkb-text-light: #5a5a5a;\n --gkb-border: #e8e0d8;\n --gkb-shadow: 0 4px 24px rgba(196,30,58,.08);\n --gkb-shadow-lg: 0 12px 48px rgba(196,30,58,.15);\n --gkb-radius: 20px;\n --gkb-radius-sm: 12px;\n}\n\n.gkb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gkb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gkb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gkb-primary) 0%, var(--gkb-primary-dark) 50%, #7A1020 100%);\n border-radius: var(--gkb-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(--gkb-shadow-lg);\n}\n\n.gkb-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(212,165,116,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.gkb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gkb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gkb-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(--gkb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gkb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gkb-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.gkb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.gkb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 2rem;\n}\n\n.gkb-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 3vw, 2rem);\n flex-wrap: wrap;\n}\n\n.gkb-stat {\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--gkb-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.gkb-stat-number {\n display: block;\n color: var(--gkb-accent);\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n line-height: 1;\n}\n\n.gkb-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 12px;\n font-weight: 600;\n margin-top: 4px;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === SECTIONS === *\/\n.gkb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gkb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gkb-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.gkb-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(--gkb-primary), var(--gkb-secondary));\n border-radius: 2px;\n}\n\n.gkb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gkb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HERITAGE BOX === *\/\n.gkb-heritage-box {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--gkb-white);\n border-radius: var(--gkb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gkb-shadow);\n margin-bottom: 1.5rem;\n}\n\n.gkb-heritage-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.gkb-heritage-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gkb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.gkb-heritage-content p:last-child {\n margin-bottom: 0;\n}\n\n.gkb-timeline-mini {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.gkb-timeline-mini-item {\n background: linear-gradient(135deg, var(--gkb-primary), var(--gkb-primary-dark));\n border-radius: var(--gkb-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n min-width: 120px;\n}\n\n.gkb-timeline-mini-number {\n display: block;\n color: white;\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n}\n\n.gkb-timeline-mini-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === CARDS === *\/\n.gkb-card {\n background: var(--gkb-white);\n border-radius: var(--gkb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gkb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gkb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gkb-shadow-lg);\n border-color: var(--gkb-primary);\n}\n\n.gkb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gkb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gkb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gkb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gkb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gkb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gkb-grid-compact .gkb-card {\n padding: 1rem;\n}\n\n.gkb-grid-compact .gkb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gkb-grid-compact .gkb-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.gkb-composition {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.gkb-composition-main {\n background: var(--gkb-white);\n border-radius: var(--gkb-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--gkb-shadow);\n border-left: 4px solid var(--gkb-primary);\n}\n\n.gkb-composition-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid var(--gkb-border);\n}\n\n.gkb-composition-icon {\n font-size: 36px;\n}\n\n.gkb-composition-header h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--gkb-primary-dark);\n margin: 0;\n}\n\n.gkb-dosage {\n display: inline-block;\n background: var(--gkb-primary);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-top: 4px;\n}\n\n.gkb-composition-details {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gkb-composition-detail {\n background: var(--gkb-primary-light);\n border-radius: var(--gkb-radius-sm);\n padding: 1rem;\n}\n\n.gkb-detail-label {\n font-weight: 700;\n color: var(--gkb-primary-dark);\n font-size: 14px;\n}\n\n.gkb-detail-value {\n float: right;\n background: var(--gkb-primary);\n color: white;\n padding: 2px 10px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.gkb-detail-desc {\n font-size: 13px;\n color: var(--gkb-text-light);\n margin: .5rem 0 0 0;\n line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.gkb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gkb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gkb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gkb-primary), var(--gkb-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.gkb-timeline-content {\n flex: 1;\n background: var(--gkb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gkb-radius-sm);\n box-shadow: var(--gkb-shadow);\n}\n\n.gkb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gkb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gkb-timeline-content p {\n font-size: 14px;\n color: var(--gkb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gkb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gkb-primary-light);\n border-radius: var(--gkb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gkb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gkb-tip p {\n font-size: 14px;\n color: var(--gkb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gkb-accordion {\n background: var(--gkb-white);\n border-radius: var(--gkb-radius);\n box-shadow: var(--gkb-shadow);\n overflow: hidden;\n}\n\n.gkb-accordion-item {\n border-bottom: 1px solid var(--gkb-border);\n margin: 0;\n padding: 0;\n}\n\n.gkb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gkb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gkb-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.gkb-accordion-header:hover {\n background: var(--gkb-primary-light);\n}\n\n.gkb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gkb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gkb-primary);\n transition: transform .2s ease;\n}\n\n.gkb-accordion-item[open] .gkb-accordion-header::after {\n content: '−';\n}\n\n.gkb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gkb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.gkb-accordion-content p {\n margin: 0;\n}\n\n.gkb-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.gkb-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.gkb-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gkb-disclaimer {\n font-size: 12px;\n color: var(--gkb-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 .gkb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gkb-card {\n padding: 1.125rem;\n }\n \n .gkb-section {\n margin-bottom: 1.75rem;\n }\n \n .gkb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gkb-radius-sm);\n }\n \n .gkb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gkb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gkb-heritage-box {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n \n .gkb-heritage-icon {\n font-size: 40px;\n }\n \n .gkb-timeline-mini-item {\n min-width: 90px;\n padding: .75rem 1rem;\n }\n \n .gkb-stat {\n padding: .75rem 1rem;\n }\n \n .gkb-grid-compact {\n gap: .625rem;\n }\n \n .gkb-grid-compact .gkb-card {\n padding: .75rem;\n }\n \n .gkb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .gkb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .gkb-timeline-content h3 {\n font-size: 14px;\n }\n \n .gkb-timeline-content p {\n font-size: 13px;\n }\n \n .gkb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gkb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .gkb-composition-main {\n padding: 1.25rem;\n }\n \n .gkb-composition-header {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n \n .gkb-composition-icon {\n font-size: 32px;\n }\n \n .gkb-detail-value {\n float: none;\n display: block;\n margin-top: .5rem;\n width: fit-content;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gkb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .gkb-card:nth-child(1) { animation-delay: .05s; }\n .gkb-card:nth-child(2) { animation-delay: .1s; }\n .gkb-card:nth-child(3) { animation-delay: .15s; }\n .gkb-card:nth-child(4) { animation-delay: .2s; }\n .gkb-card:nth-child(5) { animation-delay: .25s; }\n .gkb-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 .gkb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"TRADITION DU SOLEIL LEVANT","offers":[{"title":"Default Title","offer_id":55157271462265,"sku":"TR1012","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginkgo-biloba-60-gelules-tradition-du-soleil-levant-packshothd.webp?v=1785949016"},{"product_id":"huile-de-krill-30-capsules-meralia","title":"Huile de Krill - Oméga 3 \u0026 Antioxydants - 30 capsules - Meralia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Krill - Oméga 3 \u0026 Antioxydants - 30 capsules - Meralia\nPalette détectée:\n - Primaire: #2B5A9E (bleu marine profond du bouchon et logo)\n - Secondaire: #4A90D9 (bleu clair du dégradé packaging)\n - Accent: #E8F4FC (bleu très clair pour fonds)\nAmbiance: Marine\/océanique, scientifique, santé premium, confiance médicale\nPréfixe CSS: kr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Krill Meralia : une source d'oméga-3 hautement assimilable\"\n 2. \"Les bienfaits de l'huile de krill : ce que dit la science\"\n 3. \"Huile de krill : y a-t-il un danger ?\"\n 4. \"Composition détaillée de l'huile de krill Meralia\"\n 5. \"Comment prendre l'huile de krill Meralia ?\"\n 6. \"Huile de krill et perte de poids : que faut-il en penser ?\"\n 7. \"Pourquoi choisir l'huile de krill Meralia ?\"\n 8. \"À qui s'adresse ce complément ?\"\n 9. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kr-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"kr-hero\"\u003e\n \u003cdiv class=\"kr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kr-hero-content\"\u003e\n \u003cdiv class=\"kr-badges-top\"\u003e\n \u003cspan class=\"kr-badge\"\u003e🦐 Krill Antarctique\u003c\/span\u003e\n \u003cspan class=\"kr-badge\"\u003e🌊 Pêche MSC certifiée\u003c\/span\u003e\n \u003cspan class=\"kr-badge\"\u003e💊 30 capsules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kr-hero-title\"\u003eHuile de Krill Meralia\u003c\/span\u003e\n \u003cp class=\"kr-subtitle\"\u003eOméga-3 EPA \u0026amp; DHA + Astaxanthine naturelle\u003c\/p\u003e\n \u003cp class=\"kr-description\"\u003eUne biodisponibilité supérieure aux huiles de poisson classiques grâce aux phospholipides. Pour votre cœur, votre cerveau et vos articulations.\u003c\/p\u003e\n \u003cdiv class=\"kr-hero-stats\"\u003e\n \u003cdiv class=\"kr-stat\"\u003e\n \u003cspan class=\"kr-stat-number\"\u003e1180 mg\u003c\/span\u003e\n \u003cspan class=\"kr-stat-label\"\u003eExtrait de Krill\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-stat\"\u003e\n \u003cspan class=\"kr-stat-number\"\u003e318 mg\u003c\/span\u003e\n \u003cspan class=\"kr-stat-label\"\u003eOméga-3 totaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-stat\"\u003e\n \u003cspan class=\"kr-stat-number\"\u003e660 mg\u003c\/span\u003e\n \u003cspan class=\"kr-stat-label\"\u003ePhospholipides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003eHuile de Krill Meralia : une source d'oméga-3 hautement assimilable\u003c\/h2\u003e\n \u003cp class=\"kr-section-intro\"\u003eVous cherchez une alternative plus efficace aux huiles de poisson classiques ? L'huile de krill Meralia pourrait bien répondre à vos attentes.\u003c\/p\u003e\n \u003cdiv class=\"kr-grid-compact\"\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🦐 Origine pure\u003c\/h3\u003e\n \u003cp\u003eIssue d'un petit crustacé des eaux pures de l'Antarctique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🧬 Oméga-3 EPA \u0026amp; DHA\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels concentrés naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🧠 Choline incluse\u003c\/h3\u003e\n \u003cp\u003eNutriment clé pour le métabolisme des lipides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🔴 Astaxanthine\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant caroténoïde naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-highlight-box\"\u003e\n \u003cdiv class=\"kr-highlight-content\"\u003e\n \u003cstrong\u003e💡 Ce qui distingue l'huile de krill ?\u003c\/strong\u003e\n \u003cp\u003eContrairement aux huiles de poisson où les oméga-3 se présentent sous forme de triglycérides, ceux de l'huile de krill sont liés à des \u003cstrong\u003ephospholipides\u003c\/strong\u003e. Résultat : une absorption optimisée par votre organisme, sans les désagréments digestifs parfois associés aux compléments classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de krill : ce que dit la science\u003c\/h2\u003e\n \u003cp class=\"kr-section-intro\"\u003eVous vous demandez si l'huile de krill tient vraiment ses promesses ? Voici ce que les études scientifiques ont démontré.\u003c\/p\u003e\n \u003cdiv class=\"kr-grid\"\u003e\n \u003cdiv class=\"kr-card kr-card-featured\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eLes oméga-3 EPA et DHA contribuent au \u003cstrong\u003efonctionnement normal du cœur\u003c\/strong\u003e. Ils participent au maintien d'une pression artérielle normale et aident à réguler le taux de triglycérides sanguins. La choline joue un rôle dans le métabolisme normal des lipides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card kr-card-featured\"\u003e\n \u003ch3\u003e🧠 Fonctions cérébrales\u003c\/h3\u003e\n \u003cp\u003eVotre cerveau est composé à près de 60% de graisses. Le DHA représente une part importante de ces lipides cérébraux. Un apport régulier contribue au \u003cstrong\u003emaintien d'une fonction cérébrale normale\u003c\/strong\u003e, soutenant mémoire et concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card kr-card-featured\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLes propriétés des oméga-3 sur le confort articulaire intéressent particulièrement les chercheurs. L'huile de krill pourrait \u003cstrong\u003esoutenir la mobilité articulaire\u003c\/strong\u003e et contribuer au bien-être des personnes actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card kr-card-featured\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eL'astaxanthine naturellement présente est un puissant antioxydant. Elle aide à \u003cstrong\u003eprotéger vos cellules contre le stress oxydatif\u003c\/strong\u003e et participe au maintien d'une peau en bonne santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003eHuile de krill : y a-t-il un danger ?\u003c\/h2\u003e\n \u003cp class=\"kr-section-intro\"\u003eLa question du danger de l'huile de krill revient fréquemment. Soyez rassuré : l'huile de krill est généralement très bien tolérée lorsqu'elle est consommée aux doses recommandées.\u003c\/p\u003e\n \u003cdiv class=\"kr-warning-grid\"\u003e\n \u003cdiv class=\"kr-warning-card\"\u003e\n \u003cspan class=\"kr-warning-icon\"\u003e🦐\u003c\/span\u003e\n \u003ch3\u003eAllergie aux crustacés\u003c\/h3\u003e\n \u003cp\u003eSi vous êtes allergique aux fruits de mer, l'huile de krill est contre-indiquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-warning-card\"\u003e\n \u003cspan class=\"kr-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003ch3\u003eTraitement anticoagulant\u003c\/h3\u003e\n \u003cp\u003eLes oméga-3 peuvent fluidifier le sang. Consultez votre médecin si vous prenez des anticoagulants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-warning-card\"\u003e\n \u003cspan class=\"kr-warning-icon\"\u003e🏥\u003c\/span\u003e\n \u003ch3\u003eIntervention chirurgicale\u003c\/h3\u003e\n \u003cp\u003eSuspendez la prise quelques jours avant une opération programmée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-warning-card\"\u003e\n \u003cspan class=\"kr-warning-icon\"\u003e🤰\u003c\/span\u003e\n \u003ch3\u003eGrossesse et allaitement\u003c\/h3\u003e\n \u003cp\u003eDemandez l'avis de votre professionnel de santé avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-tip\"\u003e\n \u003cspan class=\"kr-tip-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eL'avis médical sur l'huile de krill est globalement positif.\u003c\/strong\u003e Les professionnels de santé reconnaissent son intérêt nutritionnel, particulièrement pour les personnes ne consommant pas suffisamment de poissons gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003eComposition détaillée de l'huile de krill Meralia\u003c\/h2\u003e\n \u003cdiv class=\"kr-composition-box\"\u003e\n \u003cdiv class=\"kr-composition-header\"\u003e\n \u003cspan\u003e📋 Ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"kr-composition-text\"\u003eExtrait lipidique de Krill de l'Antarctique (\u003cem\u003eEuphausia superba\u003c\/em\u003e), gélatine de poisson, glycérine, sorbitol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-nutrition-table\"\u003e\n \u003cdiv class=\"kr-nutrition-header\"\u003e\n \u003cspan\u003e🔬 Valeurs nutritionnelles pour 2 capsules (dose journalière)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-nutrition-content\"\u003e\n \u003cdiv class=\"kr-nutrition-row kr-nutrition-main\"\u003e\n \u003cspan class=\"kr-nutrition-label\"\u003eExtrait lipidique de Krill\u003c\/span\u003e\n \u003cspan class=\"kr-nutrition-value\"\u003e1180 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-nutrition-row\"\u003e\n \u003cspan class=\"kr-nutrition-label\"\u003ePhospholipides\u003c\/span\u003e\n \u003cspan class=\"kr-nutrition-value\"\u003e660 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-nutrition-row kr-nutrition-sub\"\u003e\n \u003cspan class=\"kr-nutrition-label\"\u003e↳ dont Choline\u003c\/span\u003e\n \u003cspan class=\"kr-nutrition-value\"\u003e82,6 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-nutrition-row\"\u003e\n \u003cspan class=\"kr-nutrition-label\"\u003eOméga-3 totaux\u003c\/span\u003e\n \u003cspan class=\"kr-nutrition-value\"\u003e318 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-nutrition-row kr-nutrition-sub\"\u003e\n \u003cspan class=\"kr-nutrition-label\"\u003e↳ EPA (Acide Eicosapentaénoïque)\u003c\/span\u003e\n \u003cspan class=\"kr-nutrition-value\"\u003e178 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-nutrition-row kr-nutrition-sub\"\u003e\n \u003cspan class=\"kr-nutrition-label\"\u003e↳ DHA (Acide Docosahexaénoïque)\u003c\/span\u003e\n \u003cspan class=\"kr-nutrition-value\"\u003e82 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-nutrition-row\"\u003e\n \u003cspan class=\"kr-nutrition-label\"\u003eOméga-6\u003c\/span\u003e\n \u003cspan class=\"kr-nutrition-value\"\u003e12 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-nutrition-row\"\u003e\n \u003cspan class=\"kr-nutrition-label\"\u003eOméga-9\u003c\/span\u003e\n \u003cspan class=\"kr-nutrition-value\"\u003e70 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-nutrition-row\"\u003e\n \u003cspan class=\"kr-nutrition-label\"\u003eAstaxanthine\u003c\/span\u003e\n \u003cspan class=\"kr-nutrition-value\"\u003e100 μg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-tip\"\u003e\n \u003cspan class=\"kr-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eContenu du flacon :\u003c\/strong\u003e 30 capsules, soit 15 jours de cure à raison de 2 capsules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003eComment prendre l'huile de krill Meralia ?\u003c\/h2\u003e\n \u003cp class=\"kr-section-intro\"\u003ePour profiter pleinement des bienfaits de ce complément, suivez ces recommandations simples.\u003c\/p\u003e\n \u003cdiv class=\"kr-timeline\"\u003e\n \u003cdiv class=\"kr-timeline-item\"\u003e\n \u003cspan class=\"kr-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"kr-timeline-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e2 capsules par jour, ni plus ni moins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-item\"\u003e\n \u003cspan class=\"kr-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"kr-timeline-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eAu cours d'un repas, de préférence le matin ou le midi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-item\"\u003e\n \u003cspan class=\"kr-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"kr-timeline-content\"\u003e\n \u003ch3\u003eMode d'administration\u003c\/h3\u003e\n \u003cp\u003eAvalez les capsules avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-item\"\u003e\n \u003cspan class=\"kr-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"kr-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e2 à 3 mois pour observer les premiers effets\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-tip\"\u003e\n \u003cspan class=\"kr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e prendre vos capsules pendant un repas contenant des graisses améliore encore l'absorption des oméga-3 et limite tout risque d'inconfort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003eHuile de krill et perte de poids : que faut-il en penser ?\u003c\/h2\u003e\n \u003cdiv class=\"kr-info-box\"\u003e\n \u003cp\u003eVous avez peut-être entendu parler d'un lien entre huile de krill et perte de poids. Soyons clairs : \u003cstrong\u003el'huile de krill n'est pas un produit amincissant\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eCependant, certaines études suggèrent que les oméga-3 pourraient avoir un effet favorable sur le métabolisme des graisses et la sensibilité à l'insuline.\u003c\/p\u003e\n \u003cp\u003eDans le cadre d'une alimentation équilibrée et d'une activité physique régulière, l'huile de krill peut s'intégrer à une \u003cstrong\u003edémarche globale de bien-être\u003c\/strong\u003e. La choline qu'elle contient participe notamment au métabolisme normal des lipides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de krill Meralia ?\u003c\/h2\u003e\n \u003cp class=\"kr-section-intro\"\u003eFace à la multitude de compléments disponibles, voici ce qui distingue cette formule.\u003c\/p\u003e\n \u003cdiv class=\"kr-grid\"\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🎣 Pêche certifiée MSC\u003c\/h3\u003e\n \u003cp\u003eLe krill provient de zones contrôlées en Antarctique, garantissant le respect des écosystèmes marins et une traçabilité totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🧬 Haute teneur en phospholipides\u003c\/h3\u003e\n \u003cp\u003eAvec 660 mg par dose, cette formule assure une biodisponibilité optimale des oméga-3.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🔴 Astaxanthine naturelle\u003c\/h3\u003e\n \u003cp\u003eCet antioxydant protège vos cellules et l'huile elle-même contre l'oxydation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🐟 Gélatine de poisson\u003c\/h3\u003e\n \u003cp\u003eUne alternative adaptée aux personnes évitant la gélatine bovine ou porcine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e😊 Pas d'arrière-goût\u003c\/h3\u003e\n \u003cp\u003eContrairement aux huiles de poisson, pas de remontées ni d'haleine désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e✅ Absorption optimisée\u003c\/h3\u003e\n \u003cp\u003eLes oméga-3 liés aux phospholipides sont mieux assimilés par votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"kr-section-intro\"\u003eL'huile de krill Meralia convient particulièrement à ces profils.\u003c\/p\u003e\n \u003cdiv class=\"kr-grid\"\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003ePersonnes soucieuses de préserver leur cœur et leur système circulatoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eCeux souhaitant soutenir mémoire et concentration au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🦴 Mobilité articulaire\u003c\/h3\u003e\n \u003cp\u003ePersonnes actives ou sujettes aux inconforts articulaires liés à l'âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🐟 Peu de poissons gras\u003c\/h3\u003e\n \u003cp\u003eCeux ne consommant pas les 2 portions hebdomadaires recommandées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e💊 Meilleure absorption\u003c\/h3\u003e\n \u003cp\u003ePersonnes désirant une source d'oméga-3 mieux assimilée que les huiles classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🐕 Et même vos animaux !\u003c\/h3\u003e\n \u003cp\u003eCertains propriétaires l'utilisent pour le pelage de leur chien (consultez votre vétérinaire)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"kr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"kr-accordion\"\u003e\n \u003cdetails class=\"kr-accordion-item\"\u003e\n \u003csummary class=\"kr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kr-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kr-accordion-item\"\u003e\n \u003csummary class=\"kr-accordion-header\"\u003e⚠️ Dosage\u003c\/summary\u003e\n \u003cdiv class=\"kr-accordion-content\"\u003e\n \u003cp\u003eNe dépassez pas la dose journalière recommandée de 2 capsules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kr-accordion-item\"\u003e\n \u003csummary class=\"kr-accordion-header\"\u003e🥗 Alimentation\u003c\/summary\u003e\n \u003cdiv class=\"kr-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.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kr-accordion-item\"\u003e\n \u003csummary class=\"kr-accordion-header\"\u003e👶 Sécurité enfants\u003c\/summary\u003e\n \u003cdiv class=\"kr-accordion-content\"\u003e\n \u003cp\u003eTenez hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kr-accordion-item\"\u003e\n \u003csummary class=\"kr-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"kr-accordion-content\"\u003e\n \u003cp\u003eEn cas de traitement médical ou de doute, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kr-disclaimer\"\u003eLes compléments alimentaires ne sont pas destinés à diagnostiquer, traiter, guérir ou prévenir une maladie. Les informations présentées ne constituent pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kr-cream: #f8fafc;\n --kr-white: #ffffff;\n --kr-primary: #2B5A9E;\n --kr-primary-dark: #1e4175;\n --kr-primary-light: #e8f4fc;\n --kr-secondary: #4A90D9;\n --kr-accent: #ff6b6b;\n --kr-text: #1a1a1a;\n --kr-text-light: #5a6578;\n --kr-border: #e2e8f0;\n --kr-shadow: 0 4px 24px rgba(43,90,158,.08);\n --kr-shadow-lg: 0 12px 48px rgba(43,90,158,.15);\n --kr-radius: 20px;\n --kr-radius-sm: 12px;\n}\n\n.kr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kr-hero {\n position: relative;\n background: linear-gradient(135deg, #1e4175 0%, #2B5A9E 40%, #4A90D9 100%);\n border-radius: var(--kr-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(--kr-shadow-lg);\n}\n\n.kr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.kr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kr-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(--kr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kr-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.kr-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.kr-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 2rem;\n}\n\n.kr-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 4vw, 2.5rem);\n flex-wrap: wrap;\n}\n\n.kr-stat {\n text-align: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--kr-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.kr-stat-number {\n display: block;\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: white;\n}\n\n.kr-stat-label {\n display: block;\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.kr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kr-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.kr-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(--kr-primary), var(--kr-secondary));\n border-radius: 2px;\n}\n\n.kr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kr-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.kr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.kr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.kr-card {\n background: var(--kr-white);\n border-radius: var(--kr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kr-shadow-lg);\n border-color: var(--kr-primary);\n}\n\n.kr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kr-card-featured {\n text-align: left;\n border-left: 4px solid var(--kr-primary);\n}\n\n.kr-card-featured h3 {\n text-align: left;\n}\n\n.kr-grid-compact .kr-card {\n padding: 1rem;\n}\n\n.kr-grid-compact .kr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kr-grid-compact .kr-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kr-highlight-box {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--kr-primary-light) 0%, #f0f7ff 100%);\n border-radius: var(--kr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-top: 1.5rem;\n border: 2px solid rgba(43,90,158,.1);\n}\n\n.kr-highlight-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.kr-highlight-content strong {\n display: block;\n font-size: 16px;\n color: var(--kr-primary-dark);\n margin-bottom: .5rem;\n}\n\n.kr-highlight-content p {\n font-size: 14px;\n color: var(--kr-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === WARNING CARDS === *\/\n.kr-warning-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kr-warning-card {\n background: var(--kr-white);\n border-radius: var(--kr-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--kr-shadow);\n text-align: center;\n border-top: 3px solid var(--kr-accent);\n}\n\n.kr-warning-icon {\n font-size: 28px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.kr-warning-card h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--kr-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.kr-warning-card p {\n font-size: 13px;\n color: var(--kr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kr-primary-light);\n border-radius: var(--kr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kr-tip p {\n font-size: 14px;\n color: var(--kr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFO BOX === *\/\n.kr-info-box {\n background: var(--kr-white);\n border-radius: var(--kr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kr-shadow);\n border-left: 4px solid var(--kr-secondary);\n}\n\n.kr-info-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--kr-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.kr-info-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.kr-composition-box {\n background: var(--kr-white);\n border-radius: var(--kr-radius);\n overflow: hidden;\n box-shadow: var(--kr-shadow);\n margin-bottom: 1.25rem;\n}\n\n.kr-composition-header {\n background: linear-gradient(135deg, var(--kr-primary) 0%, var(--kr-secondary) 100%);\n color: white;\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n}\n\n.kr-composition-text {\n padding: 1.25rem;\n font-size: 14px;\n color: var(--kr-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === NUTRITION TABLE === *\/\n.kr-nutrition-table {\n background: var(--kr-white);\n border-radius: var(--kr-radius);\n overflow: hidden;\n box-shadow: var(--kr-shadow);\n}\n\n.kr-nutrition-header {\n background: linear-gradient(135deg, var(--kr-primary) 0%, var(--kr-secondary) 100%);\n color: white;\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n}\n\n.kr-nutrition-content {\n padding: .5rem 0;\n}\n\n.kr-nutrition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 1.25rem;\n border-bottom: 1px solid var(--kr-border);\n}\n\n.kr-nutrition-row:last-child {\n border-bottom: none;\n}\n\n.kr-nutrition-main {\n background: var(--kr-primary-light);\n}\n\n.kr-nutrition-main .kr-nutrition-label,\n.kr-nutrition-main .kr-nutrition-value {\n font-weight: 700;\n color: var(--kr-primary-dark);\n}\n\n.kr-nutrition-sub {\n background: #fafbfc;\n}\n\n.kr-nutrition-sub .kr-nutrition-label {\n padding-left: .5rem;\n font-size: 13px;\n color: var(--kr-text-light);\n}\n\n.kr-nutrition-label {\n font-size: 14px;\n color: var(--kr-text);\n}\n\n.kr-nutrition-value {\n font-size: 14px;\n font-weight: 600;\n color: var(--kr-primary);\n}\n\n\/* === TIMELINE === *\/\n.kr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kr-primary), var(--kr-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.kr-timeline-content {\n flex: 1;\n background: var(--kr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kr-radius-sm);\n box-shadow: var(--kr-shadow);\n}\n\n.kr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kr-timeline-content p {\n font-size: 14px;\n color: var(--kr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.kr-accordion {\n background: var(--kr-white);\n border-radius: var(--kr-radius);\n box-shadow: var(--kr-shadow);\n overflow: hidden;\n}\n\n.kr-accordion-item {\n border-bottom: 1px solid var(--kr-border);\n margin: 0;\n padding: 0;\n}\n\n.kr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kr-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.kr-accordion-header:hover {\n background: var(--kr-primary-light);\n}\n\n.kr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kr-primary);\n transition: transform .2s ease;\n}\n\n.kr-accordion-item[open] .kr-accordion-header::after {\n content: '−';\n}\n\n.kr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kr-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.kr-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kr-disclaimer {\n font-size: 12px;\n color: var(--kr-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kr-card {\n padding: 1.125rem;\n }\n \n .kr-card-featured {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--kr-primary);\n }\n \n .kr-card-featured h3 {\n text-align: center;\n }\n \n .kr-section {\n margin-bottom: 1.75rem;\n }\n \n .kr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kr-radius-sm);\n }\n \n .kr-hero-stats {\n gap: .75rem;\n }\n \n .kr-stat {\n padding: .75rem 1rem;\n min-width: 90px;\n }\n \n .kr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kr-grid-compact {\n gap: .625rem;\n }\n \n .kr-grid-compact .kr-card {\n padding: .75rem;\n }\n \n .kr-warning-grid {\n gap: .75rem;\n }\n \n .kr-warning-card {\n padding: 1rem;\n }\n \n .kr-warning-icon {\n font-size: 24px;\n }\n \n .kr-warning-card h3 {\n font-size: 13px;\n }\n \n .kr-warning-card p {\n font-size: 12px;\n }\n \n .kr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kr-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kr-timeline-content h3 {\n font-size: 14px;\n }\n \n .kr-timeline-content p {\n font-size: 13px;\n }\n \n .kr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kr-highlight-box {\n flex-direction: column;\n text-align: center;\n }\n \n .kr-highlight-icon {\n align-self: center;\n }\n \n .kr-tip {\n padding: .875rem 1rem;\n }\n \n .kr-tip-icon {\n font-size: 20px;\n }\n \n .kr-tip p {\n font-size: 13px;\n }\n \n .kr-nutrition-row {\n padding: .625rem 1rem;\n }\n \n .kr-nutrition-label {\n font-size: 13px;\n }\n \n .kr-nutrition-value {\n font-size: 13px;\n }\n \n .kr-nutrition-sub .kr-nutrition-label {\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kr-card:nth-child(1) { animation-delay: .05s; }\n .kr-card:nth-child(2) { animation-delay: .1s; }\n .kr-card:nth-child(3) { animation-delay: .15s; }\n .kr-card:nth-child(4) { animation-delay: .2s; }\n .kr-card:nth-child(5) { animation-delay: .25s; }\n .kr-card:nth-child(6) { animation-delay: .3s; }\n \n .kr-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .kr-timeline-item:nth-child(1) { animation-delay: .1s; }\n .kr-timeline-item:nth-child(2) { animation-delay: .15s; }\n .kr-timeline-item:nth-child(3) { animation-delay: .2s; }\n .kr-timeline-item:nth-child(4) { animation-delay: .25s; }\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 .kr-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":55161064980857,"sku":"ME5070","price":17.28,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-krill-omega-3-antioxydants-30-capsules-meralia-packshothd.webp?v=1785914188"},{"product_id":"rhodiola-rosea-en-extrait-60-gelules-vital-osmose","title":"Rhodiola Rosea (extrait 1% salidroside 3% rosavine) 60 gélules - VitalOsmose","description":"\u003cdiv class=\"rr-premium\"\u003e\n\n \u003cdiv class=\"rr-hero\"\u003e\n \u003cdiv class=\"rr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rr-hero-content\"\u003e\n \u003cdiv class=\"rr-badges-top\"\u003e\n \u003cspan class=\"rr-badge\"\u003e🌿 Adaptogène\u003c\/span\u003e\n \u003cspan class=\"rr-badge\"\u003e🧬 3% rosavines\u003c\/span\u003e\n \u003cspan class=\"rr-badge\"\u003e💊 60 gélules\u003c\/span\u003e\n \u003cspan class=\"rr-badge\"\u003e🌱 Végan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rr-hero-title\"\u003eRhodiola Rosea\u003c\/span\u003e\n \u003cp class=\"rr-subtitle\"\u003eExtrait titré à 1% salidroside \u0026amp; 3% rosavines\u003c\/p\u003e\n \u003cp class=\"rr-description\"\u003ePerformances physiques \u0026amp; intellectuelles — La racine dorée ancestrale au service de votre vitalité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eRhodiola Rosea : l'extrait adaptogène pour votre énergie et votre sérénité\u003c\/h2\u003e\n \u003cp class=\"rr-section-intro\"\u003eVous traversez une période de stress intense, de fatigue persistante ou de baisse de motivation ? La \u003cstrong\u003eRhodiola Rosea\u003c\/strong\u003e de Vital Osmose est un complément alimentaire adaptogène conçu pour vous aider à retrouver un équilibre durable.\u003c\/p\u003e\n \u003cdiv class=\"rr-highlight-box\"\u003e\n \u003cp\u003eGrâce à un \u003cstrong\u003eextrait titré à 3 % de rosavines et 1 % de salidrosides\u003c\/strong\u003e, ce produit vous apporte les principes actifs les plus étudiés de cette plante millénaire, dans un dosage précis et fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus de la Rhodiola Rosea\u003c\/h2\u003e\n \u003cp class=\"rr-section-intro\"\u003eSurnommée \u003cem\u003e« racine dorée »\u003c\/em\u003e, la Rhodiola Rosea est utilisée depuis des siècles dans les médecines traditionnelles scandinave et sibérienne. Voici pourquoi tant de personnes la plébiscitent :\u003c\/p\u003e\n \u003cdiv class=\"rr-grid\"\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e🧘 Gestion du stress et du cortisol\u003c\/h3\u003e\n \u003cp\u003eLes rosavines et salidrosides contribuent à moduler la réponse de l'organisme au stress en agissant sur les niveaux de cortisol, l'hormone directement liée aux états de tension nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e🧠 Performances intellectuelles\u003c\/h3\u003e\n \u003cp\u003eElle soutient la concentration, la mémoire et la clarté mentale, particulièrement lors de périodes de surcharge professionnelle ou d'examens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e⚡ Énergie physique\u003c\/h3\u003e\n \u003cp\u003eElle favorise une meilleure endurance et aide le corps à s'adapter à l'effort, un atout apprécié des sportifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eEn agissant sur les neurotransmetteurs comme la dopamine et la sérotonine, elle contribue à maintenir une humeur stable et positive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 3 gélules – dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"rr-grid\"\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e🌱 Extrait de racine de Rhodiola Rosea\u003c\/h3\u003e\n \u003cp\u003eTitré à 3 % de rosavines et 1 % de salidrosides : \u003cstrong\u003e900 mg\u003c\/strong\u003e, soit 27 mg de rosavines et 9 mg de salidrosides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e🧲 Stéarate de magnésium\u003c\/h3\u003e\n \u003cp\u003eAnti-agglomérant naturel : \u003cstrong\u003e9 mg\u003c\/strong\u003e pour garantir une répartition homogène des actifs dans chaque gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e💚 Gélule en cellulose végétale\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e225 mg\u003c\/strong\u003e — Compatible avec un régime végétarien et végane. Aucun additif d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eComment prendre la Rhodiola Rosea ?\u003c\/h2\u003e\n \u003cdiv class=\"rr-timeline\"\u003e\n \u003cdiv class=\"rr-timeline-item\"\u003e\n \u003cdiv class=\"rr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rr-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 à 3 gélules 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=\"rr-timeline-item\"\u003e\n \u003cdiv class=\"rr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rr-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez une prise \u003cstrong\u003ele matin ou en début d'après-midi\u003c\/strong\u003e pour profiter de son effet tonique sans perturber le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-timeline-item\"\u003e\n \u003cdiv class=\"rr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rr-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eEffectuez une cure de \u003cstrong\u003e10 à 15 jours\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=\"rr-tip\"\u003e\n \u003cspan class=\"rr-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eNe pas dépasser la dose recommandée. Déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003ePourquoi choisir cet extrait de Rhodiola Rosea Vital Osmose ?\u003c\/h2\u003e\n \u003cp class=\"rr-section-intro\"\u003eTous les extraits de Rhodiola Rosea ne se valent pas. Ce qui fait la différence avec ce produit :\u003c\/p\u003e\n \u003cdiv class=\"rr-grid\"\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e🔬 Un dosage standardisé et vérifié\u003c\/h3\u003e\n \u003cp\u003eLe titrage à 3 % de rosavines et 1 % de salidrosides correspond aux proportions les plus couramment utilisées dans les études cliniques, gage de sérieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e📦 Un flacon de 60 gélules\u003c\/h3\u003e\n \u003cp\u003eSoit jusqu'à \u003cstrong\u003edeux mois de cure\u003c\/strong\u003e à raison d'une gélule par jour, un excellent rapport quantité-qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rr-card\"\u003e\n \u003ch3\u003e🍃 Une extraction respectueuse\u003c\/h3\u003e\n \u003cp\u003eLe procédé préserve l'intégrité des actifs naturels de la racine, sans ajout superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\"\u003e\n \u003ch2\u003eLa Rhodiola Rosea est-elle dangereuse ?\u003c\/h2\u003e\n \u003cdiv class=\"rr-accordion\"\u003e\n \u003cdetails class=\"rr-accordion-item\" open\u003e\n \u003csummary class=\"rr-accordion-header\"\u003e💬 Sécurité aux dosages recommandés\u003c\/summary\u003e\n \u003cdiv class=\"rr-accordion-content mt-3\"\u003e\n \u003cp\u003eAux dosages recommandés, la \u003cstrong\u003eRhodiola Rosea ne présente pas de danger\u003c\/strong\u003e pour la plupart des adultes en bonne santé. De rares effets secondaires légers (agitation, bouche sèche) ont été rapportés à doses élevées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rr-accordion-item\"\u003e\n \u003csummary class=\"rr-accordion-header\"\u003e🩺 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"rr-accordion-content mt-3\"\u003e\n \u003cp\u003eSi vous suivez un traitement médical, notamment pour la thyroïde ou la tension artérielle, consultez votre médecin avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rr-accordion-item\"\u003e\n \u003csummary class=\"rr-accordion-header\"\u003e📋 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"rr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rr-cta-box\"\u003e\n \u003cp\u003eOffrez à votre organisme le soutien naturel dont il a besoin. Avec la \u003cstrong\u003eRhodiola Rosea Vital Osmose\u003c\/strong\u003e, vous faites le choix d'un extrait de qualité pour traverser vos journées avec davantage de \u003cstrong\u003evitalité\u003c\/strong\u003e, de \u003cstrong\u003ecalme\u003c\/strong\u003e et de \u003cstrong\u003elucidité\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rr-disclaimer\"\u003eLes compléments alimentaires ne se substituent 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 jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rr-cream: #f7f5f0;\n --rr-white: #ffffff;\n --rr-primary: #6b3a7d;\n --rr-primary-dark: #4a2358;\n --rr-primary-light: #f3edf6;\n --rr-secondary: #c9a028;\n --rr-accent: #d4a83a;\n --rr-text: #1a1a1a;\n --rr-text-light: #5a5a5a;\n --rr-border: #e0e0e0;\n --rr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rr-radius: 20px;\n --rr-radius-sm: 12px;\n}\n\n.rr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--rr-primary-dark) 0%, var(--rr-primary) 50%, #8b5a9e 100%);\n border-radius: var(--rr-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(--rr-shadow-lg);\n}\n\n.rr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(201,160,40,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(201,160,40,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rr-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.rr-subtitle {\n color: var(--rr-secondary);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.rr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.rr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rr-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(--rr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rr-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.rr-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(--rr-primary), var(--rr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.rr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rr-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.rr-highlight-box {\n background: linear-gradient(135deg, var(--rr-primary-light) 0%, #f9f4fb 100%);\n border-left: 4px solid var(--rr-primary);\n border-radius: var(--rr-radius-sm);\n padding: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n}\n\n.rr-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--rr-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rr-card {\n background: var(--rr-white);\n border-radius: var(--rr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rr-shadow-lg);\n border-color: var(--rr-primary);\n}\n\n.rr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.rr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rr-grid-compact .rr-card {\n padding: 1rem;\n}\n\n.rr-grid-compact .rr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rr-grid-compact .rr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rr-primary), var(--rr-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.rr-timeline-content {\n flex: 1;\n background: var(--rr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rr-radius-sm);\n box-shadow: var(--rr-shadow);\n}\n\n.rr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rr-timeline-content p {\n font-size: 14px;\n color: var(--rr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.rr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rr-primary-light);\n border-radius: var(--rr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rr-tip p {\n font-size: 14px;\n color: var(--rr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.rr-testimonial {\n background: var(--rr-white);\n border-radius: var(--rr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rr-shadow);\n border-left: 4px solid var(--rr-primary);\n}\n\n.rr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rr-accordion {\n background: var(--rr-white);\n border-radius: var(--rr-radius);\n box-shadow: var(--rr-shadow);\n overflow: hidden;\n}\n\n.rr-accordion-item {\n border-bottom: 1px solid var(--rr-border);\n margin: 0;\n padding: 0;\n}\n\n.rr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rr-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.rr-accordion-header:hover {\n background: var(--rr-primary-light);\n}\n\n.rr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rr-primary);\n transition: transform .2s ease;\n}\n\n.rr-accordion-item[open] .rr-accordion-header::after {\n content: '−';\n}\n\n.rr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.rr-cta-box {\n background: linear-gradient(135deg, var(--rr-primary) 0%, var(--rr-primary-dark) 100%);\n border-radius: var(--rr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rr-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.rr-disclaimer {\n font-size: 12px;\n color: var(--rr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rr-card {\n padding: 1.125rem;\n }\n\n .rr-section {\n margin-bottom: 1.75rem;\n }\n\n .rr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rr-radius-sm);\n }\n\n .rr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rr-grid-compact {\n gap: .625rem;\n }\n\n .rr-grid-compact .rr-card {\n padding: .75rem;\n }\n\n .rr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rr-timeline-content h3 {\n font-size: 14px;\n }\n\n .rr-timeline-content p {\n font-size: 13px;\n }\n\n .rr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rr-testimonial {\n padding: 1.25rem;\n }\n\n .rr-testimonial-text {\n font-size: 14px;\n }\n\n .rr-highlight-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rr-card {\n animation: rrFadeInUp .5s ease backwards;\n }\n .rr-card:nth-child(1) { animation-delay: .05s; }\n .rr-card:nth-child(2) { animation-delay: .1s; }\n .rr-card:nth-child(3) { animation-delay: .15s; }\n .rr-card:nth-child(4) { animation-delay: .2s; }\n .rr-card:nth-child(5) { animation-delay: .25s; }\n .rr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":55180536775033,"sku":"VO4825","price":20.28,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rhodiola-rosea-extrait-1-salidroside-3-rosavine-60-gelules-v-packshothd_f89171ab-8017-4403-a2c7-c4efea7b3a19.webp?v=1790347035"},{"product_id":"complexe-memoire-bio-500-ml-ayur-vana","title":"Complexe mémoire bio – 500 ml - Ayur Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Complexe mémoire bio – 500 ml - Ayur Vana\nPalette détectée:\n - Primaire: #6B3A6B (mauve\/violet de la bande du packaging)\n - Secondaire: #4A8C3F (vert des feuilles et logo bio)\n - Accent: #D4A843 (doré\/jaune du fond étiquette crème)\n - Fond étiquette: #FDF5E0 (crème\/beige clair)\n - Flacon: #4A1E1E (brun sombre ambré)\nAmbiance: Naturel\/Bio, Ayurvédique, Bien-être holistique, Végétal, Doux et rassurant\nPréfixe CSS: cm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits de ce complément alimentaire pour la mémoire et la concentration\"\n 2. \"Composition détaillée pour 30 ml (dose journalière)\"\n 3. \"Comment prendre le Complexe Mémoire Bio ?\"\n 4. \"Combien de temps pour ressentir les premiers effets ?\"\n 5. \"Pourquoi choisir ce complexe mémoire plutôt qu'un autre ?\"\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=\"cm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cm-hero\"\u003e\n \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cm-hero-content\"\u003e\n \u003cdiv class=\"cm-badges-top\"\u003e\n \u003cspan class=\"cm-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cm-hero-title\"\u003eComplexe Mémoire Bio\u003c\/span\u003e\n \u003cp class=\"cm-subtitle\"\u003eAyur-Vana · 500 ml · Formule ayurvédique triple action\u003c\/p\u003e\n \u003cp class=\"cm-description\"\u003eBrahmi, Centella Asiatica et Amalaki réunis dans un complexe liquide bio pour soutenir votre mémoire, aiguiser votre concentration et protéger vos cellules cérébrales au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eLes bienfaits de ce complément alimentaire pour la mémoire et la concentration\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eSi vous cherchez le meilleur complément alimentaire mémoire concentration d'inspiration ayurvédique, cette formule triple action mérite toute votre attention.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e📚 Mémoire et apprentissage\u003c\/h3\u003e\n \u003cp\u003eLe Brahmi (Bacopa monnieri), plante phare de la tradition indienne, soutient la mémorisation et favorise l'acquisition de nouvelles informations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🎯 Concentration et performances cognitives\u003c\/h3\u003e\n \u003cp\u003eLa Centella Asiatica, riche en saponines, contribue au maintien de la vivacité intellectuelle et de la clarté d'esprit, même en période d'effort soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante du cerveau\u003c\/h3\u003e\n \u003cp\u003eL'Amalaki (Amla), concentré en vitamine C naturelle, tanins et polyphénols, aide à protéger vos cellules cérébrales face au stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💆 Résistance au stress mental\u003c\/h3\u003e\n \u003cp\u003eL'ensemble de ces plantes agit en synergie pour vous aider à faire face à la fatigue intellectuelle et au surmenage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 30 ml (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"cm-composition-grid\"\u003e\n \u003cdiv class=\"cm-compo-card cm-compo-main\"\u003e\n \u003cdiv class=\"cm-compo-header\"\u003e\n \u003cspan class=\"cm-compo-emoji\"\u003e🌿\u003c\/span\u003e\n \u003ch3\u003eBrahmi (Bacopa monnieri)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-compo-dose\"\u003e1 200 mg\u003c\/div\u003e\n \u003cp\u003eSoutient la mémoire, l'apprentissage, aide à réduire le stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-compo-card\"\u003e\n \u003cdiv class=\"cm-compo-header\"\u003e\n \u003cspan class=\"cm-compo-emoji\"\u003e🍃\u003c\/span\u003e\n \u003ch3\u003eCentella Asiatica\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-compo-dose\"\u003e600 mg\u003c\/div\u003e\n \u003cp\u003eStimule les fonctions cognitives et la microcirculation cérébrale\u003c\/p\u003e\n \u003cdiv class=\"cm-compo-sub\"\u003edont \u003cstrong\u003esaponines\u003c\/strong\u003e : 120 mg — protection neuronale\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-compo-card\"\u003e\n \u003cdiv class=\"cm-compo-header\"\u003e\n \u003cspan class=\"cm-compo-emoji\"\u003e🫐\u003c\/span\u003e\n \u003ch3\u003eAmalaki (Amla)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-compo-dose\"\u003e600 mg\u003c\/div\u003e\n \u003cp\u003eAntioxydant naturel, protège les cellules du cerveau\u003c\/p\u003e\n \u003cdiv class=\"cm-compo-sub\"\u003edont \u003cstrong\u003etanins\u003c\/strong\u003e : 180 mg — puissants effets antioxydants\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e glycérine végétale, acide citrique, eau purifiée. Produit certifié bio (Ecocert FR-BIO-01), vegan, fabriqué en France à partir de plantes cultivées en Inde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComment prendre le Complexe Mémoire Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-timeline\"\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e2 cuillères à soupe (30 ml) chaque matin, pures ou diluées dans un verre d'eau. Bien agiter le flacon avant chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de 3 mois pour des résultats durables. Un flacon correspond à environ 16 jours de prise ; prévoyez 6 flacons pour une cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eAprès ouverture, conservez au réfrigérateur et consommez sous 30 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eCombien de temps pour ressentir les premiers effets ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-highlight-box\"\u003e\n \u003cdiv class=\"cm-highlight-number\"\u003e3 à 4\u003c\/div\u003e\n \u003cdiv class=\"cm-highlight-label\"\u003esemaines\u003c\/div\u003e\n \u003cp\u003eD'après les retours d'utilisateurs, une amélioration de la mémoire et de la concentration se fait généralement sentir après \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e de prise régulière. Le format liquide facilite l'assimilation des actifs par l'organisme, ce qui constitue un avantage par rapport aux gélules classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complexe mémoire plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eFace aux nombreux compléments alimentaires pour la mémoire et la concentration disponibles sur le marché, cette formule se distingue par plusieurs atouts concrets.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🕉️ Synergie ayurvédique unique\u003c\/h3\u003e\n \u003cp\u003eContrairement aux formules à base de Ginkgo ou de gemmothérapie, ce complexe mise sur trois plantes complémentaires dont l'usage est documenté depuis des millénaires en médecine traditionnelle indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e📊 Dosages élevés et transparents\u003c\/h3\u003e\n \u003cp\u003e1 200 mg de Brahmi et 600 mg de Centella par dose, avec des teneurs garanties en principes actifs (saponines, tanins).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 Format liquide bio\u003c\/h3\u003e\n \u003cp\u003eUne absorption optimale, sans excipient superflu, certifié Ecocert et 100 % vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes. Respectez la dose journalière indiquée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e💊 Interactions et avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical ou de doute, consultez votre médecin avant de démarrer une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e📋 Rappel réglementaire\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire mémoire concentration 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 \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cm-cta-box\"\u003e\n \u003cp\u003e🧠 Offrez à votre cerveau le meilleur de l'Ayurveda : Brahmi, Centella Asiatica et Amalaki réunis dans une formule bio liquide, pour une mémoire vive et une concentration durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cm-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --cm-cream: #FAF7F2;\n --cm-white: #ffffff;\n --cm-primary: #7B4B8A;\n --cm-primary-dark: #512960;\n --cm-primary-light: #F3EBF6;\n --cm-secondary: #4A8C3F;\n --cm-accent: #D4A843;\n --cm-text: #1a1a1a;\n --cm-text-light: #5a5a5a;\n --cm-border: #e8e0e8;\n --cm-shadow: 0 4px 24px rgba(123,75,138,.08);\n --cm-shadow-lg: 0 12px 48px rgba(81,41,96,.15);\n --cm-radius: 20px;\n --cm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cm-hero {\n position: relative;\n background: linear-gradient(135deg, #512960 0%, #7B4B8A 40%, #4A8C3F 100%);\n border-radius: var(--cm-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(--cm-shadow-lg);\n}\n\n.cm-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,67,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(74,140,63,.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.cm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cm-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.cm-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: .02em;\n}\n\n.cm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cm-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(--cm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cm-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.cm-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(--cm-primary), var(--cm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-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.cm-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === COMPOSITION GRID (spécial) === *\/\n.cm-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.cm-compo-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-compo-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-secondary);\n}\n\n.cm-compo-main {\n border-color: var(--cm-primary);\n background: linear-gradient(180deg, var(--cm-primary-light) 0%, var(--cm-white) 40%);\n}\n\n.cm-compo-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .25rem;\n margin-bottom: .5rem;\n}\n\n.cm-compo-emoji {\n font-size: 28px;\n line-height: 1;\n}\n\n.cm-compo-header h3 {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0;\n line-height: 1.3;\n}\n\n.cm-compo-dose {\n display: inline-block;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n color: white;\n font-size: clamp(18px, 3vw, 26px);\n font-weight: 900;\n padding: .35rem 1.25rem;\n border-radius: 999px;\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.cm-compo-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cm-compo-sub {\n margin-top: .75rem;\n padding-top: .75rem;\n border-top: 1px dashed var(--cm-border);\n font-size: 13px;\n color: var(--cm-text-light);\n line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.cm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-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.cm-timeline-content {\n flex: 1;\n background: var(--cm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cm-radius-sm);\n box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n font-size: 14px;\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === HIGHLIGHT BOX (pour la section \"premiers effets\") === *\/\n.cm-highlight-box {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(2rem, 5vw, 3rem);\n box-shadow: var(--cm-shadow);\n text-align: center;\n border: 2px solid var(--cm-primary-light);\n position: relative;\n overflow: hidden;\n}\n\n.cm-highlight-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--cm-primary), var(--cm-secondary), var(--cm-accent));\n}\n\n.cm-highlight-number {\n font-size: clamp(48px, 10vw, 72px);\n font-weight: 900;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n margin-bottom: .125rem;\n}\n\n.cm-highlight-label {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin-bottom: 1.25rem;\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.cm-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cm-text-light);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === ACCORDÉON === *\/\n.cm-accordion {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n box-shadow: var(--cm-shadow);\n overflow: hidden;\n}\n\n.cm-accordion-item {\n border-bottom: 1px solid var(--cm-border);\n margin: 0;\n padding: 0;\n}\n\n.cm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cm-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.cm-accordion-header:hover {\n background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cm-primary);\n transition: transform .2s ease;\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n content: '−';\n}\n\n.cm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cm-primary-light);\n border-radius: var(--cm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cm-tip p {\n font-size: 14px;\n color: var(--cm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cm-cta-box {\n background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n border-radius: var(--cm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cm-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(74,140,63,.2) 0%, transparent 60%),\n radial-gradient(circle at 70% 50%, rgba(212,168,67,.15) 0%, transparent 60%);\n}\n\n.cm-cta-box p {\n position: relative;\n z-index: 1;\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.cm-disclaimer {\n font-size: 12px;\n color: var(--cm-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 .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cm-composition-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cm-card {\n padding: 1.125rem;\n }\n\n .cm-compo-card {\n padding: 1.125rem;\n }\n\n .cm-section {\n margin-bottom: 1.75rem;\n }\n\n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n\n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cm-timeline-content h3 {\n font-size: 14px;\n }\n\n .cm-timeline-content p {\n font-size: 13px;\n }\n\n .cm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cm-highlight-box {\n padding: 1.5rem 1.25rem;\n }\n\n .cm-tip {\n flex-direction: column;\n gap: .5rem;\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cm-card,\n .cm-compo-card {\n animation: cmFadeInUp .5s ease backwards;\n }\n .cm-card:nth-child(1),\n .cm-compo-card:nth-child(1) { animation-delay: .05s; }\n .cm-card:nth-child(2),\n .cm-compo-card:nth-child(2) { animation-delay: .1s; }\n .cm-card:nth-child(3),\n .cm-compo-card:nth-child(3) { animation-delay: .15s; }\n .cm-card:nth-child(4) { animation-delay: .2s; }\n .cm-card:nth-child(5) { animation-delay: .25s; }\n .cm-card:nth-child(6) { animation-delay: .3s; }\n\n .cm-timeline-item {\n animation: cmFadeInUp .5s ease backwards;\n }\n .cm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cm-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cm-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes cmFadeInUp {\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 .cm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":55180815925625,"sku":"AY9055","price":19.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/complexe-memoire-bio-500-ml-ayur-vana-ingredients.webp?v=1770905693"},{"product_id":"brahmi-bio-poudre-150-g-ayur-vana","title":"Brahmi bio en poudre - 150 g - Ayur Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brahmi bio en poudre - 150 g - Ayur Vana\nPalette détectée:\n - Primaire: #8B6B9E (violet\/mauve de l'étiquette)\n - Secondaire: #C4A962 (kraft\/doré du sachet)\n - Accent: #4A9B7F (vert de la plante brahmi)\nAmbiance: Ayurvédique, naturel\/bio, spirituel\/zen, bien-être mental, tradition indienne\nPréfixe CSS: bm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Quels sont les bienfaits du Brahmi bio en poudre ?\"\n 2. \"Comment utiliser Brahmi bio en poudre ?\"\n 3. \"Composition, origine et qualité\"\n 4. \"Brahmi Ayur-Vana : les avis, effets secondaires et précautions à prendre\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bm-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bm-hero\"\u003e\n \u003cdiv class=\"bm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bm-hero-content\"\u003e\n \u003cdiv class=\"bm-badges-top\"\u003e\n \u003cspan class=\"bm-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"bm-badge\"\u003e🧠 Mémoire \u0026amp; concentration\u003c\/span\u003e\n \u003cspan class=\"bm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bm-hero-title\"\u003eBrahmi bio en poudre\u003c\/span\u003e\n \u003cp class=\"bm-subtitle\"\u003eBacopa Monnieri • 150 g • Ayur-Vana\u003c\/p\u003e\n \u003cp class=\"bm-description\"\u003eLe trésor de l'ayurvéda pour votre cerveau : stimulez naturellement votre mémoire, votre concentration et votre sérénité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Bienfaits --\u003e\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du Brahmi bio en poudre ?\u003c\/h2\u003e\n \u003cdiv class=\"bm-grid\"\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🧠 Renforce la mémoire et la concentration\u003c\/h3\u003e\n \u003cp\u003eLe brahmi stimule les fonctions cognitives et la mémorisation pour une clarté mentale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🧘 Soutient la gestion du stress\u003c\/h3\u003e\n \u003cp\u003ePlante adaptogène, il aide à apaiser l'esprit et à mieux résister aux tensions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🛡️ Protège les cellules du cerveau\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, le brahmi contribue à la santé cérébrale sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🌱 Vegan \u0026amp; sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, ni additif, ni conservateur. Pureté garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-tip\"\u003e\n \u003cspan class=\"bm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eIdéal pour :\u003c\/strong\u003e étudiants en période d'examens, actifs en surcharge intellectuelle, ou seniors souhaitant préserver leur clarté d'esprit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Utilisation --\u003e\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003eComment utiliser Brahmi bio en poudre ?\u003c\/h2\u003e\n \u003cdiv class=\"bm-timeline\"\u003e\n \u003cdiv class=\"bm-timeline-item\"\u003e\n \u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-content\"\u003e\n \u003ch3\u003eDosez votre cuillère\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à café par jour (environ 5 g). Si sensible, commencez par une demi-cuillère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-item\"\u003e\n \u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-content\"\u003e\n \u003ch3\u003eMélangez à votre boisson\u003c\/h3\u003e\n \u003cp\u003eDiluez dans de l'eau, un jus, du lait végétal, ou incorporez dans une compote ou un yaourt.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-item\"\u003e\n \u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bm-timeline-content\"\u003e\n \u003ch3\u003eSuivez votre cure\u003c\/h3\u003e\n \u003cp\u003eUn sachet de 150 g couvre environ \u003cstrong\u003e30 jours\u003c\/strong\u003e. Cure recommandée : 1 à 3 mois pour 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!-- SECTION 3 : Composition --\u003e\n \u003csection class=\"bm-section\"\u003e\n \u003ch2\u003eComposition, origine et qualité\u003c\/h2\u003e\n \u003cdiv class=\"bm-composition-card\"\u003e\n \u003cdiv class=\"bm-composition-header\"\u003e\n \u003cspan class=\"bm-composition-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eBrahmi (Bacopa Monnieri)\u003c\/h3\u003e\n \u003cp class=\"bm-composition-dose\"\u003e5 g de poudre pure par dose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-composition-benefits\"\u003e\n \u003cdiv class=\"bm-benefit-tag\"\u003e✓ Améliore la mémoire\u003c\/div\u003e\n \u003cdiv class=\"bm-benefit-tag\"\u003e✓ Protège les neurones\u003c\/div\u003e\n \u003cdiv class=\"bm-benefit-tag\"\u003e✓ Favorise la sérénité\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-grid-compact\"\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🏆 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🌍 Origine Inde\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eTransformation \u0026amp; conditionnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Avis et précautions --\u003e\n \u003csection class=\"bm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eBrahmi Ayur-Vana : les avis, effets secondaires et précautions à prendre\u003c\/h2\u003e\n \u003cdiv class=\"bm-testimonial\"\u003e\n \u003cp class=\"bm-testimonial-text\"\u003e\"La poudre de Brahmi Ayur-Vana est généralement bien tolérée. Les utilisateurs apprécient ses effets sur la concentration et le bien-être mental au quotidien.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-accordion\"\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e✅ Tolérance et effets\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content\"\u003e\n \u003cp\u003eAucun effet secondaire majeur connu aux doses recommandées. La grande majorité des utilisateurs ressent une amélioration de leur clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical. Respectez toujours la dose quotidienne indiquée et consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bm-accordion-item\"\u003e\n \u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bm-accordion-content\"\u003e\n \u003cp\u003eÀ conserver au sec, à l'abri de la lumière, hors de portée des enfants. Refermez bien le sachet après usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bm-cta-box\"\u003e\n \u003cp\u003e🧠 Offrez à votre cerveau le soutien millénaire de l'ayurvéda.\u003cbr\u003eMémoire, concentration, sérénité : le brahmi accompagne votre esprit au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bm-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée, ni un suivi médical adapté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bm-cream: #F9F6F1;\n --bm-white: #ffffff;\n --bm-primary: #8B6B9E;\n --bm-primary-dark: #5D4670;\n --bm-primary-light: #F3EEF6;\n --bm-secondary: #C4A962;\n --bm-accent: #4A9B7F;\n --bm-text: #1a1a1a;\n --bm-text-light: #5a5a5a;\n --bm-border: #e0e0e0;\n --bm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bm-radius: 20px;\n --bm-radius-sm: 12px;\n}\n\n.bm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6B9E 0%, #5D4670 50%, #4A9B7F 100%);\n border-radius: var(--bm-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(--bm-shadow-lg);\n}\n\n.bm-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 5c-4 8-12 12-20 12 0 10 6 20 20 28 14-8 20-18 20-28-8 0-16-4-20-12z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.bm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bm-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.bm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .5px;\n}\n\n.bm-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.bm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bm-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(--bm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bm-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.bm-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(--bm-primary), var(--bm-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bm-shadow-lg);\n border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.bm-grid-compact .bm-card {\n padding: 1rem;\n}\n\n.bm-grid-compact .bm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bm-grid-compact .bm-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.bm-composition-card {\n background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bm-shadow);\n border: 2px solid var(--bm-primary);\n}\n\n.bm-composition-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.bm-composition-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.bm-composition-header h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--bm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bm-composition-dose {\n font-size: 14px;\n color: var(--bm-accent);\n font-weight: 700;\n margin: 0;\n}\n\n.bm-composition-benefits {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.bm-benefit-tag {\n background: var(--bm-white);\n padding: 8px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--bm-primary-dark);\n box-shadow: 0 2px 8px rgba(0,0,0,.05);\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bm-primary), var(--bm-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.bm-timeline-content {\n flex: 1;\n background: var(--bm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bm-radius-sm);\n box-shadow: var(--bm-shadow);\n}\n\n.bm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bm-timeline-content p {\n font-size: 14px;\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bm-testimonial {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bm-shadow);\n border-left: 4px solid var(--bm-primary);\n margin-bottom: 1.5rem;\n}\n\n.bm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n box-shadow: var(--bm-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.bm-accordion-item {\n border-bottom: 1px solid var(--bm-border);\n margin: 0;\n padding: 0;\n}\n\n.bm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bm-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.bm-accordion-header:hover {\n background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bm-primary);\n transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n content: '−';\n}\n\n.bm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bm-primary-light);\n border-radius: var(--bm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bm-tip p {\n font-size: 14px;\n color: var(--bm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.bm-cta-box {\n background: linear-gradient(135deg, var(--bm-primary) 0%, var(--bm-primary-dark) 100%);\n border-radius: var(--bm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bm-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.bm-disclaimer {\n font-size: 12px;\n color: var(--bm-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 .bm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bm-card {\n padding: 1.125rem;\n }\n \n .bm-section {\n margin-bottom: 1.75rem;\n }\n \n .bm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bm-radius-sm);\n }\n \n .bm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bm-grid-compact {\n gap: .625rem;\n }\n \n .bm-grid-compact .bm-card {\n padding: .75rem;\n }\n \n .bm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .bm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .bm-timeline-content h3 {\n font-size: 14px;\n }\n \n .bm-timeline-content p {\n font-size: 13px;\n }\n \n .bm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bm-testimonial {\n padding: 1.25rem;\n }\n \n .bm-testimonial-text {\n font-size: 14px;\n }\n \n .bm-composition-card {\n padding: 1.25rem;\n }\n \n .bm-composition-icon {\n font-size: 36px;\n }\n \n .bm-composition-header h3 {\n font-size: 18px;\n }\n \n .bm-benefit-tag {\n font-size: 12px;\n padding: 6px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bm-card:nth-child(1) { animation-delay: .05s; }\n .bm-card:nth-child(2) { animation-delay: .1s; }\n .bm-card:nth-child(3) { animation-delay: .15s; }\n .bm-card:nth-child(4) { animation-delay: .2s; }\n .bm-card:nth-child(5) { animation-delay: .25s; }\n .bm-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 .bm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":55181041074553,"sku":"AY9802","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brahmi-bio-en-poudre-150-g-ayur-vana-ingredients_2836fa52-d1ce-41d6-8e40-4831ec6141ea.webp?v=1769599931"},{"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":"eleutherocoque-bio-200-gelules-neodiet","title":"Eleutherocoque Bio - Ginseng Sibérien - 200 gélules - Neodiet","description":"\u003cdiv class=\"el-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"el-hero\"\u003e\n \u003cdiv class=\"el-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"el-hero-content\"\u003e\n \u003cdiv class=\"el-badges-top\"\u003e\n \u003cspan class=\"el-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"el-badge\"\u003e💊 200 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"el-badge\"\u003e🇫🇷 Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"el-hero-title\"\u003eÉleuthérocoque Bio (Ginseng Sibérien)\u003c\/span\u003e\n \u003cp class=\"el-subtitle\"\u003eNeodiet · 200 gélules dosées à 210 mg\u003c\/p\u003e\n \u003cp class=\"el-description\"\u003eLa puissance adaptogène du ginseng sibérien issu de l'agriculture biologique, en gélules 100 % végétales. Énergie, immunité et résistance au stress réunies dans une formule pure, sans aucun excipient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"el-section\"\u003e\n \u003ch2\u003eÉleuthérocoque Bio de Néodiet : le ginseng sibérien en gélules végétales\u003c\/h2\u003e\n \u003cp class=\"el-section-intro\"\u003eVous traversez une période de fatigue persistante, de stress ou de surmenage ? L'\u003cstrong\u003eÉleuthérocoque Bio Neodiet\u003c\/strong\u003e est un complément alimentaire à base de \u003cstrong\u003eginseng sibérien\u003c\/strong\u003e (\u003cem\u003eEleutherococcus senticosus\u003c\/em\u003e), une plante adaptogène utilisée depuis des siècles en médecine traditionnelle asiatique et russe.\u003c\/p\u003e\n \u003cdiv class=\"el-grid-compact\"\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e🌱 100 % biologique\u003c\/h3\u003e\n \u003cp\u003ePlante certifiée issue de l'agriculture biologique contrôlée par Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e💊 200 gélules\u003c\/h3\u003e\n \u003cp\u003eFormat économique pour des cures prolongées au meilleur rapport qualité-prix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e🥬 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eEnveloppe en cellulose d'origine végétale, sans gélatine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e🧪 Formule pure\u003c\/h3\u003e\n \u003cp\u003eUniquement de la poudre de racine, sans excipient chimique ni conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"el-section\"\u003e\n \u003ch2\u003eBienfaits et propriétés du ginseng sibérien bio\u003c\/h2\u003e\n \u003cp class=\"el-section-intro\"\u003eLe ginseng sibérien ne doit pas être confondu avec le \u003cstrong\u003eginseng coréen\u003c\/strong\u003e (\u003cem\u003ePanax ginseng\u003c\/em\u003e). Bien que leurs bienfaits se recoupent, l'éleuthérocoque possède un profil unique grâce à ses principes actifs spécifiques, les \u003cstrong\u003eéleuthérosides\u003c\/strong\u003e, concentrés dans la racine.\u003c\/p\u003e\n \u003cdiv class=\"el-grid\"\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e⚡ Lutte contre la fatigue\u003c\/h3\u003e\n \u003cp\u003eContribue à restaurer l'énergie lors de périodes de surmenage, d'épuisement ou de convalescence, tant sur le plan physique que mental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eAide l'organisme à maintenir un système immunitaire réactif, notamment aux changements de saison et lors de périodes de fragilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e🧘 Adaptogène puissant\u003c\/h3\u003e\n \u003cp\u003eFavorise la capacité du corps à s'adapter au stress, qu'il soit émotionnel, physique ou environnemental, sans effet excitant brutal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e🧠 Performances cognitives\u003c\/h3\u003e\n \u003cp\u003eConcentration, mémoire et clarté mentale sont soutenues lors d'efforts intellectuels prolongés — examens, travail intense, etc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e💪 Vitalité et libido\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement apprécié pour son action tonifiante générale sur l'ensemble de l'organisme, y compris sur la libido.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"el-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"el-composition-card\"\u003e\n \u003cdiv class=\"el-compo-row el-compo-header\"\u003e\n \u003cspan\u003eIngrédient\u003c\/span\u003e\n \u003cspan\u003eQuantité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-compo-row\"\u003e\n \u003cspan\u003e\u003cstrong\u003ePoudre de racine d'Éleuthérocoque bio\u003c\/strong\u003e \u003cem\u003e(Eleutherococcus senticosus)\u003c\/em\u003e\u003c\/span\u003e\n \u003cspan class=\"el-compo-value\"\u003e210 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-compo-row\"\u003e\n \u003cspan\u003e\u003cstrong\u003eEnveloppe\u003c\/strong\u003e : gélule de cellulose d'origine végétale\u003c\/span\u003e\n \u003cspan class=\"el-compo-value\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"el-compo-note\"\u003e*Ingrédient issu de l'agriculture biologique, certifié par Ecocert.\u003c\/p\u003e\n \u003cdiv class=\"el-grid-compact\" style=\"margin-top:1rem;\"\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eConvient aux régimes végétarien et végétalien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun excipient chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"el-disclaimer\"\u003ePoids net total : 57,00 g\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"el-section\"\u003e\n \u003ch2\u003eComment prendre l'éleuthérocoque en gélules ?\u003c\/h2\u003e\n \u003cp class=\"el-section-intro\"\u003eAvalez les gélules avec un grand verre d'eau au moment des repas. Privilégiez une prise le matin ou le midi pour éviter tout impact sur le sommeil.\u003c\/p\u003e\n \u003cdiv class=\"el-timeline\"\u003e\n \u003cdiv class=\"el-timeline-item\"\u003e\n \u003cdiv class=\"el-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"el-timeline-content\"\u003e\n \u003ch3\u003eCure d'entretien\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e (soit 630 mg de poudre de racine) pour un soutien quotidien de votre vitalité et de vos défenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-timeline-item\"\u003e\n \u003cdiv class=\"el-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"el-timeline-content\"\u003e\n \u003ch3\u003ePériode de fatigue intense ou de stress accru\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e6 gélules par jour\u003c\/strong\u003e (soit 1 260 mg) pour un effet renforcé en cas de surmenage, convalescence ou effort soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-timeline-item\"\u003e\n \u003cdiv class=\"el-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"el-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est idéale, suivie d'une pause d'au moins une semaine avant de reprendre. Les premiers effets se font généralement sentir après \u003cstrong\u003e1 à 2 semaines\u003c\/strong\u003e d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-tip\"\u003e\n \u003cspan class=\"el-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePrenez vos gélules le matin ou le midi pour profiter de l'effet tonifiant sans perturber votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"el-section\"\u003e\n \u003ch2\u003eLe ginseng sibérien est-il dangereux ? Effets secondaires et précautions\u003c\/h2\u003e\n \u003cp class=\"el-section-intro\"\u003eL'éleuthérocoque bio est globalement bien toléré lorsque la posologie est respectée. Toutefois, certaines précautions s'imposent.\u003c\/p\u003e\n \u003cdiv class=\"el-accordion\"\u003e\n \u003cdetails class=\"el-accordion-item\"\u003e\n \u003csummary class=\"el-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"el-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes ou allaitantes.\u003cbr\u003e\n \u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux personnes souffrant d'hypertension artérielle, de troubles cardiaques ou de diabète.\u003cbr\u003e\n En cas de traitement médicamenteux, demandez l'avis de votre médecin avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"el-accordion-item\"\u003e\n \u003csummary class=\"el-accordion-header\"\u003e💊 Surdosage et effets indésirables\u003c\/summary\u003e\n \u003cdiv class=\"el-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Un surdosage peut entraîner de la \u003cstrong\u003enervosité, de l'insomnie ou des maux de tête\u003c\/strong\u003e. Si vous ressentez l'un de ces symptômes, réduisez la dose ou arrêtez la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"el-accordion-item\"\u003e\n \u003csummary class=\"el-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"el-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez ce complément alimentaire hors de portée des enfants, dans un endroit frais et sec, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"el-disclaimer\"\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"el-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'Éleuthérocoque Bio Neodiet ?\u003c\/h2\u003e\n \u003cdiv class=\"el-grid-compact\"\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e💊 200 gélules\u003c\/h3\u003e\n \u003cp\u003eUn format économique pour des cures longues sans interruption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003ePlante cultivée sans pesticides ni engrais chimiques, certifiée par Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e🥬 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eSans additif, adaptées à tous les régimes alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-card\"\u003e\n \u003ch3\u003e✨ Formule pure\u003c\/h3\u003e\n \u003cp\u003eUniquement de la racine d'éleuthérocoque, rien d'autre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"el-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre organisme la puissance adaptogène du ginseng sibérien bio.\u003cbr\u003e200 gélules végétales pour retrouver énergie, résistance et sérénité 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 --el-cream: #f4f7f2;\n --el-white: #ffffff;\n --el-primary: #2e7d32;\n --el-primary-dark: #1b5e20;\n --el-primary-light: #e8f5e9;\n --el-secondary: #66bb6a;\n --el-accent: #a5d6a7;\n --el-text: #1a1a1a;\n --el-text-light: #5a5a5a;\n --el-border: #dce8dc;\n --el-shadow: 0 4px 24px rgba(0,0,0,.08);\n --el-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --el-radius: 20px;\n --el-radius-sm: 12px;\n}\n\n.el-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--el-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.el-hero {\n position: relative;\n background: linear-gradient(135deg, var(--el-primary-dark) 0%, var(--el-primary) 50%, var(--el-secondary) 100%);\n border-radius: var(--el-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(--el-shadow-lg);\n}\n\n.el-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.el-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.el-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.el-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.el-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\/* === BADGES === *\/\n.el-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.el-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(--el-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.el-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.el-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.el-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--el-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.el-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(--el-primary), var(--el-secondary));\n border-radius: 2px;\n}\n\n.el-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--el-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.el-card {\n background: var(--el-white);\n border-radius: var(--el-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--el-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.el-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--el-shadow-lg);\n border-color: var(--el-primary);\n}\n\n.el-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--el-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.el-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--el-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.el-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.el-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.el-grid-compact .el-card {\n padding: 1rem;\n}\n\n.el-grid-compact .el-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.el-grid-compact .el-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.el-composition-card {\n background: var(--el-white);\n border-radius: var(--el-radius);\n box-shadow: var(--el-shadow);\n overflow: hidden;\n margin-bottom: .75rem;\n}\n\n.el-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--el-border);\n gap: 1rem;\n}\n\n.el-compo-row:last-child {\n border-bottom: none;\n}\n\n.el-compo-header {\n background: var(--el-primary-light);\n font-weight: 800;\n font-size: 14px;\n color: var(--el-primary-dark);\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n.el-compo-row span {\n font-size: 14px;\n color: var(--el-text);\n line-height: 1.5;\n}\n\n.el-compo-value {\n font-weight: 800;\n color: var(--el-primary-dark) !important;\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n.el-compo-note {\n font-size: 13px;\n color: var(--el-text-light);\n font-style: italic;\n text-align: center;\n margin: .5rem 0 0 0;\n}\n\n\/* === TIMELINE === *\/\n.el-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.el-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.el-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--el-primary), var(--el-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.el-timeline-content {\n flex: 1;\n background: var(--el-white);\n padding: 1rem 1.25rem;\n border-radius: var(--el-radius-sm);\n box-shadow: var(--el-shadow);\n}\n\n.el-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--el-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.el-timeline-content p {\n font-size: 14px;\n color: var(--el-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.el-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--el-primary-light);\n border-radius: var(--el-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.el-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.el-tip p {\n font-size: 14px;\n color: var(--el-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.el-testimonial {\n background: var(--el-white);\n border-radius: var(--el-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--el-shadow);\n border-left: 4px solid var(--el-primary);\n}\n\n.el-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--el-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.el-accordion {\n background: var(--el-white);\n border-radius: var(--el-radius);\n box-shadow: var(--el-shadow);\n overflow: hidden;\n}\n\n.el-accordion-item {\n border-bottom: 1px solid var(--el-border);\n margin: 0;\n padding: 0;\n}\n\n.el-accordion-item:last-child {\n border-bottom: none;\n}\n\n.el-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--el-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.el-accordion-header:hover {\n background: var(--el-primary-light);\n}\n\n.el-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.el-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--el-primary);\n transition: transform .2s ease;\n}\n\n.el-accordion-item[open] .el-accordion-header::after {\n content: '−';\n}\n\n.el-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--el-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.el-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.el-cta-box {\n background: linear-gradient(135deg, var(--el-primary) 0%, var(--el-primary-dark) 100%);\n border-radius: var(--el-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.el-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.el-disclaimer {\n font-size: 12px;\n color: var(--el-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .el-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .el-card {\n padding: 1.125rem;\n }\n\n .el-section {\n margin-bottom: 1.75rem;\n }\n\n .el-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--el-radius-sm);\n }\n\n .el-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .el-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .el-grid-compact {\n gap: .625rem;\n }\n\n .el-grid-compact .el-card {\n padding: .75rem;\n }\n\n .el-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .el-timeline-content {\n padding: .875rem 1rem;\n }\n\n .el-timeline-content h3 {\n font-size: 14px;\n }\n\n .el-timeline-content p {\n font-size: 13px;\n }\n\n .el-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .el-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .el-testimonial {\n padding: 1.25rem;\n }\n\n .el-testimonial-text {\n font-size: 14px;\n }\n\n .el-compo-row {\n padding: .875rem 1rem;\n flex-direction: column;\n gap: .25rem;\n align-items: flex-start;\n }\n\n .el-compo-header {\n flex-direction: row;\n align-items: center;\n }\n\n .el-compo-row span {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .el-card {\n animation: elFadeInUp .5s ease backwards;\n }\n .el-card:nth-child(1) { animation-delay: .05s; }\n .el-card:nth-child(2) { animation-delay: .1s; }\n .el-card:nth-child(3) { animation-delay: .15s; }\n .el-card:nth-child(4) { animation-delay: .2s; }\n .el-card:nth-child(5) { animation-delay: .25s; }\n .el-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes elFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .el-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NEODIET","offers":[{"title":"Default Title","offer_id":55222051537273,"sku":"VO4715","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eleutherocoque-bio-ginseng-siberien-200-gelules-neodiet-packshothd_6ca92c32-f2f7-4ac4-8046-9da247c28c92.webp?v=1786017005"},{"product_id":"cogniline-bio-60-gelules-lt-labo","title":"Cogniline bio - 60 gélules - LT Labo","description":"\u003cdiv class=\"cg-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cg-hero\"\u003e\n\u003cdiv class=\"cg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cg-hero-content\"\u003e\n\u003cdiv class=\"cg-badges-top\"\u003e\n\u003cspan class=\"cg-badge\"\u003e🧠 Mémoire \u0026amp; cognition\u003c\/span\u003e \u003cspan class=\"cg-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e \u003cspan class=\"cg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cg-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cg-hero-title\"\u003eCogniline Bio – 60 gélules\u003c\/span\u003e\n\u003cp class=\"cg-subtitle\"\u003eLT Labo\u003c\/p\u003e\n\u003cp class=\"cg-description\"\u003eLa synergie Ginkgo Biloba \u0026amp; Moringa bio pour soutenir votre mémoire, votre concentration et vos capacités cognitives au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eCogniline Bio : le duo Ginkgo Biloba et Moringa pour votre mémoire\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eVous cherchez un soutien naturel pour votre mémoire et vos capacités cognitives ? Cogniline Bio de LT Labo associe le \u003cstrong\u003eginkgo biloba\u003c\/strong\u003e, reconnu pour ses bienfaits sur la circulation cérébrale, et le \u003cstrong\u003emoringa\u003c\/strong\u003e, véritable concentré de nutriments. Une formule bio, vegan et fabriquée en France pour accompagner votre cerveau au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eLes bienfaits du Ginkgo Biloba et du Moringa\u003c\/h2\u003e\n\u003cdiv class=\"cg-grid\"\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🍃 Ginkgo Biloba millénaire\u003c\/h3\u003e\n\u003cp\u003eContribue à maintenir une bonne \u003cstrong\u003ecirculation sanguine cérébrale\u003c\/strong\u003e, favorisant concentration, mémorisation et vivacité intellectuelle. Ses flavonoïdes et terpènes lactones agissent comme de puissants antioxydants, protégeant les cellules nerveuses du stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🌳 Moringa « arbre de vie »\u003c\/h3\u003e\n\u003cp\u003eRiche en vitamines (A, C, E), minéraux et acides aminés essentiels, il nourrit le cerveau en profondeur. Ses antioxydants aident à réduire la \u003cstrong\u003efatigue mentale\u003c\/strong\u003e et soutiennent vos fonctions cognitives lors des journées les plus exigeantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 2 gélules\u003c\/h2\u003e\n\u003cdiv class=\"cg-grid\"\u003e\n\u003cdiv class=\"cg-card cg-card-compo\"\u003e\n\u003ch3\u003e🌿 Moringa oleifera bio\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e400 mg\u003c\/strong\u003e de poudre de feuille, source de vitamines, minéraux et acides aminés essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card cg-card-compo\"\u003e\n\u003ch3\u003e🍃 Ginkgo Biloba bio\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e d'extrait (équiv. 750 mg de plante sèche), titré à \u003cstrong\u003e9 mg\u003c\/strong\u003e de flavones glycosides et \u003cstrong\u003e6 mg\u003c\/strong\u003e de terpènes lactones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card cg-card-compo\"\u003e\n\u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eEnveloppe en hydroxypropylméthylcellulose. \u003cstrong\u003e100 % végétale\u003c\/strong\u003e, adaptée aux régimes vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-tip\"\u003e\n\u003cspan class=\"cg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eIngrédients issus de l'agriculture biologique certifiée (FR-BIO-01). \u003cstrong\u003eSans excipient, sans additif, sans OGM.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003ePrenez \u003cstrong\u003e1 à 3 gélules par jour\u003c\/strong\u003e, de préférence le matin, avec un grand verre d'eau :\u003c\/p\u003e\n\u003cdiv class=\"cg-timeline\"\u003e\n\u003cdiv class=\"cg-timeline-item\"\u003e\n\u003cdiv class=\"cg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-content\"\u003e\n\u003ch3\u003e1 gélule\/jour — Entretien\u003c\/h3\u003e\n\u003cp\u003eSoutien cognitif quotidien pour maintenir votre vivacité intellectuelle au fil du temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-item\"\u003e\n\u003cdiv class=\"cg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-content\"\u003e\n\u003ch3\u003e2 gélules\/jour — Période intense\u003c\/h3\u003e\n\u003cp\u003eEn période de travail intellectuel soutenu ou de fatigue passagère. Le dosage idéal pour la plupart des utilisateurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-item\"\u003e\n\u003cdiv class=\"cg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-content\"\u003e\n\u003ch3\u003e3 gélules\/jour — Effort maximal\u003c\/h3\u003e\n\u003cp\u003eLors de révisions, d'examens ou de baisse marquée de concentration. Le dosage renforcé pour les pics d'activité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-tip\"\u003e\n\u003cspan class=\"cg-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e recommandée, renouvelable selon vos besoins. Adaptez la posologie selon votre ressenti ou les conseils de votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003ePourquoi choisir Cogniline Bio de LT Labo ?\u003c\/h2\u003e\n\u003cdiv class=\"cg-grid-compact\"\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🔬 Synergie végétale\u003c\/h3\u003e\n\u003cp\u003eGinkgo biloba et moringa offrent un soutien cognitif global et complémentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🌱 Certifié bio \u0026amp; vegan\u003c\/h3\u003e\n\u003cp\u003eIngrédients biologiques dans des gélules 100 % végétales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🧪 Formule propre\u003c\/h3\u003e\n\u003cp\u003eAucun excipient chimique, aucun conservateur, aucun allergène majeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eConçu par LT Labo, gage de traçabilité et de qualité pharmaceutique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e👥 Adapté à tous\u003c\/h3\u003e\n\u003cp\u003eÉtudiants, actifs, seniors souhaitant préserver leur clarté mentale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e📦 60 gélules\u003c\/h3\u003e\n\u003cp\u003eJusqu'à 2 mois de cure avec un dosage d'entretien d'1 gélule par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"cg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cg-accordion\"\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e, aux enfants et aux personnes sous \u003cstrong\u003eanticoagulant ou antidépresseur\u003c\/strong\u003e. Consultez votre médecin en cas de doute.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e💊 Dosage et sécurité\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eNe pas dépasser la dose journalière recommandée\u003c\/strong\u003e (3 gélules). Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cg-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Complément alimentaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n:root {\n --cg-cream: #f4f7fa;\n --cg-white: #ffffff;\n --cg-primary: #4a9ec5;\n --cg-primary-dark: #1e5f8a;\n --cg-primary-light: #e8f4fb;\n --cg-secondary: #6dba4d;\n --cg-accent: #3db88a;\n --cg-text: #1a1a1a;\n --cg-text-light: #5a5a5a;\n --cg-border: #dfe6ed;\n --cg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cg-radius: 20px;\n --cg-radius-sm: 12px;\n}\n\n.cg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cg-primary-dark) 0%, var(--cg-primary) 45%, var(--cg-accent) 100%);\n border-radius: var(--cg-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(--cg-shadow-lg);\n}\n\n.cg-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(109,186,77,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.cg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cg-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.cg-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cg-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cg-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(--cg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cg-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.cg-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(--cg-primary), var(--cg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cg-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.cg-card {\n background: var(--cg-white);\n border-radius: var(--cg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cg-shadow-lg);\n border-color: var(--cg-primary);\n}\n\n.cg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cg-card-compo {\n border-top: 4px solid var(--cg-secondary);\n}\n\n\/* === GRILLES === *\/\n.cg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cg-grid-compact .cg-card {\n padding: 1rem;\n}\n\n.cg-grid-compact .cg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cg-grid-compact .cg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cg-primary), var(--cg-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.cg-timeline-content {\n flex: 1;\n background: var(--cg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cg-radius-sm);\n box-shadow: var(--cg-shadow);\n}\n\n.cg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cg-timeline-content p {\n font-size: 14px;\n color: var(--cg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cg-primary-light);\n border-radius: var(--cg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cg-tip p {\n font-size: 14px;\n color: var(--cg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cg-accordion {\n background: var(--cg-white);\n border-radius: var(--cg-radius);\n box-shadow: var(--cg-shadow);\n overflow: hidden;\n}\n\n.cg-accordion-item {\n border-bottom: 1px solid var(--cg-border);\n margin: 0;\n padding: 0;\n}\n\n.cg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cg-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.cg-accordion-header:hover {\n background: var(--cg-primary-light);\n}\n\n.cg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cg-primary);\n transition: transform .2s ease;\n}\n\n.cg-accordion-item[open] .cg-accordion-header::after {\n content: '−';\n}\n\n.cg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cg-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cg-disclaimer {\n font-size: 12px;\n color: var(--cg-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 .cg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cg-card {\n padding: 1.125rem;\n }\n\n .cg-section {\n margin-bottom: 1.75rem;\n }\n\n .cg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cg-radius-sm);\n }\n\n .cg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cg-grid-compact {\n gap: .625rem;\n }\n\n .cg-grid-compact .cg-card {\n padding: .75rem;\n }\n\n .cg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cg-timeline-content h3 {\n font-size: 14px;\n }\n\n .cg-timeline-content p {\n font-size: 13px;\n }\n\n .cg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cg-card {\n animation: cgFadeInUp .5s ease backwards;\n }\n .cg-card:nth-child(1) { animation-delay: .05s; }\n .cg-card:nth-child(2) { animation-delay: .1s; }\n .cg-card:nth-child(3) { animation-delay: .15s; }\n .cg-card:nth-child(4) { animation-delay: .2s; }\n .cg-card:nth-child(5) { animation-delay: .25s; }\n .cg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cgFadeInUp {\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 .cg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55227830829433,"sku":"LT0410","price":20.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cogniline-bio-60-gelules-lt-labo-ingredients_e84f91be-dc50-4085-882a-459df4ff73a9.webp?v=1772728457"},{"product_id":"la-veritable-huile-de-foie-de-morue-nature-lysi-240-ml","title":"La véritable Huile de Foie de Morue Lysi - Goût Neutre - 240 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: La véritable Huile de Foie de Morue Lysi - Goût Neutre - 240 ml\nPalette détectée:\n - Primaire: #2d3e6e (bleu marine profond du packaging et bandeau)\n - Secondaire: #d4a820 (jaune doré de l'huile et accents)\n - Accent: #4a7c59 (vert naturel pour touche fraîcheur)\nAmbiance: Premium nordique, naturel\/santé, traditionnel avec modernité, confiance médicale\nPréfixe CSS: lysi\n--\u003e\n\n\u003cdiv class=\"lysi-premium\"\u003e\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❄️ Extraction à froid\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🐟 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lysi-hero-title\"\u003eLa véritable huile de foie de morue\u003c\/span\u003e\n \u003cp class=\"lysi-subtitle\"\u003eCapital santé · Goût naturel · Depuis 1938\u003c\/p\u003e\n \u003cp class=\"lysi-description\"\u003eSource naturelle exceptionnelle d'\u003cstrong\u003eoméga-3 EPA \u0026amp; DHA\u003c\/strong\u003e, de \u003cstrong\u003evitamines A et D\u003c\/strong\u003e. Issue des eaux pures d'Islande, cette huile premium préserve vos défenses naturelles, votre vision, vos os et votre cœur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e💎 Pourquoi choisir Lýsi ?\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🐟 1100mg d'oméga-3\u003c\/h3\u003e\n \u003cp\u003eDont \u003cstrong\u003e400mg EPA\u003c\/strong\u003e et \u003cstrong\u003e500mg DHA\u003c\/strong\u003e par dose pour soutenir cœur et cerveau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e☀️ 200% vitamine D\u003c\/h3\u003e\n \u003cp\u003eApport optimal pour la \u003cstrong\u003esanté osseuse\u003c\/strong\u003e et le \u003cstrong\u003esystème immunitaire\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👁️ 31% vitamine A\u003c\/h3\u003e\n \u003cp\u003eEssentielle pour maintenir une \u003cstrong\u003evision normale\u003c\/strong\u003e et l'immunité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé doux préservant l'\u003cstrong\u003eintégralité des nutriments\u003c\/strong\u003e sans dégradation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🌿 Sans additifs\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAucun arôme\u003c\/strong\u003e, aucun conservateur. Juste la pureté islandaise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🏆 Depuis 1938\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e85 ans d'expertise\u003c\/strong\u003e islandaise, pêche responsable et contrôles rigoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS SANTÉ --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e🛡️ Les bienfaits pour votre santé\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eLes oméga-3 EPA et DHA contribuent au \u003cstrong\u003efonctionnement normal du cœur\u003c\/strong\u003e.\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 soutient les \u003cstrong\u003ecapacités cognitives\u003c\/strong\u003e et la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🦴 Os et dents solides\u003c\/h3\u003e\n \u003cp\u003eLa vitamine D (200% VNR) préserve la \u003cstrong\u003esolidité osseuse\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n \u003cp\u003eLa vitamine A maintient une \u003cstrong\u003ebonne acuité visuelle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eVitamines A et D renforcent vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👶 Croissance enfant\u003c\/h3\u003e\n \u003cp\u003eSoutient le \u003cstrong\u003ebon développement\u003c\/strong\u003e chez les plus jeunes.\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 par dose (5ml)\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card lysi-card-highlight\"\u003e\n \u003ch3\u003e🐟 Oméga-3 totaux\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1100 mg\u003c\/strong\u003e dont EPA 400mg + DHA 500mg\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\u003e10 µg\u003c\/strong\u003e soit 200% des VNR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-card-highlight\"\u003e\n \u003ch3\u003e👁️ Vitamine A\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e250 µg\u003c\/strong\u003e soit 31% des VNR\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=\"lysi-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👶 Enfants 3-6 ans\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 cuillère à café\u003c\/strong\u003e (5ml) par jour au cours d'un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧑 Dès 6 ans et adultes\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 cuillères à café\u003c\/strong\u003e (10ml) par jour au cours d'un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🔄 Cure recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 cures de 3 mois\u003c\/strong\u003e par an pour un effet optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e peut être consommée pure ou mélangée à un yaourt, jus ou smoothie. Agiter avant emploi et conserver au réfrigérateur après ouverture.\u003c\/p\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 fait l'huile de foie de morue ?\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid-compact\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧒 Enfants\u003c\/h3\u003e\n \u003cp\u003eCroissance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧑 Adultes\u003c\/h3\u003e\n \u003cp\u003eVitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eOs \u0026amp; cœur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n \u003cp\u003eDéfenses\u003c\/p\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📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid-compact\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e240 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n \u003cp\u003e24 à 48 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🇮🇸 Origine\u003c\/h3\u003e\n \u003cp\u003eIslande\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🌿 Format\u003c\/h3\u003e\n \u003cp\u003eHuile liquide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"lysi-accordion\"\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\"\u003e\n \u003cp\u003eConserver au frais et au sec avant ouverture. \u003cstrong\u003eAprès ouverture, conserver au réfrigérateur\u003c\/strong\u003e et consommer dans les 3 mois. Agiter le flacon avant chaque utilisation.\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\"\u003e\n \u003cp\u003eDéconseillé aux personnes \u003cstrong\u003eallergiques au poisson\u003c\/strong\u003e. Tenir hors de portée des enfants. En cas de grossesse ou allaitement, demander conseil à un professionnel de santé. 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🏭 Fabrication \u0026amp; qualité\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content\"\u003e\n \u003cp\u003eFabriqué en \u003cstrong\u003eIslande depuis 1938\u003c\/strong\u003e par Lýsi. Extraction à froid pour préserver les nutriments. Contrôles rigoureux garantissant l'absence de métaux lourds et contaminants. Pêche responsable respectant les écosystèmes marins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lysi-cta-box\"\u003e\n \u003cp\u003e🇮🇸 \u003cstrong\u003eLa pureté islandaise au service de votre santé.\u003c\/strong\u003e Depuis 1938, Lýsi incarne l'excellence nordique : une huile de foie de morue pure, extraite à froid, riche en oméga-3 et vitamines essentielles. Sans arômes ni conservateurs, pour un capital santé préservé naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES LYSI === *\/\n:root {\n --lysi-cream: #f8f6f2;\n --lysi-white: #ffffff;\n --lysi-primary: #2d3e6e;\n --lysi-primary-dark: #1e2a4a;\n --lysi-primary-light: #e8ebf3;\n --lysi-secondary: #d4a820;\n --lysi-accent: #4a7c59;\n --lysi-text: #1a1a1a;\n --lysi-text-light: #5a5a5a;\n --lysi-border: #e0e0e0;\n --lysi-shadow: 0 4px 24px rgba(45,62,110,.08);\n --lysi-shadow-lg: 0 12px 48px rgba(45,62,110,.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\/* === HERO === *\/\n.lysi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 50%, #1a2540 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: \n radial-gradient(circle at 20% 30%, rgba(212,168,32,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(74,124,89,.1) 0%, transparent 40%);\n opacity: .8;\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 gap: 10px;\n justify-content: center;\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.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, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .5px;\n}\n\n.lysi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.lysi-description strong {\n color: var(--lysi-secondary);\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\/* === 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.lysi-card p strong {\n color: var(--lysi-text);\n}\n\n.lysi-card-highlight {\n background: linear-gradient(135deg, var(--lysi-primary-light) 0%, #f0f4ff 100%);\n border: 2px solid var(--lysi-primary);\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\/* === TIP BOX === *\/\n.lysi-tip-box {\n background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);\n border: 2px solid var(--lysi-secondary);\n border-radius: var(--lysi-radius);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n}\n\n.lysi-tip-box p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--lysi-text);\n margin: 0;\n line-height: 1.7;\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: 5px;\n}\n\n.lysi-accordion-content p {\n margin: 0;\n}\n\n.lysi-accordion-content strong {\n color: var(--lysi-text);\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: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.lysi-cta-box strong {\n color: var(--lysi-secondary);\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-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-tip-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lysi-card {\n animation: 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 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":55290796409209,"sku":"NBAILSI0002","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/la-veritable-huile-de-foie-de-morue-lysi-gout-neutre-240-ml-packshothd.webp?v=1790596503"},{"product_id":"la-veritable-huile-de-foie-de-morue-citron-lysi-240-ml","title":"La véritable Huile de Foie de Morue Lysi - Goût Citron - 240 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Foie de Morue Lýsi - Goût Citron\nPalette détectée:\n - Primaire: #2d3e6e (bleu marine profond du packaging)\n - Secondaire: #f5c842 (jaune citron vif - badge et accent)\n - Accent: #e8c547 (jaune doré de l'huile)\nAmbiance: Premium nordique, pureté islandaise, santé naturelle, familial\nPréfixe CSS: lysi\n--\u003e\n\n\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🇮🇸 Islande\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🍋 Arôme citron\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e🐟 Oméga-3\u003c\/span\u003e\n \u003cspan class=\"lysi-badge\"\u003e💊 Vitamines A \u0026amp; D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lysi-hero-title\"\u003eLa véritable huile de foie de morue\u003c\/span\u003e\n \u003cp class=\"lysi-subtitle\"\u003eCapital santé · Arôme naturel de citron · Depuis 1938\u003c\/p\u003e\n \u003cp class=\"lysi-description\"\u003eProfitez des bienfaits ancestraux de l'huile de foie de morue avec un \u003cstrong\u003eagréable goût citronné\u003c\/strong\u003e. Extraite à froid en Islande, cette huile liquide soutient votre \u003cstrong\u003esystème immunitaire, votre vision, vos os et votre cœur\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- POURQUOI CHOISIR --\u003e\n\u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir Lýsi goût citron ?\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🐟 1100mg d'oméga-3\u003c\/h3\u003e\n \u003cp\u003eEPA 400mg + DHA 500mg pour le bon fonctionnement cardiaque et cérébral\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D 200% VNR\u003c\/h3\u003e\n \u003cp\u003eSoutient l'immunité et la santé osseuse avec un apport optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👁️ Vitamine A 31% VNR\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une vision normale et de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🍋 Goût citron naturel\u003c\/h3\u003e\n \u003cp\u003eFini l'arrière-goût de poisson ! Agréable à consommer au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🇮🇸 Pureté islandaise\u003c\/h3\u003e\n \u003cp\u003eExtraction à froid, pêche responsable, contrôles qualité rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté dès 3 ans, enfants et adultes peuvent en bénéficier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BIENFAITS SANTÉ --\u003e\n\u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits pour votre santé\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card lysi-card-benefit\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les défenses naturelles grâce aux vitamines A et D\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-card-benefit\"\u003e\n \u003ch3\u003e🦴 Os et dents solides\u003c\/h3\u003e\n \u003cp\u003eLa vitamine D favorise l'absorption du calcium pour des os en pleine forme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-card-benefit\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eLes oméga-3 EPA contribuent au fonctionnement normal du cœur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-card-benefit\"\u003e\n \u003ch3\u003e🧠 Fonctions cérébrales\u003c\/h3\u003e\n \u003cp\u003eLe DHA soutient les capacités cognitives, mémoire et concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card lysi-card-benefit\"\u003e\n \u003ch3\u003e👁️ Vision optimale\u003c\/h3\u003e\n \u003cp\u003eLa vitamine A maintient une bonne vision au quotidien\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 par dose (5ml)\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-highlight\"\u003e\n \u003cspan class=\"lysi-composition-label\"\u003eHuile de foie de morue\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-value\"\u003e5000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item lysi-composition-highlight\"\u003e\n \u003cspan class=\"lysi-composition-label\"\u003eOméga-3 totaux\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-value\"\u003e1100 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item lysi-composition-sub\"\u003e\n \u003cspan class=\"lysi-composition-label\"\u003e↳ EPA\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-value\"\u003e400 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item lysi-composition-sub\"\u003e\n \u003cspan class=\"lysi-composition-label\"\u003e↳ DHA\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-value\"\u003e500 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item\"\u003e\n \u003cspan class=\"lysi-composition-label\"\u003eVitamine A\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-value\"\u003e250 µg \u003cem\u003e(31% VNR)\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-composition-item lysi-composition-highlight\"\u003e\n \u003cspan class=\"lysi-composition-label\"\u003eVitamine D\u003c\/span\u003e\n \u003cspan class=\"lysi-composition-value\"\u003e10 µg \u003cem\u003e(200% VNR)\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e📏 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lysi-dosage-box\"\u003e\n \u003cdiv class=\"lysi-dosage-grid\"\u003e\n \u003cdiv class=\"lysi-dosage-card\"\u003e\n \u003cdiv class=\"lysi-dosage-icon\"\u003e👶\u003c\/div\u003e\n \u003ch3\u003e3 à 6 ans\u003c\/h3\u003e\n \u003cp class=\"lysi-dosage-amount\"\u003e1 cuillère à café\/jour\u003c\/p\u003e\n \u003cp class=\"lysi-dosage-ml\"\u003e(5ml)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-dosage-card\"\u003e\n \u003cdiv class=\"lysi-dosage-icon\"\u003e🧑\u003c\/div\u003e\n \u003ch3\u003e+6 ans et adultes\u003c\/h3\u003e\n \u003cp class=\"lysi-dosage-amount\"\u003e2 cuillères à café\/jour\u003c\/p\u003e\n \u003cp class=\"lysi-dosage-ml\"\u003e(10ml)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-dosage-tip\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eRecommandation :\u003c\/strong\u003e 2 cures de 3 mois dans l'année pour un adulte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"lysi-steps\"\u003e\n \u003cdiv class=\"lysi-step\"\u003e\n \u003cdiv class=\"lysi-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lysi-step-content\"\u003e\n \u003ch3\u003eBien agiter\u003c\/h3\u003e\n \u003cp\u003eAgiter le flacon avant chaque utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-step\"\u003e\n \u003cdiv class=\"lysi-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lysi-step-content\"\u003e\n \u003ch3\u003ePrendre au repas\u003c\/h3\u003e\n \u003cp\u003ePure ou mélangée à un jus, yaourt ou smoothie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-step\"\u003e\n \u003cdiv class=\"lysi-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lysi-step-content\"\u003e\n \u003ch3\u003eConserver au frais\u003c\/h3\u003e\n \u003cp\u003eAu réfrigérateur après ouverture\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=\"lysi-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eSoutient la croissance et le développement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧑 Adultes actifs\u003c\/h3\u003e\n \u003cp\u003eImmunité et vitalité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e👵 Seniors\u003c\/h3\u003e\n \u003cp\u003eSanté osseuse et cardiovasculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n \u003cp\u003eRenforcer les défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n \u003cp\u003eÉtudiants et travailleurs intellectuels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiaque\u003c\/h3\u003e\n \u003cp\u003ePersonnes soucieuses de leur cœur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ORIGINE ISLANDE --\u003e\n\u003csection class=\"lysi-section\"\u003e\n \u003cdiv class=\"lysi-iceland-box\"\u003e\n \u003cdiv class=\"lysi-iceland-content\"\u003e\n \u003ch2\u003e🇮🇸 Fabriqué en Islande depuis 1938\u003c\/h2\u003e\n \u003cp\u003eL'Islande est reconnue mondialement pour la \u003cstrong\u003epureté de ses eaux\u003c\/strong\u003e et la qualité exceptionnelle de ses produits marins. Lýsi incarne \u003cstrong\u003e85 ans d'expertise\u003c\/strong\u003e en matière d'huile de foie de morue, alliant tradition, savoir-faire et contrôles rigoureux.\u003c\/p\u003e\n \u003cdiv class=\"lysi-iceland-features\"\u003e\n \u003cspan\u003e🐟 Pêche responsable\u003c\/span\u003e\n \u003cspan\u003e❄️ Extraction à froid\u003c\/span\u003e\n \u003cspan\u003e🔬 Pureté contrôlée\u003c\/span\u003e\n \u003cspan\u003e🏆 Qualité premium\u003c\/span\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📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"lysi-grid-compact\"\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon 240 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n \u003cp\u003e24 à 48 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🇮🇸 Origine\u003c\/h3\u003e\n \u003cp\u003eIslande\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lysi-card\"\u003e\n \u003ch3\u003e🍋 Format\u003c\/h3\u003e\n \u003cp\u003eHuile liquide citron\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n\u003csection class=\"lysi-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"lysi-accordion\"\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\"\u003e\n \u003cp\u003eConserver au réfrigérateur après ouverture. Bien agiter avant chaque utilisation. À consommer dans les 3 mois après ouverture.\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\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux personnes allergiques au poisson. Tenir hors de portée des enfants. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Femmes enceintes ou allaitantes : demander conseil à un professionnel de santé.\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🍋 Pourquoi le goût citron ?\u003c\/summary\u003e\n \u003cdiv class=\"lysi-accordion-content\"\u003e\n \u003cp\u003eL'arôme naturel de citron masque complètement la saveur marine redoutée de l'huile de foie de morue. Vous pouvez la consommer pure ou l'ajouter à vos jus, yaourts ou smoothies sans altérer le goût. Même les enfants l'apprécient !\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🇮🇸 \u003cstrong\u003eCapital santé depuis 1938\u003c\/strong\u003e — Une huile de foie de morue pure, extraite à froid en Islande, riche en oméga-3 EPA \u0026amp; DHA et vitamines A \u0026amp; D. Avec son arôme naturel de citron, soutenez votre immunité, votre vision, vos os et votre cœur naturellement, en famille.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES LYSI === *\/\n:root {\n --lysi-cream: #f8f6f3;\n --lysi-white: #ffffff;\n --lysi-primary: #2d3e6e;\n --lysi-primary-dark: #1e2a4a;\n --lysi-primary-light: #e8ebf3;\n --lysi-secondary: #f5c842;\n --lysi-secondary-dark: #e0b536;\n --lysi-secondary-light: #fff8e5;\n --lysi-accent: #e8c547;\n --lysi-text: #1a1a1a;\n --lysi-text-light: #5a5a5a;\n --lysi-border: #e0e0e0;\n --lysi-shadow: 0 4px 24px rgba(45, 62, 110, .08);\n --lysi-shadow-lg: 0 12px 48px rgba(45, 62, 110, .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\/* === HERO === *\/\n.lysi-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 50%, #1a2340 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: \n radial-gradient(circle at 20% 30%, rgba(245, 200, 66, .15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(232, 197, 71, .1) 0%, transparent 40%);\n opacity: .8;\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 gap: 10px;\n justify-content: center;\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(245, 200, 66, .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(245, 200, 66, .4);\n transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n background: rgba(245, 200, 66, .3);\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(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .5px;\n}\n\n.lysi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.lysi-description strong {\n color: var(--lysi-secondary);\n font-weight: 700;\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\/* === 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\/* === 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.lysi-card-benefit {\n border-left: 4px solid var(--lysi-secondary);\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\/* === COMPOSITION === *\/\n.lysi-composition-box {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--lysi-shadow-lg);\n border: 3px solid var(--lysi-primary);\n}\n\n.lysi-composition-grid {\n display: grid;\n gap: .75rem;\n}\n\n.lysi-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1rem;\n background: var(--lysi-primary-light);\n border-radius: var(--lysi-radius-sm);\n}\n\n.lysi-composition-highlight {\n background: var(--lysi-secondary-light);\n border: 2px solid var(--lysi-secondary);\n}\n\n.lysi-composition-sub {\n background: transparent;\n padding-left: 2rem;\n}\n\n.lysi-composition-label {\n font-weight: 600;\n color: var(--lysi-text);\n font-size: clamp(13px, 2vw, 15px);\n}\n\n.lysi-composition-value {\n font-weight: 800;\n color: var(--lysi-primary-dark);\n font-size: clamp(14px, 2vw, 16px);\n}\n\n.lysi-composition-value em {\n font-weight: 600;\n font-style: normal;\n color: var(--lysi-text-light);\n font-size: .85em;\n}\n\n\/* === DOSAGE === *\/\n.lysi-dosage-box {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--lysi-shadow-lg);\n border: 3px solid var(--lysi-secondary);\n margin-bottom: 1.5rem;\n}\n\n.lysi-dosage-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.lysi-dosage-card {\n background: var(--lysi-primary-light);\n border-radius: var(--lysi-radius-sm);\n padding: 1.5rem;\n text-align: center;\n}\n\n.lysi-dosage-icon {\n font-size: 40px;\n margin-bottom: .5rem;\n}\n\n.lysi-dosage-card h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--lysi-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.lysi-dosage-amount {\n font-size: 16px;\n font-weight: 800;\n color: var(--lysi-primary);\n margin: 0;\n}\n\n.lysi-dosage-ml {\n font-size: 13px;\n color: var(--lysi-text-light);\n margin: .25rem 0 0 0;\n}\n\n.lysi-dosage-tip {\n background: var(--lysi-secondary-light);\n border-radius: var(--lysi-radius-sm);\n padding: 1rem 1.25rem;\n text-align: center;\n}\n\n.lysi-dosage-tip p {\n margin: 0;\n font-size: 14px;\n color: var(--lysi-text);\n}\n\n\/* === STEPS === *\/\n.lysi-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.lysi-step {\n background: var(--lysi-white);\n border-radius: var(--lysi-radius);\n padding: 1.5rem;\n box-shadow: var(--lysi-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n transition: all .3s ease;\n}\n\n.lysi-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--lysi-shadow-lg);\n}\n\n.lysi-step-number {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n color: var(--lysi-secondary);\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.lysi-step-content h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--lysi-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.lysi-step-content p {\n font-size: 13px;\n color: var(--lysi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ICELAND BOX === *\/\n.lysi-iceland-box {\n background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n border-radius: var(--lysi-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--lysi-shadow-lg);\n}\n\n.lysi-iceland-content h2 {\n color: white;\n font-size: clamp(20px, 4vw, 28px);\n margin: 0 0 1rem 0;\n padding-bottom: 0;\n}\n\n.lysi-iceland-content h2::after {\n display: none;\n}\n\n.lysi-iceland-content \u003e p {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0 0 1.5rem 0;\n}\n\n.lysi-iceland-content strong {\n color: var(--lysi-secondary);\n}\n\n.lysi-iceland-features {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n}\n\n.lysi-iceland-features span {\n background: rgba(245, 200, 66, .2);\n color: white;\n font-size: 13px;\n font-weight: 600;\n padding: .5rem 1rem;\n border-radius: 999px;\n border: 1px solid rgba(245, 200, 66, .3);\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: 5px;\n}\n\n.lysi-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\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.lysi-cta-box strong {\n color: var(--lysi-secondary);\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-dosage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .lysi-dosage-card {\n padding: 1.25rem;\n }\n \n .lysi-steps {\n grid-template-columns: 1fr;\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-iceland-features {\n justify-content: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lysi-card {\n animation: 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 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":55290827178361,"sku":"NBAILSI0001","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/la-veritable-huile-de-foie-de-morue-lysi-gout-citron-240-ml-packshothd.webp?v=1790596672"},{"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":"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":"super-matcha-dyna-boisson-aux-champignons-et-plantes-adaptogenes","title":"Super Matcha Dyna - Boisson aux Champignons \u0026 Plantes Adaptogènes","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Super Matcha Dyna - Boisson aux champignons \u0026 plantes adaptogènes\nPalette détectée:\n - Primaire: #6B8770 (vert sauge du packaging, naturel et apaisant)\n - Secondaire: #E8DCC8 (beige crème chaleureux du fond)\n - Accent: #8FAA7E (vert clair pour highlights)\n - Tertiaire: #5A6F5E (vert foncé pour contrastes)\nAmbiance: Naturel premium, zen, bien-être holistique, alternative lifestyle\nStyle: Organique moderne avec une touche japonisante (matcha), épuré, chaleureux\nType: Complément alimentaire \/ boisson fonctionnelle\nPréfixe CSS: dyna\n--\u003e\n\n\u003cdiv class=\"dyna-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"dyna-hero\"\u003e\n \u003cdiv class=\"dyna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-hero-content\"\u003e\n \u003cdiv class=\"dyna-badges-top\"\u003e\n \u003cspan class=\"dyna-badge\"\u003e🍵 Alternative au café\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dyna-hero-title\"\u003eSuper Matcha Dyna\u003c\/span\u003e\n \u003cp class=\"dyna-subtitle\"\u003eL'alliance du matcha japonais et des champignons adaptogènes\u003c\/p\u003e\n \u003cp class=\"dyna-description\"\u003eUne boisson instantanée qui marie la douceur du matcha au lait de coco et la puissance de 3 champignons adaptogènes + ashwagandha KSM-66®. Pour une énergie stable, une concentration optimale et un bien-être global, sans nervosité ni crash.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POUR QUI ? --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eCette boisson adaptogène est faite pour vous si…\u003c\/h2\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e☕\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eVous êtes sensible au café\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eLe matcha offre une stimulation douce et progressive, sans les effets indésirables de la caféine pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🎯\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eVous avez besoin de focus\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eConcentration stable tout au long de la journée grâce à la L-théanine et aux champignons nootropiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🍵\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eVous adorez le matcha\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eSaveur authentique et onctueuse sublimée par le lait de coco et les notes exotiques naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eLes 5 bienfaits qui changent tout\u003c\/h2\u003e\n \u003cdiv class=\"dyna-benefits-grid\"\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e💚 Énergie\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eStimulation progressive et maîtrisée grâce au matcha et au guarana, sans coup de pompe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🧠 Concentration\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eClarté mentale prolongée avec la L-théanine du matcha et le Lion's Mane pour la mémoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🌸 Anti-stress\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eAshwagandha KSM-66® cliniquement prouvé pour réguler le cortisol et l'anxiété\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e04\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🛡️ Anti-oxydant\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eTrio de champignons + matcha + curcuma pour protéger vos cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e05\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🔥 Anti-inflammatoire\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eCurcuma doux et champignons pour apaiser les inflammations internes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eUne formule d'exception hautement concentrée\u003c\/h2\u003e\n \u003cdiv class=\"dyna-ingredients-grid\"\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🍵\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eMatcha\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eÉnergie douce \u0026amp; antioxydants\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eThé vert japonais premium riche en L-théanine pour une concentration zen\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🦁\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eLion's Mane\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e550 mg (10:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eClarté mentale \u0026amp; mémoire\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eChampignon nootropique pour stimuler la neurogenèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🍄\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eChaga\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e550 mg (10:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eDigestion \u0026amp; antioxydant\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eRoi des champignons pour l'immunité et la détox\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🍄‍🟫\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eReishi\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e550 mg (10:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eImmunité \u0026amp; sérénité\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eChampignon de longévité pour l'équilibre corps-esprit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🌿\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eAshwagandha KSM-66®\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e300 mg (12:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eAnti-stress \u0026amp; équilibre\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eAdaptogène ayurvédique breveté pour gérer le stress chronique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🌱\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eGuarana\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eÉnergie progressive\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eStimulation naturelle et durable sans nervosité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e✨\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eCurcuma\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eAnti-inflammatoire doux\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eRacine d'or pour apaiser l'inflammation interne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🥥\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eLait de coco\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eOnctuosité végétale\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eTexture crémeuse naturelle sans lactose\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=\"dyna-section\"\u003e\n \u003ch2\u003eComment préparer votre Super Matcha ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-steps\"\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eDosez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003e1 cuillère à café rase de poudre dans votre tasse préférée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eVersez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003e150-200 ml d'eau chaude (70-80°C, non bouillante) ou une boisson végétale (avoine, coco, amande)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eMélangez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eFouettez énergiquement ou utilisez un mousseur à lait pour une texture veloutée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eSavourez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eDégustez chaud ou tiède, le matin ou l'après-midi pour un boost zen\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-tip-box\"\u003e\n \u003cdiv\u003e\n \u003cp class=\"dyna-tip-title\"\u003e💡 Notre conseil\u003c\/p\u003e\n \u003cp class=\"dyna-tip-text\"\u003ePour une version glacée rafraîchissante : mélangez avec du lait de coco froid + glaçons + 1 cuillère de sirop d'agave. Parfait pour l'été !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MOMENTS IDÉAUX --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eQuand consommer votre Super Matcha ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-moments-grid\"\u003e\n \u003cdiv class=\"dyna-moment-card\"\u003e\n \u003cdiv class=\"dyna-moment-time\"\u003e☀️ Matin\u003c\/div\u003e\n \u003cp class=\"dyna-moment-title\"\u003eRéveil en douceur\u003c\/p\u003e\n \u003cp class=\"dyna-moment-text\"\u003eRemplacez votre café pour démarrer sereinement, sans nervosité ni pic de cortisol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-moment-card\"\u003e\n \u003cdiv class=\"dyna-moment-time\"\u003e🕐 Milieu de matinée\u003c\/div\u003e\n \u003cp class=\"dyna-moment-title\"\u003eBoost productif\u003c\/p\u003e\n \u003cp class=\"dyna-moment-text\"\u003eAvant une réunion importante ou une session de travail intense nécessitant de la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-moment-card\"\u003e\n \u003cdiv class=\"dyna-moment-time\"\u003e🌤️ Après-midi\u003c\/div\u003e\n \u003cp class=\"dyna-moment-title\"\u003eRecentrage mental\u003c\/p\u003e\n \u003cp class=\"dyna-moment-text\"\u003eCombattez le coup de barre de 14h-16h avec une énergie stable jusqu'au soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e⚠️ Important :\u003c\/strong\u003e Ne pas consommer à jeun. Évitez après 16h si vous êtes sensible à la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"dyna-info-grid\"\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eContenu\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e30 portions\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003e182,1 g (6,07 g\/dose)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eComposition\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e100% végétal\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003eSans lactose, sans gluten\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eFabrication\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003eMade in France\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003eIngrédients sourcés responsablement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e⚡\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eFormat\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003ePoudre instantanée\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003eDissolution rapide et facile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"dyna-precautions-box\"\u003e\n \u003cdiv class=\"dyna-precaution-header\"\u003e\n \u003cspan class=\"dyna-precaution-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cp class=\"dyna-precaution-title\"\u003eComplément alimentaire - Ne remplace pas un traitement médical\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-precautions-content\"\u003e\n \u003cdiv class=\"dyna-precaution-group\"\u003e\n \u003cp class=\"dyna-precaution-subtitle\"\u003e🚫 Contre-indications\u003c\/p\u003e\n \u003cul class=\"dyna-precaution-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eFemmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003ePersonnes souffrant d'ulcère gastro-duodénal\u003c\/li\u003e\n \u003cli\u003eTroubles cardiaques ou hyperthyroïdie\u003c\/li\u003e\n \u003cli\u003eObstruction biliaire ou troubles de la fonction biliaire\u003c\/li\u003e\n \u003cli\u003ePathologies des voies biliaires\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-precaution-group\"\u003e\n \u003cp class=\"dyna-precaution-subtitle\"\u003e⚠️ Interactions médicamenteuses\u003c\/p\u003e\n \u003cul class=\"dyna-precaution-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eDéconseillé avec anticoagulants, anticancéreux ou immunosuppresseurs\u003c\/li\u003e\n \u003cli\u003eConsultez un professionnel de santé en cas de traitement médicamenteux\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-precaution-group\"\u003e\n \u003cp class=\"dyna-precaution-subtitle\"\u003e☕ Caféine\u003c\/p\u003e\n \u003cul class=\"dyna-precaution-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eContient de la caféine (matcha + guarana)\u003c\/li\u003e\n \u003cli\u003eNe pas consommer à jeun\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser 800 mg de 3-gallate d'épigallocatéchine par jour\u003c\/li\u003e\n \u003cli\u003eNe pas consommer avec d'autres produits à base de thé vert le même jour\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"dyna-precaution-footer\"\u003eÀ consommer dans le cadre d'un mode de vie sain et d'une alimentation équilibrée. Réservé aux adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"dyna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dyna-cta-box\"\u003e\n \u003cdiv class=\"dyna-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-cta-content\"\u003e\n \u003cp class=\"dyna-cta-title\"\u003eVotre rituel bien-être commence ici\u003c\/p\u003e\n \u003cp class=\"dyna-cta-text\"\u003eRejoignez des milliers de personnes qui ont troqué leur café pour une alternative naturelle qui prend soin de leur corps et de leur esprit. Énergie stable, concentration optimale, stress maîtrisé : découvrez la différence dès la première tasse.\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 --dyna-cream: #faf8f5;\n --dyna-white: #ffffff;\n --dyna-primary: #6B8770;\n --dyna-primary-dark: #5A6F5E;\n --dyna-primary-light: #e8ede9;\n --dyna-secondary: #8FAA7E;\n --dyna-accent: #E8DCC8;\n\n \/* Textes *\/\n --dyna-text: #1a1a1a;\n --dyna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --dyna-border: #e0e0e0;\n --dyna-shadow: 0 4px 24px rgba(107,135,112,.08);\n --dyna-shadow-lg: 0 12px 48px rgba(107,135,112,.15);\n --dyna-radius: 20px;\n --dyna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dyna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dyna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--dyna-text);\n}\n\n\/* === HERO === *\/\n.dyna-hero {\n position: relative;\n background: linear-gradient(135deg, #6B8770 0%, #7A9580 50%, #8FAA7E 100%);\n border-radius: var(--dyna-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(--dyna-shadow-lg);\n}\n\n.dyna-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.08) 20px, rgba(255,255,255,.08) 40px);\n}\n\n.dyna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dyna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.dyna-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(--dyna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dyna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 20px rgba(0,0,0,.15);\n}\n\n.dyna-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.dyna-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.dyna-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dyna-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--dyna-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.dyna-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(--dyna-primary), var(--dyna-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.dyna-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dyna-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n filter: grayscale(20%);\n}\n\n.dyna-card-title {\n font-size: clamp(18px, 2.8vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-card-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dyna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === BENEFITS === *\/\n.dyna-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-benefit-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-benefit-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-benefit-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--dyna-primary), var(--dyna-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(107,135,112,.2);\n}\n\n.dyna-benefit-content {\n flex: 1;\n}\n\n.dyna-benefit-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-benefit-desc {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.dyna-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-ingredient-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n}\n\n.dyna-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-ingredient-visual {\n font-size: clamp(44px, 9vw, 60px);\n margin-bottom: 1rem;\n}\n\n.dyna-ingredient-name {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-ingredient-dose {\n display: inline-block;\n background: var(--dyna-primary-light);\n color: var(--dyna-primary-dark);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: .75rem;\n}\n\n.dyna-ingredient-benefit {\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 700;\n color: var(--dyna-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-ingredient-desc {\n font-size: clamp(13px, 1.8vw, 15px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === STEPS === *\/\n.dyna-steps {\n display: grid;\n gap: 1.5rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.dyna-step {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-step:hover {\n transform: translateX(8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--dyna-primary), var(--dyna-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(107,135,112,.25);\n}\n\n.dyna-step-content {\n flex: 1;\n}\n\n.dyna-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-step-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.dyna-tip-box {\n background: var(--dyna-primary-light);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-top: 2rem;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border-left: 4px solid var(--dyna-primary);\n}\n\n.dyna-tip-icon {\n font-size: 32px;\n margin: 0;\n flex-shrink: 0;\n}\n\n.dyna-tip-title {\n font-size: clamp(16px, 2.2vw, 19px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-tip-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MOMENTS === *\/\n.dyna-moments-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.dyna-moment-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-moment-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-moment-time {\n display: inline-block;\n font-size: clamp(15px, 2.2vw, 18px);\n font-weight: 800;\n color: white;\n background: linear-gradient(135deg, var(--dyna-primary), var(--dyna-secondary));\n padding: 8px 20px;\n border-radius: 999px;\n margin-bottom: 1rem;\n box-shadow: 0 4px 12px rgba(107,135,112,.2);\n}\n\n.dyna-moment-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-moment-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.dyna-warning-box {\n background: #fff9e6;\n border: 2px solid #ffc107;\n border-radius: var(--dyna-radius-sm);\n padding: clamp(1rem, 2vw, 1.5rem);\n text-align: center;\n}\n\n.dyna-warning-box p {\n margin: 0;\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text);\n line-height: 1.6;\n}\n\n\/* === INFO GRID === *\/\n.dyna-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-info-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-info-icon {\n font-size: clamp(36px, 7vw, 48px);\n margin-bottom: .75rem;\n}\n\n.dyna-info-label {\n font-size: clamp(13px, 1.8vw, 15px);\n font-weight: 600;\n color: var(--dyna-text-light);\n margin: 0 0 .5rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.dyna-info-value {\n font-size: clamp(18px, 2.8vw, 22px);\n font-weight: 900;\n color: var(--dyna-primary-dark);\n margin: 0 0 .25rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-info-detail {\n font-size: clamp(13px, 1.8vw, 15px);\n color: var(--dyna-text-light);\n margin: 0;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.dyna-precautions-box {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid var(--dyna-accent);\n}\n\n.dyna-precaution-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 2rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--dyna-border);\n}\n\n.dyna-precaution-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.dyna-precaution-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0;\n letter-spacing: -.01em;\n}\n\n.dyna-precautions-content {\n display: grid;\n gap: 1.5rem;\n}\n\n.dyna-precaution-group {\n background: var(--dyna-primary-light);\n border-radius: var(--dyna-radius-sm);\n padding: clamp(1rem, 2vw, 1.5rem);\n}\n\n.dyna-precaution-subtitle {\n font-size: clamp(15px, 2.2vw, 18px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.dyna-precaution-list {\n margin: 0;\n padding-left: 1.5rem;\n list-style: none;\n}\n\n.dyna-precaution-list li {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text);\n line-height: 1.8;\n margin-bottom: .5rem;\n position: relative;\n}\n\n.dyna-precaution-list li::before {\n content: '•';\n position: absolute;\n left: -1rem;\n color: var(--dyna-primary);\n font-weight: 900;\n}\n\n.dyna-precaution-footer {\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 2px solid var(--dyna-border);\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n text-align: center;\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.dyna-cta-box {\n background: linear-gradient(135deg, #6B8770 0%, #7A9580 50%, #8FAA7E 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 80%, white 2px, transparent 2px);\n background-size: 60px 60px;\n}\n\n.dyna-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.dyna-cta-title {\n color: white;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.dyna-cta-text {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 6px rgba(0,0,0,.08);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dyna-grid,\n .dyna-benefits-grid,\n .dyna-ingredients-grid,\n .dyna-moments-grid,\n .dyna-info-grid {\n grid-template-columns: 1fr;\n }\n\n .dyna-step {\n flex-direction: column;\n text-align: center;\n }\n\n .dyna-tip-box {\n flex-direction: column;\n text-align: center;\n }\n\n .dyna-precaution-header {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dyna-card,\n .dyna-benefit-card,\n .dyna-ingredient-card,\n .dyna-step,\n .dyna-moment-card,\n .dyna-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .dyna-card:nth-child(1),\n .dyna-benefit-card:nth-child(1),\n .dyna-ingredient-card:nth-child(1),\n .dyna-step:nth-child(1),\n .dyna-moment-card:nth-child(1),\n .dyna-info-card:nth-child(1) {\n animation-delay: .1s;\n }\n\n .dyna-card:nth-child(2),\n .dyna-benefit-card:nth-child(2),\n .dyna-ingredient-card:nth-child(2),\n .dyna-step:nth-child(2),\n .dyna-moment-card:nth-child(2),\n .dyna-info-card:nth-child(2) {\n animation-delay: .2s;\n }\n\n .dyna-card:nth-child(3),\n .dyna-benefit-card:nth-child(3),\n .dyna-ingredient-card:nth-child(3),\n .dyna-step:nth-child(3),\n .dyna-moment-card:nth-child(3),\n .dyna-info-card:nth-child(3) {\n animation-delay: .3s;\n }\n\n .dyna-card:nth-child(4),\n .dyna-benefit-card:nth-child(4),\n .dyna-ingredient-card:nth-child(4),\n .dyna-step:nth-child(4),\n .dyna-moment-card:nth-child(4),\n .dyna-info-card:nth-child(4) {\n animation-delay: .4s;\n }\n\n .dyna-card:nth-child(5),\n .dyna-benefit-card:nth-child(5),\n .dyna-ingredient-card:nth-child(5) {\n animation-delay: .5s;\n }\n\n .dyna-card:nth-child(6),\n .dyna-benefit-card:nth-child(6),\n .dyna-ingredient-card:nth-child(6) {\n animation-delay: .6s;\n }\n\n .dyna-ingredient-card:nth-child(7) {\n animation-delay: .7s;\n }\n\n .dyna-ingredient-card:nth-child(8) {\n animation-delay: .8s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dyna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dyna-premium {\n --dyna-primary: #5A6F5E;\n --dyna-shadow: 0 0 0 2px currentColor;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .dyna-premium {\n background: white;\n }\n \n .dyna-hero,\n .dyna-cta-box {\n background: var(--dyna-primary-light) !important;\n color: var(--dyna-text) !important;\n }\n \n .dyna-card,\n .dyna-benefit-card,\n .dyna-ingredient-card {\n break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"DYNA","offers":[{"title":"Default Title","offer_id":55692220563833,"sku":"SUPERMATCHA","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-matcha-aux-champignons-dyna-min_11zon.jpg?v=1756972026"},{"product_id":"super-chai-dyna-boisson-aux-champignons-et-plantes-adaptogenes","title":"Super Chaï Dyna - Boisson aux Champignons et Plantes Adaptogènes","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Super Chaï Dyna - Boisson aux champignons et plantes adaptogènes\nPalette détectée:\n - Primaire: #4A3829 (brun profond du logo et typographie, évoquant le cacao et les épices)\n - Secondaire: #D2691E (terracotta\/cannelle des épices et du fond chaleureux)\n - Accent: #8B4513 (brun-orangé rappelant le chai et les épices chaudes)\n - Cream: #F5F0E8 (beige crémeux du packaging, chaleur naturelle)\nAmbiance: Naturel\/Ayurvédique, chaleureux, réconfortant, rituel bien-être\nStyle: Premium naturel avec une forte identité épicée et authentique\nPréfixe CSS: dyna\n--\u003e\n\n\u003cdiv class=\"dyna-premium\"\u003e\n \u003cdiv class=\"dyna-hero\"\u003e\n \u003cdiv class=\"dyna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-hero-content\"\u003e\n \u003cdiv class=\"dyna-badges-top\"\u003e\n \u003cspan class=\"dyna-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🚫 Sans caféine\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🍄 1950 mg d'adaptogènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dyna-hero-title\"\u003eSuper Chaï Dyna\u003c\/span\u003e\n \u003cp class=\"dyna-subtitle\"\u003eL'alternative réconfortante au café\u003c\/p\u003e\n \u003cp class=\"dyna-description\"\u003eUne infusion aux champignons fonctionnels et épices ayurvédiques pour une énergie apaisée, une concentration naturelle et un équilibre intérieur profond. Sans stimulant, 100% plaisir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePourquoi choisir Super Chaï Dyna ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🧘\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eZéro caféine, zéro stress\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eParfait pour les personnes sensibles aux stimulants ou qui recherchent une boisson réconfortante en soirée, sans perturber le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🧠\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eClarté mentale naturelle\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eLe trio Lion's Mane, Chaga et Reishi soutient la concentration, la mémoire et la fonction cognitive sans effet rebond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🌱\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eRésilience au quotidien\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eL'Ashwagandha KSM-66® aide votre corps à s'adapter au stress et maintient votre équilibre émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🔥\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eDigestion \u0026amp; vitalité\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eLes épices chaudes (gingembre, cannelle, curcuma) stimulent la digestion et réchauffent de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🍫\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eGoût authentique \u0026amp; gourmand\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eUn équilibre parfait entre le cacao brut, les épices chai et une touche de douceur naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e✨\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003ePur \u0026amp; sans additifs\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eAucun sucre ajouté, aucun ingrédient chimique. Juste des plantes, des champignons et des épices de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eLes meilleurs adaptogènes hautement concentrés\u003c\/h2\u003e\n \u003cdiv class=\"dyna-adaptogen-grid\"\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🦁\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eLion's Mane\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e550 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eClarté mentale \u0026amp; mémoire\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003eLe champignon de la cognition, utilisé depuis des siècles pour stimuler les fonctions cérébrales et favoriser la neurogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🍄\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eReishi\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e550 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eImmunité \u0026amp; sérénité\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003eLe roi des champignons médicinaux. Renforce le système immunitaire et apaise l'esprit pour un repos profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🌲\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eChaga\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e550 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eDigestion \u0026amp; anti-oxydant\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003ePuissant antioxydant naturel qui protège les cellules du stress oxydatif et soutient la santé digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eAshwagandha KSM-66®\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e300 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eAnti-stress \u0026amp; équilibre\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003eL'extrait breveté le plus pur et le plus concentré, cliniquement prouvé pour réduire le cortisol et l'anxiété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eUne symphonie d'épices ayurvédiques\u003c\/h2\u003e\n \u003cdiv class=\"dyna-spices-container\"\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🍫\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCacao brut\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌰\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCannelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🔶\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCurcuma\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌸\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCardamome\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🥜\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eMuscade\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🧡\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eGingembre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌹\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eClou de girofle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌶️\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003ePoivre noir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePour qui est fait Super Chaï Dyna ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-target-grid\"\u003e\n \u003cdiv class=\"dyna-target-card\"\u003e\n \u003cdiv class=\"dyna-target-icon\"\u003e😴\u003c\/div\u003e\n \u003cp class=\"dyna-target-title\"\u003eSensibles à la caféine\u003c\/p\u003e\n \u003cp class=\"dyna-target-text\"\u003eVous cherchez une alternative réconfortante qui n'impacte ni votre sommeil ni votre système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-target-card\"\u003e\n \u003cdiv class=\"dyna-target-icon\"\u003e🔥\u003c\/div\u003e\n \u003cp class=\"dyna-target-title\"\u003eAmateurs d'épices\u003c\/p\u003e\n \u003cp class=\"dyna-target-text\"\u003eVous aimez les saveurs chaudes, épicées et authentiques : cannelle, gingembre, cardamome...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-target-card\"\u003e\n \u003cdiv class=\"dyna-target-icon\"\u003e🎯\u003c\/div\u003e\n \u003cp class=\"dyna-target-title\"\u003eConcentrés \u0026amp; zen\u003c\/p\u003e\n \u003cp class=\"dyna-target-text\"\u003eVous souhaitez rester focus et productif sans stimuler excessivement votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eMode d'emploi : un rituel simple et apaisant\u003c\/h2\u003e\n \u003cdiv class=\"dyna-steps\"\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eDosez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eAjoutez une cuillère à café (environ 4,3 g) dans votre tasse favorite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eVersez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eAjoutez de l'eau chaude ou un lait végétal (avoine, amande, coco...) selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eMélangez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eRemuez bien pour dissoudre la poudre et libérer tous les arômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eSavourez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003ePrenez un moment pour vous, respirez les épices et dégustez lentement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ritual-tip\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil rituel\u003c\/strong\u003e : parfait en fin de journée, après le repas ou en soirée pour un moment de recentrage profond sans perturber votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eLes bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"dyna-benefits-grid\"\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eÉnergie durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e🧠\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eConcentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e😌\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eAnti-stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eAnti-inflammatoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e🔬\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eAnti-oxydant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"dyna-info-grid\"\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eContenance\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e128,7 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🥄\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eDoses\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e30 portions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eDose par portion\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e4,29 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🍄\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eAdaptogènes\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e1950 mg\/dose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🚫\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eSans caféine\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e0% stimulant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003e100% naturel\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003eSans additifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"dyna-warning-box\"\u003e\n \u003cdiv class=\"dyna-warning-header\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-content\"\u003e\n \u003cp\u003eSuper Chaï Dyna est un complément alimentaire à base de cacao, de champignons et de plantes. Il ne remplace pas un traitement médical et doit être consommé dans le cadre d'un mode de vie sain. Réservé à l'adulte.\u003c\/p\u003e\n \u003cul class=\"dyna-warning-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003e❌ Déconseillé en cas d'obstruction biliaire ou de troubles de la fonction biliaire\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé aux femmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé aux personnes sous anticoagulants, anticancéreux ou immunosuppresseurs\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé en cas de pathologies des voies biliaires\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé en cas d'allergie croisée connue au baume du Pérou\u003c\/li\u003e\n \u003cli\u003e✅ Respecter la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003e✅ Tenir hors de portée des enfants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dyna-cta-box\"\u003e\n \u003cdiv class=\"dyna-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-cta-content\"\u003e\n \u003cp class=\"dyna-cta-title\"\u003eRedécouvrez le plaisir d'une pause bien-être\u003c\/p\u003e\n \u003cp class=\"dyna-cta-text\"\u003eSans caféine, sans stress, sans compromis sur le goût. Super Chaï Dyna vous offre une énergie apaisée et une concentration naturelle, tasse après tasse.\u003c\/p\u003e\n \u003cdiv class=\"dyna-cta-badges\"\u003e\n \u003cspan class=\"dyna-cta-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"dyna-cta-badge\"\u003e🍄 1950 mg d'adaptogènes\u003c\/span\u003e\n \u003cspan class=\"dyna-cta-badge\"\u003e🔥 Goût chai authentique\u003c\/span\u003e\n \u003c\/div\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 --dyna-cream: #FDF8F1;\n --dyna-white: #ffffff;\n --dyna-primary: #4A3829;\n --dyna-primary-dark: #2d221a;\n --dyna-primary-light: #f8f5f1;\n --dyna-secondary: #D2691E;\n --dyna-accent: #8B4513;\n --dyna-terracotta: #CD853F;\n\n \/* Textes *\/\n --dyna-text: #1a1a1a;\n --dyna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --dyna-border: #e0d5c7;\n --dyna-shadow: 0 4px 24px rgba(74, 56, 41, .08);\n --dyna-shadow-lg: 0 12px 48px rgba(74, 56, 41, .15);\n --dyna-radius: 20px;\n --dyna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dyna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dyna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dyna-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.dyna-hero {\n position: relative;\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-accent) 50%, var(--dyna-secondary) 100%);\n border-radius: var(--dyna-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(--dyna-shadow-lg);\n}\n\n.dyna-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.dyna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.dyna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.dyna-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(--dyna-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.dyna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dyna-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, .3);\n}\n\n.dyna-subtitle {\n display: block;\n color: rgba(255, 255, 255, .95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin-bottom: 1rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.dyna-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.8;\n margin: 0;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0, 0, 0, .15);\n}\n\n\/* === SECTIONS === *\/\n.dyna-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dyna-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--dyna-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.dyna-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(--dyna-secondary), var(--dyna-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.dyna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dyna-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-card-text {\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ADAPTOGÈNES === *\/\n.dyna-adaptogen-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-adaptogen-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border-left: 4px solid var(--dyna-secondary);\n transition: all .3s ease;\n}\n\n.dyna-adaptogen-card:hover {\n transform: translateX(8px);\n box-shadow: var(--dyna-shadow-lg);\n border-left-color: var(--dyna-accent);\n}\n\n.dyna-adaptogen-visual {\n font-size: 56px;\n margin-bottom: 1rem;\n text-align: center;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.dyna-adaptogen-name {\n font-size: clamp(20px, 3vw, 24px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-adaptogen-dose {\n display: inline-block;\n background: var(--dyna-primary-light);\n color: var(--dyna-primary-dark);\n font-size: 14px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.dyna-adaptogen-benefit {\n font-size: 15px;\n font-weight: 700;\n color: var(--dyna-secondary);\n margin: 0 0 .75rem 0;\n}\n\n.dyna-adaptogen-desc {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ÉPICES === *\/\n.dyna-spices-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1.25rem;\n}\n\n.dyna-spice-item {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-spice-item:hover {\n transform: scale(1.08);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-spice-icon {\n display: block;\n font-size: 40px;\n margin-bottom: .75rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.08));\n}\n\n.dyna-spice-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--dyna-primary-dark);\n margin: 0;\n}\n\n\/* === TARGET === *\/\n.dyna-target-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-target-card {\n background: linear-gradient(135deg, var(--dyna-white) 0%, var(--dyna-primary-light) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n text-align: center;\n transition: all .3s ease;\n}\n\n.dyna-target-card:hover {\n transform: translateY(-8px);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-target-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-target-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-target-text {\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ÉTAPES === *\/\n.dyna-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-step {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: 1.5rem;\n box-shadow: var(--dyna-shadow);\n display: flex;\n gap: 1.25rem;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-step:hover {\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--dyna-secondary), var(--dyna-accent));\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(210, 105, 30, .3);\n}\n\n.dyna-step-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-step-text {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dyna-ritual-tip {\n background: var(--dyna-primary-light);\n border-left: 4px solid var(--dyna-secondary);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem;\n margin-top: 2rem;\n}\n\n.dyna-ritual-tip p {\n font-size: 15px;\n color: var(--dyna-primary-dark);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === BÉNÉFICES === *\/\n.dyna-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n}\n\n.dyna-benefit-item {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius-sm);\n padding: 1.75rem 1.25rem;\n text-align: center;\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-benefit-item:hover {\n transform: scale(1.08);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-benefit-icon {\n font-size: 44px;\n margin-bottom: .75rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-benefit-label {\n font-size: 15px;\n font-weight: 700;\n color: var(--dyna-primary-dark);\n margin: 0;\n}\n\n\/* === INFOS === *\/\n.dyna-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1.25rem;\n}\n\n.dyna-info-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-info-card:hover {\n transform: scale(1.05);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-info-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--dyna-text-light);\n margin: 0 0 .5rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.dyna-info-value {\n font-size: 20px;\n font-weight: 900;\n color: var(--dyna-primary-dark);\n margin: 0;\n letter-spacing: -.02em;\n}\n\n\/* === WARNING === *\/\n.dyna-warning-box {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border-left: 4px solid #f59e0b;\n}\n\n.dyna-warning-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n}\n\n.dyna-warning-icon {\n font-size: 32px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-warning-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0;\n letter-spacing: -.02em;\n}\n\n.dyna-warning-content p {\n font-size: 15px;\n color: var(--dyna-text);\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.dyna-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.dyna-warning-list li {\n font-size: 14px;\n color: var(--dyna-text-light);\n line-height: 1.8;\n padding: .5rem 0;\n border-bottom: 1px solid var(--dyna-border);\n}\n\n.dyna-warning-list li:last-child {\n border-bottom: none;\n}\n\n\/* === CTA === *\/\n.dyna-cta-box {\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-primary-dark) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-cta-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 40px, rgba(255,255,255,.1) 40px, rgba(255,255,255,.1) 80px);\n}\n\n.dyna-cta-content {\n position: relative;\n z-index: 1;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.dyna-cta-title {\n color: white;\n font-size: clamp(24px, 4vw, 34px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.dyna-cta-text {\n color: rgba(255, 255, 255, .95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n margin: 0 0 2rem 0;\n text-shadow: 0 1px 8px rgba(0, 0, 0, .15);\n}\n\n.dyna-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.dyna-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--dyna-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, .15);\n transition: all .3s ease;\n}\n\n.dyna-cta-badge:hover {\n transform: translateY(-4px) scale(1.05);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dyna-grid,\n .dyna-adaptogen-grid,\n .dyna-spices-container,\n .dyna-target-grid,\n .dyna-steps,\n .dyna-benefits-grid,\n .dyna-info-grid {\n grid-template-columns: 1fr;\n }\n \n .dyna-spices-container {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dyna-card,\n .dyna-adaptogen-card,\n .dyna-target-card,\n .dyna-step {\n animation: fadeInUp .6s ease backwards;\n }\n \n .dyna-card:nth-child(1),\n .dyna-adaptogen-card:nth-child(1),\n .dyna-target-card:nth-child(1),\n .dyna-step:nth-child(1) { animation-delay: .1s; }\n \n .dyna-card:nth-child(2),\n .dyna-adaptogen-card:nth-child(2),\n .dyna-target-card:nth-child(2),\n .dyna-step:nth-child(2) { animation-delay: .2s; }\n \n .dyna-card:nth-child(3),\n .dyna-adaptogen-card:nth-child(3),\n .dyna-target-card:nth-child(3),\n .dyna-step:nth-child(3) { animation-delay: .3s; }\n \n .dyna-card:nth-child(4),\n .dyna-adaptogen-card:nth-child(4),\n .dyna-step:nth-child(4) { animation-delay: .4s; }\n \n .dyna-card:nth-child(5),\n .dyna-card:nth-child(6) { animation-delay: .5s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dyna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dyna-premium {\n --dyna-shadow: 0 0 0 2px currentColor;\n }\n \n .dyna-card,\n .dyna-adaptogen-card,\n .dyna-target-card,\n .dyna-step {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"DYNA","offers":[{"title":"Default Title","offer_id":55692287050105,"sku":"SUPERCHAIDYNA","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-chai-champignons-adaptogenes-dyna.jpg?v=1758546018"},{"product_id":"super-cafe-dyna-boisson-aux-champignons-plantes-adaptogenes","title":"Super Café Dyna - Boisson aux Champignons \u0026 Plantes Adaptogènes","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Super Café Dyna - Boisson aux champignons et plantes adaptogènes\nPalette détectée:\n - Primaire: #5D4A3C (brun chocolat profond du packaging)\n - Secondaire: #8B6F47 (brun doré cacao)\n - Accent: #D4A574 (beige doré céréales)\n - Cream: #F5EFE6 (beige crème naturel)\nAmbiance: Naturelle premium, chaleureuse, lifestyle santé conscient, artisanal français, univers café\/cacao raffiné avec une touche de bien-être holistique\nStyle: Premium naturel avec codes du café de spécialité, touches organiques\/champignons, typographie élégante\nPréfixe CSS: dyna\n--\u003e\n\n\u003cdiv class=\"dyna-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"dyna-hero\"\u003e\n \u003cdiv class=\"dyna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-hero-content\"\u003e\n \u003cdiv class=\"dyna-badges-top\"\u003e\n \u003cspan class=\"dyna-badge\"\u003e🍄 Champignons fonctionnels\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dyna-hero-title\"\u003eSuper Café Dyna\u003c\/span\u003e\n \u003cp class=\"dyna-subtitle\"\u003eL'alternative café nouvelle génération\u003c\/p\u003e\n \u003cp class=\"dyna-description\"\u003eUne boisson aux champignons adaptogènes qui transforme votre routine bien-être : énergie durable, clarté mentale et zéro crash. Le goût réconfortant du cacao et des céréales torréfiées, la puissance des superaliments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePourquoi Dyna change la donne\u003c\/h2\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eÉnergie stable sans crash\u003c\/h3\u003e\n \u003cp\u003eLe guarana libère sa caféine progressivement, associé à la L-théanine du thé vert pour une énergie fluide qui dure toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🧠\u003c\/div\u003e\n \u003ch3\u003eConcentration laser\u003c\/h3\u003e\n \u003cp\u003eLe Lion's Mane stimule la clarté mentale et la mémoire. Restez focus sans nervosité, avec une productivité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🌊\u003c\/div\u003e\n \u003ch3\u003eAnti-stress puissant\u003c\/h3\u003e\n \u003cp\u003eL'ashwagandha KSM-66® breveté réduit le cortisol et apaise votre système nerveux pour un calme intérieur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eReishi et Chaga, champions des adaptogènes, soutiennent vos défenses naturelles et votre vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003e100% naturel, zéro additif\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient chimique, sucres ajoutés ou artifices. Juste la puissance brute des plantes et champignons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eFabrication française\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué dans le Loiret avec une exigence qualité maximale. Traçabilité et éthique garanties.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eUne formule scientifique ultra-concentrée\u003c\/h2\u003e\n \u003cp class=\"dyna-intro-text\"\u003eChaque dose contient \u003cstrong\u003e2850 mg d'adaptogènes hautement concentrés\u003c\/strong\u003e pour des résultats mesurables dès les premiers jours.\u003c\/p\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🦁\u003c\/div\u003e\n \u003ch3\u003eLion's Mane\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003e550 mg\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eExtrait 10:1\u003c\/p\u003e\n \u003cp\u003eLe champion de la clarté mentale et de la mémoire. Stimule la neurogenèse pour une cognition optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🌑\u003c\/div\u003e\n \u003ch3\u003eChaga\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003e550 mg\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eExtrait 10:1\u003c\/p\u003e\n \u003cp\u003eL'antioxydant ultime. Protège vos cellules, booste la digestion et soutient votre système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🍄\u003c\/div\u003e\n \u003ch3\u003eReishi\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003e550 mg\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eExtrait 10:1\u003c\/p\u003e\n \u003cp\u003eLe champignon de la sérénité. Améliore le sommeil, réduit l'inflammation et renforce l'immunité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eAshwagandha KSM-66®\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003e300 mg\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eExtrait breveté 12:1\u003c\/p\u003e\n \u003cp\u003eL'adaptogène roi contre le stress. Réduit le cortisol de 27% cliniquement prouvé, équilibre et énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eGuarana + Thé vert\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003eDosage optimal\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eSynergie caféine + L-théanine\u003c\/p\u003e\n \u003cp\u003eÉnergie progressive sans nervosité. La caféine intelligente pour une performance durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🍫\u003c\/div\u003e\n \u003ch3\u003eCacao + Malt d'orge\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003eBase gourmande\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eTorréfié artisanal\u003c\/p\u003e\n \u003cp\u003eLe goût réconfortant d'un chocolat chaud premium, avec les bienfaits du cacao pur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BÉNÉFICES VISUELS --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003cdiv class=\"dyna-benefits-visual\"\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e2850mg\u003c\/div\u003e\n \u003cp\u003ed'adaptogènes par dose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e30\u003c\/div\u003e\n \u003cp\u003eportions par sachet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e0\u003c\/div\u003e\n \u003cp\u003esucres ajoutés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e100%\u003c\/div\u003e\n \u003cp\u003enaturel \u0026amp; sans additifs\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=\"dyna-section\"\u003e\n \u003ch2\u003ePréparation ultra-simple\u003c\/h2\u003e\n \u003cdiv class=\"dyna-steps\"\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eUne cuillère à café rase dans votre tasse préférée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eVersez\u003c\/h3\u003e\n \u003cp\u003eEau chaude ou lait végétal (avoine, amande, coco...)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eMélangez\u003c\/h3\u003e\n \u003cp\u003eRemuez quelques secondes jusqu'à dissolution complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e4\u003c\/div\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eDégustez immédiatement et profitez des bienfaits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-usage-tips\"\u003e\n \u003ch3\u003e💡 Nos conseils d'utilisation\u003c\/h3\u003e\n \u003cul style=\"list-style:none;\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eLe matin\u003c\/strong\u003e : remplace votre café pour démarrer avec énergie et focus\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAprès déjeuner\u003c\/strong\u003e : évite le coup de fatigue de 14h\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEn après-midi\u003c\/strong\u003e : boost de concentration sans perturber le sommeil\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVersion soirée\u003c\/strong\u003e : essayez notre Super Chai sans caféine pour le soir\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eDyna est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e💼\u003c\/div\u003e\n \u003ch3\u003eProfessionnel actif\u003c\/h3\u003e\n \u003cp\u003eVous cherchez performance et concentration sans les effets secondaires du café classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e🎓\u003c\/div\u003e\n \u003ch3\u003eÉtudiant ambitieux\u003c\/h3\u003e\n \u003cp\u003eVous avez besoin de clarté mentale et de mémoire pour vos révisions et examens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e🧘‍♀️\u003c\/div\u003e\n \u003ch3\u003eAdepte du bien-être\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les solutions naturelles pour gérer stress et fatigue du quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003ePersonne fatiguée\u003c\/h3\u003e\n \u003cp\u003eVous voulez retrouver énergie et vitalité de manière saine et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e🏃\u003c\/div\u003e\n \u003ch3\u003eSportif conscient\u003c\/h3\u003e\n \u003cp\u003eVous optimisez votre récupération et votre équilibre hormonal naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eHealthy lifestyle\u003c\/h3\u003e\n \u003cp\u003eVous refusez les additifs chimiques et privilégiez le 100% naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003cdiv class=\"dyna-warning-box\"\u003e\n \u003ch2\u003e⚠️ Précautions et recommandations\u003c\/h2\u003e\n \u003cp class=\"dyna-warning-intro\"\u003eCe complément alimentaire s'inscrit dans une alimentation variée et un mode de vie sain. Il ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003cdiv class=\"dyna-warning-grid\"\u003e\n \u003cdiv class=\"dyna-warning-item\"\u003e\n \u003cstrong\u003e❌ Déconseillé si\u003c\/strong\u003e\n \u003cul style=\"list-style:none;\"\u003e\n \u003cli\u003eUlcère gastro-duodénal actif\u003c\/li\u003e\n \u003cli\u003eTroubles cardiaques ou hypertension\u003c\/li\u003e\n \u003cli\u003eHyperthyroïdie\u003c\/li\u003e\n \u003cli\u003eGrossesse ou allaitement\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-item\"\u003e\n \u003cstrong\u003e⚡ Contient\u003c\/strong\u003e\n \u003cul style=\"list-style:none;\"\u003e\n \u003cli\u003eCaféine naturelle (guarana + thé vert)\u003c\/li\u003e\n \u003cli\u003eGluten (malt d'orge torréfié)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-item\"\u003e\n \u003cstrong\u003e💊 Interactions\u003c\/strong\u003e\n \u003cul style=\"list-style:none;\"\u003e\n \u003cli\u003eConsultez un professionnel si traitement en cours\u003c\/li\u003e\n \u003cli\u003eNe pas associer à d'autres produits au thé vert le même jour\u003c\/li\u003e\n \u003cli\u003eMax 800 mg EGCG par jour\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-item\"\u003e\n \u003cstrong\u003e📋 Usage\u003c\/strong\u003e\n \u003cul\u003e\n \u003cli\u003eRéservé aux adultes\u003c\/li\u003e\n \u003cli\u003eNe pas consommer à jeun\u003c\/li\u003e\n \u003cli\u003eRespecter la dose journalière\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003c\/ul\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=\"dyna-section\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"dyna-info-grid\"\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e📦\u003c\/div\u003e\n \u003ch3\u003eContenance\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e30 portions\u003c\/strong\u003e\u003cbr\u003eUn mois de bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eOrigine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003cbr\u003eLoiret, Région Centre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eComposition\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100% naturel\u003c\/strong\u003e\u003cbr\u003eSans additifs chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🥄\u003c\/div\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 cuillère à café\u003c\/strong\u003e\u003cbr\u003ePar tasse, 1 fois par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e☕\u003c\/div\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eEau ou lait végétal\u003c\/strong\u003e\u003cbr\u003eChaud ou froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🍫\u003c\/div\u003e\n \u003ch3\u003eGoût\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eCacao \u0026amp; céréales\u003c\/strong\u003e\u003cbr\u003eTorréfié gourmand\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"dyna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dyna-cta-box\"\u003e\n \u003cdiv class=\"dyna-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-cta-content\"\u003e\n \u003cspan class=\"dyna-cta-emoji\"\u003e🌟\u003c\/span\u003e\n \u003cp class=\"dyna-cta-title\"\u003ePrêt à transformer votre routine bien-être ?\u003c\/p\u003e\n \u003cp\u003eRejoignez les milliers de personnes qui ont adopté Dyna pour une énergie stable, une clarté mentale exceptionnelle et un bien-être global au quotidien. Zéro crash, zéro compromis, 100% naturel.\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 --dyna-cream: #FDF8F1;\n --dyna-white: #ffffff;\n --dyna-primary: #5D4A3C;\n --dyna-primary-dark: #3D2F25;\n --dyna-primary-light: #F0EAE2;\n --dyna-secondary: #8B6F47;\n --dyna-accent: #D4A574;\n\n \/* Textes *\/\n --dyna-text: #1a1a1a;\n --dyna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --dyna-border: #e0ddd7;\n --dyna-shadow: 0 4px 24px rgba(93,74,60,.08);\n --dyna-shadow-lg: 0 12px 48px rgba(93,74,60,.15);\n --dyna-radius: 20px;\n --dyna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dyna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dyna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dyna-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.dyna-hero {\n position: relative;\n background: linear-gradient(135deg, #5D4A3C 0%, #3D2F25 50%, #8B6F47 100%);\n border-radius: var(--dyna-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(--dyna-shadow-lg);\n}\n\n.dyna-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n radial-gradient(circle at 60% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 2px);\n background-size: 100px 100px, 150px 150px, 120px 120px;\n}\n\n.dyna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dyna-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.dyna-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(--dyna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dyna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.dyna-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.dyna-subtitle {\n color: var(--dyna-accent);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.dyna-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.8;\n}\n\n\/* === SECTIONS === *\/\n.dyna-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dyna-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--dyna-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.dyna-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(--dyna-primary), var(--dyna-secondary));\n border-radius: 2px;\n}\n\n.dyna-intro-text {\n text-align: center;\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--dyna-text-light);\n max-width: 800px;\n margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n}\n\n\/* === GRILLES === *\/\n.dyna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.dyna-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.dyna-card h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.dyna-card p {\n font-size: 15px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.dyna-ingredient-card {\n background: linear-gradient(135deg, var(--dyna-white) 0%, var(--dyna-primary-light) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid var(--dyna-border);\n transition: all .3s ease;\n text-align: center;\n}\n\n.dyna-ingredient-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-ingredient-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n line-height: 1;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-ingredient-card h3 {\n font-size: clamp(19px, 2.5vw, 23px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-dosage {\n display: inline-block;\n font-size: 28px;\n font-weight: 900;\n color: var(--dyna-primary);\n margin-bottom: .25rem;\n}\n\n.dyna-ratio {\n font-size: 13px;\n font-weight: 700;\n color: var(--dyna-secondary);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin: 0 0 1rem 0;\n}\n\n.dyna-ingredient-card p {\n font-size: 14px;\n color: var(--dyna-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BÉNÉFICES VISUELS === *\/\n.dyna-benefits-visual {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n padding: clamp(2rem, 4vw, 3rem);\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n box-shadow: var(--dyna-shadow);\n}\n\n.dyna-benefit-item {\n text-align: center;\n}\n\n.dyna-benefit-number {\n font-size: clamp(32px, 8vw, 50px);\n font-weight: 900;\n color: var(--dyna-primary);\n line-height: 1;\n margin-bottom: .5rem;\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-secondary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.dyna-benefit-item p {\n font-size: 15px;\n font-weight: 600;\n color: var(--dyna-text-light);\n margin: 0;\n}\n\n\/* === ÉTAPES === *\/\n.dyna-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.dyna-step {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-step:hover {\n transform: translateY(-6px);\n border-color: var(--dyna-primary);\n}\n\n.dyna-step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-secondary) 100%);\n color: white;\n font-size: 28px;\n font-weight: 900;\n border-radius: 50%;\n margin-bottom: 1rem;\n box-shadow: 0 4px 16px rgba(93,74,60,.2);\n}\n\n.dyna-step h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-step p {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dyna-usage-tips {\n background: var(--dyna-primary-light);\n border-left: 4px solid var(--dyna-primary);\n border-radius: var(--dyna-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.dyna-usage-tips h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.dyna-usage-tips ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.dyna-usage-tips li {\n font-size: 15px;\n color: var(--dyna-text);\n padding: .5rem 0;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.dyna-usage-tips li::before {\n content: '→';\n position: absolute;\n left: 0;\n color: var(--dyna-primary);\n font-weight: 900;\n}\n\n\/* === PROFILS === *\/\n.dyna-profile-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-profile-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-accent);\n}\n\n.dyna-profile-emoji {\n font-size: 64px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.dyna-profile-card h3 {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.dyna-profile-card p {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.dyna-warning-box {\n background: var(--dyna-white);\n border: 3px solid #FFA726;\n border-radius: var(--dyna-radius);\n padding: clamp(2rem, 4vw, 3rem);\n}\n\n.dyna-warning-box h2 {\n font-size: clamp(22px, 4vw, 28px);\n color: #E65100;\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n}\n\n.dyna-warning-box h2::after {\n background: #FFA726;\n}\n\n.dyna-warning-intro {\n font-size: 16px;\n color: var(--dyna-text);\n font-weight: 600;\n text-align: center;\n margin-bottom: 2rem;\n padding: 1rem;\n background: #FFF3E0;\n border-radius: var(--dyna-radius-sm);\n}\n\n.dyna-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-warning-item {\n background: var(--dyna-primary-light);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem;\n}\n\n.dyna-warning-item strong {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin-bottom: .75rem;\n}\n\n.dyna-warning-item ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.dyna-warning-item li {\n font-size: 14px;\n color: var(--dyna-text);\n padding: .4rem 0;\n padding-left: 1.25rem;\n position: relative;\n line-height: 1.5;\n}\n\n.dyna-warning-item li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--dyna-primary);\n font-weight: 900;\n font-size: 18px;\n}\n\n\/* === INFO GRID === *\/\n.dyna-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-info-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid var(--dyna-border);\n transition: all .3s ease;\n}\n\n.dyna-info-card:hover {\n transform: translateY(-6px);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-info-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.dyna-info-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-info-card p {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dyna-cta-box {\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-primary-dark) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dyna-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 30% 40%, white 3px, transparent 3px),\n radial-gradient(circle at 70% 60%, white 2px, transparent 2px);\n background-size: 80px 80px, 120px 120px;\n}\n\n.dyna-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.dyna-cta-emoji {\n display: block;\n font-size: 64px;\n margin-bottom: 1rem;\n animation: pulse 2s ease infinite;\n}\n\n.dyna-cta-title {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-cta-box p:last-child {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dyna-grid,\n .dyna-steps,\n .dyna-warning-grid,\n .dyna-info-grid {\n grid-template-columns: 1fr;\n }\n \n .dyna-benefits-visual {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 480px) {\n .dyna-benefits-visual {\n grid-template-columns: 1fr;\n }\n \n .dyna-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dyna-card,\n .dyna-ingredient-card,\n .dyna-step,\n .dyna-profile-card,\n .dyna-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .dyna-card:nth-child(1),\n .dyna-ingredient-card:nth-child(1),\n .dyna-step:nth-child(1),\n .dyna-profile-card:nth-child(1),\n .dyna-info-card:nth-child(1) { animation-delay: .1s; }\n \n .dyna-card:nth-child(2),\n .dyna-ingredient-card:nth-child(2),\n .dyna-step:nth-child(2),\n .dyna-profile-card:nth-child(2),\n .dyna-info-card:nth-child(2) { animation-delay: .2s; }\n \n .dyna-card:nth-child(3),\n .dyna-ingredient-card:nth-child(3),\n .dyna-step:nth-child(3),\n .dyna-profile-card:nth-child(3),\n .dyna-info-card:nth-child(3) { animation-delay: .3s; }\n \n .dyna-card:nth-child(4),\n .dyna-ingredient-card:nth-child(4),\n .dyna-step:nth-child(4),\n .dyna-profile-card:nth-child(4),\n .dyna-info-card:nth-child(4) { animation-delay: .4s; }\n \n .dyna-card:nth-child(5),\n .dyna-ingredient-card:nth-child(5),\n .dyna-profile-card:nth-child(5),\n .dyna-info-card:nth-child(5) { animation-delay: .5s; }\n \n .dyna-card:nth-child(6),\n .dyna-ingredient-card:nth-child(6),\n .dyna-profile-card:nth-child(6),\n .dyna-info-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.1);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dyna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dyna-premium {\n --dyna-primary: #3D2F25;\n --dyna-text: #000000;\n }\n}\n\u003c\/style\u003e","brand":"DYNA","offers":[{"title":"Default Title","offer_id":55695297905017,"sku":"SUPERCAFEDYNA","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-cafe-aux-champignons-dyna.jpg?v=1756971844"},{"product_id":"focus-gummies-french-mush","title":"FOCUS – gummies au Lion’s Mane de French Mush","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Focus Gummies au Lion's Mane - French Mush\nPalette détectée:\n - Primaire: #5B7A3A (vert olive\/nature des feuilles sur le packaging)\n - Secondaire: #C4652A (orange\/terre cuite des illustrations et de la couleur des gummies)\n - Accent: #8B4513 (brun ambré du flacon en verre)\n - Crème: #FAF6F0 (fond crème\/beige naturel du packaging)\nAmbiance: Naturel\/bio, champignons adaptogènes, bien-être cognitif, fabriqué en France, nomade et moderne\nPréfixe CSS: fg\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Focus Gummies au Lion's Mane French Mush : le complément alimentaire mémoire et concentration qui se glisse dans votre poche\"\n 2. \"Une formule synergique d'actifs bio pour la performance mentale\"\n 3. \"Pourquoi choisir ces Lion's Mane gummies plutôt qu'un autre complément ?\"\n 4. \"Comment prendre les gummies Focus ?\"\n 5. \"À qui s'adressent ces gummies concentration ?\"\n 6. \"Précautions et informations importantes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\u003cdiv class=\"fg-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"fg-hero\"\u003e\n\u003cdiv class=\"fg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fg-hero-content\"\u003e\n\u003cdiv class=\"fg-badges-top\"\u003e\n\u003cspan class=\"fg-badge\"\u003e🍄 Lion's Mane bio\u003c\/span\u003e \u003cspan class=\"fg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"fg-badge\"\u003e🍬 Sans sucre ajouté\u003c\/span\u003e \u003cspan class=\"fg-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fg-hero-title\"\u003eFOCUS – Gummies au Lion's Mane\u003c\/span\u003e\n\u003cp class=\"fg-subtitle\"\u003eFrench Mush · 42 gummies · Goût tutti frutti\u003c\/p\u003e\n\u003cp class=\"fg-description\"\u003eConcentration, clarté mentale et mémoire dans un format nomade. Une formule bio sans caféine, effet ressenti en 30 minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eFocus : le complément pour la mémoire \u0026amp; la concentration qui se glisse dans votre poche\u003c\/h2\u003e\n\u003cp class=\"fg-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire mémoire et concentration\u003c\/strong\u003e efficace, naturel et agréable à prendre ? Les\u003cstrong\u003e Gummies \u003cmeta charset=\"utf-8\"\u003eFocus de French Mush\u003c\/strong\u003e combinent \u003cstrong\u003eLion's Mane bio\u003c\/strong\u003e, L-théanine, vitamine C d'acérola et vitamine B6 dans un format nomade au \u003cstrong\u003egoût tutti frutti\u003c\/strong\u003e, \u003cstrong\u003esans sucre ajouté\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"fg-grid-compact\"\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n\u003cp\u003eRetrouvez un esprit vif grâce au Lion's Mane bio et à la L-théanine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🎯 Concentration\u003c\/h3\u003e\n\u003cp\u003eUn focus calme, sans nervosité ni caféine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🍭 Goût tutti frutti\u003c\/h3\u003e\n\u003cp\u003eAgréable à mâcher, sans sucre ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n\u003cp\u003ePas besoin d'eau ni de préparation, emportez-les partout\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eUne formule synergique d'actifs bio pour la performance mentale\u003c\/h2\u003e\n\u003cp class=\"fg-section-intro\"\u003eChaque portion de \u003cstrong\u003e2 gummies\u003c\/strong\u003e vous apporte des ingrédients soigneusement dosés et traçables :\u003c\/p\u003e\n\u003cdiv class=\"fg-grid\"\u003e\n\u003cdiv class=\"fg-card fg-card-ingredient\"\u003e\n\u003ch3\u003e🍄 Lion's Mane — 300 mg\u003c\/h3\u003e\n\u003cp\u003eExtrait bio 10:1 du corps fructifère (Hericium erinaceus), cultivé en Finlande et en France. Titré à environ \u003cstrong\u003e24 % de bêta-glucanes\u003c\/strong\u003e, 0,4 % d'héricénones, 2,1 % d'adénosine et 0,9 % d'ergostérol. Contribue à la \u003cstrong\u003eclarté mentale\u003c\/strong\u003e et à la \u003cstrong\u003emémoire\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card fg-card-ingredient\"\u003e\n\u003ch3\u003e🍵 L-théanine — 24 mg\u003c\/h3\u003e\n\u003cp\u003eMolécule active du thé vert, extraite et purifiée en France, \u003cstrong\u003esans résidu de caféine\u003c\/strong\u003e. Elle favorise un état de \u003cstrong\u003efocus calme\u003c\/strong\u003e, une concentration sans agitation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card fg-card-ingredient\"\u003e\n\u003ch3\u003e🍒 Vitamine C d'acérola bio — 24 mg\u003c\/h3\u003e\n\u003cp\u003eContribue à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e et soutient le bon fonctionnement du \u003cstrong\u003esystème nerveux\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card fg-card-ingredient\"\u003e\n\u003ch3\u003e⚡ Vitamine B6 — 2,8 mg\u003c\/h3\u003e\n\u003cp\u003eParticipe à la synthèse des neurotransmetteurs et au métabolisme énergétique normal. Agit en synergie avec la L-théanine pour soutenir vos \u003cstrong\u003efonctions cognitives\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-tip\"\u003e\n\u003cspan class=\"fg-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003eL'extraction aux ultrasons garantit une concentration optimale des principes actifs. Chaque lot est testé en laboratoire indépendant (microbiologie et métaux lourds).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003ePourquoi choisir ces Lion's Mane gummies plutôt qu'un autre complément ?\u003c\/h2\u003e\n\u003cp class=\"fg-section-intro\"\u003eParmi les \u003cstrong\u003ecompléments alimentaires pour la mémoire et la concentration\u003c\/strong\u003e, ces gummies se démarquent sur plusieurs points concrets :\u003c\/p\u003e\n\u003cdiv class=\"fg-grid\"\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e⏱️ Effet en ~30 minutes\u003c\/h3\u003e\n\u003cp\u003eIdéal avant une réunion, un examen ou lors du creux de l'après-midi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e☕ Zéro caféine, zéro sucre\u003c\/h3\u003e\n\u003cp\u003eRestez concentré sans pic de nervosité ni crash énergétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e✈️ Format ultra pratique\u003c\/h3\u003e\n\u003cp\u003ePas besoin d'eau ni de préparation — au bureau comme en déplacement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🌿 Bio et vegan\u003c\/h3\u003e\n\u003cp\u003eLion's Mane certifié bio, acérola bio, formulation 100 % végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité rigoureux, traçabilité complète de chaque ingrédient\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eComment prendre les gummies Focus ?\u003c\/h2\u003e\n\u003cdiv class=\"fg-timeline\"\u003e\n\u003cdiv class=\"fg-timeline-item\"\u003e\n\u003cdiv class=\"fg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-content\"\u003e\n\u003ch3\u003eMâchez lentement 2 gummies\u003c\/h3\u003e\n\u003cp\u003eLa mastication optimise l'absorption des actifs pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-item\"\u003e\n\u003cdiv class=\"fg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-content\"\u003e\n\u003ch3\u003eLe matin ou en début d'après-midi\u003c\/h3\u003e\n\u003cp\u003eProfitez pleinement de l'effet sur votre concentration aux moments clés de votre journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-item\"\u003e\n\u003cdiv class=\"fg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-content\"\u003e\n\u003ch3\u003eEn routine ou ponctuellement\u003c\/h3\u003e\n\u003cp\u003eIntégrez-les à votre routine quotidienne ou utilisez-les selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-tip\"\u003e\n\u003cspan class=\"fg-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe flacon contient \u003cstrong\u003e42 gummies\u003c\/strong\u003e, soit \u003cstrong\u003e21 jours d'utilisation\u003c\/strong\u003e — une cure de trois semaines pour évaluer les bienfaits sur votre clarté mentale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eÀ qui s'adressent ces gummies concentration ?\u003c\/h2\u003e\n\u003cdiv class=\"fg-grid\"\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n\u003cp\u003eEn période de révisions et d'examens, soutenez naturellement votre mémoire et votre capacité de concentration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n\u003cp\u003eFace à des journées intenses, gardez un esprit vif et une clarté mentale optimale sans caféine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🙋 Toute personne active\u003c\/h3\u003e\n\u003cp\u003eLe goût tutti frutti rend la prise agréable, même pour ceux qui n'aiment pas avaler des gélules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"fg-section\"\u003e\n\u003ch2\u003ePrécautions et informations importantes\u003c\/h2\u003e\n\u003cdiv class=\"fg-accordion\"\u003e\n\u003cdetails class=\"fg-accordion-item\"\u003e\n\u003csummary class=\"fg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"fg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire pour la mémoire concentration\u003c\/strong\u003e ne remplace ni un régime alimentaire varié et équilibré, ni un mode de vie sain, ni un traitement médical. Il est \u003cstrong\u003edéconseillé aux enfants, aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement sans avis médical préalable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fg-accordion-item\"\u003e\n\u003csummary class=\"fg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"fg-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité pour préserver la qualité des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"fg-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --fg-cream: #FAF6F0;\n --fg-white: #ffffff;\n --fg-primary: #5B7A3A;\n --fg-primary-dark: #3D5A1E;\n --fg-primary-light: #EEF4E6;\n --fg-secondary: #C4652A;\n --fg-accent: #8B4513;\n --fg-text: #1a1a1a;\n --fg-text-light: #5a5a5a;\n --fg-border: #e0e0e0;\n --fg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fg-radius: 20px;\n --fg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.fg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fg-hero {\n position: relative;\n background: linear-gradient(135deg, #3D5A1E 0%, #5B7A3A 40%, #C4652A 100%);\n border-radius: var(--fg-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(--fg-shadow-lg);\n}\n\n.fg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.fg-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.fg-subtitle {\n color: rgba(255,255,255,.85);\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.fg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fg-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(--fg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fg-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.fg-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(--fg-primary), var(--fg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fg-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.fg-section-intro strong {\n color: var(--fg-text);\n}\n\n\/* === CARDS === *\/\n.fg-card {\n background: var(--fg-white);\n border-radius: var(--fg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fg-shadow-lg);\n border-color: var(--fg-primary);\n}\n\n.fg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fg-card p strong {\n color: var(--fg-text);\n}\n\n\/* === CARD INGREDIENT (variante) === *\/\n.fg-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--fg-primary);\n}\n\n.fg-card-ingredient h3 {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.fg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fg-grid-compact .fg-card {\n padding: 1rem;\n}\n\n.fg-grid-compact .fg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fg-grid-compact .fg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fg-primary), var(--fg-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.fg-timeline-content {\n flex: 1;\n background: var(--fg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fg-radius-sm);\n box-shadow: var(--fg-shadow);\n}\n\n.fg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fg-timeline-content p {\n font-size: 14px;\n color: var(--fg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fg-primary-light);\n border-radius: var(--fg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fg-tip p {\n font-size: 14px;\n color: var(--fg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fg-tip p strong {\n color: var(--fg-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.fg-testimonial {\n background: var(--fg-white);\n border-radius: var(--fg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fg-shadow);\n border-left: 4px solid var(--fg-primary);\n}\n\n.fg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fg-accordion {\n background: var(--fg-white);\n border-radius: var(--fg-radius);\n box-shadow: var(--fg-shadow);\n overflow: hidden;\n}\n\n.fg-accordion-item {\n border-bottom: 1px solid var(--fg-border);\n margin: 0;\n padding: 0;\n}\n\n.fg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fg-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.fg-accordion-header:hover {\n background: var(--fg-primary-light);\n}\n\n.fg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fg-primary);\n transition: transform .2s ease;\n}\n\n.fg-accordion-item[open] .fg-accordion-header::after {\n content: '−';\n}\n\n.fg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fg-accordion-content p {\n margin: 0;\n}\n\n.fg-accordion-content strong {\n color: var(--fg-text);\n}\n\n\/* === DISCLAIMER === *\/\n.fg-disclaimer {\n font-size: 12px;\n color: var(--fg-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 .fg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fg-card {\n padding: 1.125rem;\n }\n\n .fg-section {\n margin-bottom: 1.75rem;\n }\n\n .fg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fg-radius-sm);\n }\n\n .fg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fg-grid-compact {\n gap: .625rem;\n }\n\n .fg-grid-compact .fg-card {\n padding: .75rem;\n }\n\n .fg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fg-timeline-content h3 {\n font-size: 14px;\n }\n\n .fg-timeline-content p {\n font-size: 13px;\n }\n\n .fg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fg-testimonial {\n padding: 1.25rem;\n }\n\n .fg-testimonial-text {\n font-size: 14px;\n }\n\n .fg-card-ingredient {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fg-card {\n animation: fgFadeInUp .5s ease backwards;\n }\n .fg-card:nth-child(1) { animation-delay: .05s; }\n .fg-card:nth-child(2) { animation-delay: .1s; }\n .fg-card:nth-child(3) { animation-delay: .15s; }\n .fg-card:nth-child(4) { animation-delay: .2s; }\n .fg-card:nth-child(5) { animation-delay: .25s; }\n .fg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fgFadeInUp {\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 .fg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":55721518072185,"sku":"GUMMIESFRENCHMUSH","price":21.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/focus-gummies-au-lions-mane-de-french-mush-ingredients.webp?v=1774874611"},{"product_id":"l-tyrosine-60-gelules-sfb-laboratoires","title":"L-Tyrosine – 60 gélules – SFB Laboratoires","description":"\u003cdiv class=\"lt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lt-hero\"\u003e\n \u003cdiv class=\"lt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lt-hero-content\"\u003e\n \u003cdiv class=\"lt-badges-top\"\u003e\n \u003cspan class=\"lt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"lt-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"lt-badge\"\u003e💊 500 mg \/ gélule\u003c\/span\u003e\n \u003cspan class=\"lt-badge\"\u003e🧪 Obtenue par fermentation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lt-hero-title\"\u003eL-Tyrosine 500\u003c\/span\u003e\n \u003cp class=\"lt-subtitle\"\u003eAcide aminé essentiel – SFB Laboratoires\u003c\/p\u003e\n \u003cp class=\"lt-description\"\u003eSoutenez votre concentration, votre motivation et votre résistance au stress grâce à 500 mg de L-Tyrosine pure par gélule, obtenue par fermentation naturelle. 60 gélules végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"lt-section\"\u003e\n \u003ch2\u003eL-Tyrosine : l'acide aminé essentiel pour la concentration et la vitalité mentale\u003c\/h2\u003e\n \u003cp class=\"lt-section-intro\"\u003eVous cherchez un soutien naturel pour votre concentration, votre motivation et votre résistance au stress ? La L-Tyrosine de SFB Laboratoires vous apporte 500 mg par gélule de cet acide aminé précieux, obtenu par fermentation pour une pureté optimale.\u003c\/p\u003e\n \u003cdiv class=\"lt-grid-compact\"\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n \u003cp\u003eSoutient la clarté mentale au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n \u003cp\u003eBooste votre énergie intérieure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e🌿 Fermentation\u003c\/h3\u003e\n \u003cp\u003ePureté optimale par procédé naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e💚 Végétales\u003c\/h3\u003e\n \u003cp\u003eGélules 100 % végétales en HPMC\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"lt-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits de la L-Tyrosine ?\u003c\/h2\u003e\n \u003cp class=\"lt-section-intro\"\u003eLa L-Tyrosine est un acide aminé semi-essentiel que votre organisme fabrique à partir de la phénylalanine. En période de fatigue, de stress intense ou de forte sollicitation intellectuelle, cette production naturelle peut s'avérer insuffisante. C'est là qu'une supplémentation prend tout son sens.\u003c\/p\u003e\n\n \u003ch3 class=\"lt-sub-heading\"\u003e🔬 Rôle central dans la synthèse de molécules essentielles\u003c\/h3\u003e\n \u003cdiv class=\"lt-grid\"\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e🎯 Dopamine\u003c\/h3\u003e\n \u003cp\u003eNeurotransmetteur associé à la motivation, au plaisir et à la capacité de décision\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e⚡ Noradrénaline \u0026amp; adrénaline\u003c\/h3\u003e\n \u003cp\u003eHormones impliquées dans la vigilance, la réactivité et la gestion du stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e🔥 Hormones thyroïdiennes\u003c\/h3\u003e\n \u003cp\u003eRégulent le métabolisme énergétique global de l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e🎨 Mélanine\u003c\/h3\u003e\n \u003cp\u003ePigment naturel responsable de la coloration de la peau et des cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"lt-sub-heading\"\u003e✨ Quand la L-Tyrosine fait la différence\u003c\/h3\u003e\n \u003cdiv class=\"lt-grid\"\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e📚 Examens \u0026amp; travail intense\u003c\/h3\u003e\n \u003cp\u003ePériodes demandant une forte concentration et une mémoire de travail optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e😴 Fatigue nerveuse\u003c\/h3\u003e\n \u003cp\u003eÉpisodes de baisse de motivation et d'épuisement mental prolongé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e🧘 Stress prolongé\u003c\/h3\u003e\n \u003cp\u003eMoments où la clarté mentale diminue sous la pression du quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e🦋 Soutien thyroïdien\u003c\/h3\u003e\n \u003cp\u003eBesoin de soutenir le métabolisme thyroïdien de manière naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"lt-section\"\u003e\n \u003ch2\u003eL-Tyrosine : effet au bout de combien de temps ?\u003c\/h2\u003e\n \u003cdiv class=\"lt-timeline\"\u003e\n \u003cdiv class=\"lt-timeline-item\"\u003e\n \u003cdiv class=\"lt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lt-timeline-content\"\u003e\n \u003ch3\u003ePremiers jours\u003c\/h3\u003e\n \u003cp\u003eCertains utilisateurs remarquent une amélioration de leur vigilance et de leur focus dès les premières prises\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-timeline-item\"\u003e\n \u003cdiv class=\"lt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lt-timeline-content\"\u003e\n \u003ch3\u003e1 à 2 semaines\u003c\/h3\u003e\n \u003cp\u003eLa résistance au stress s'améliore progressivement, la motivation revient plus naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-timeline-item\"\u003e\n \u003cdiv class=\"lt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lt-timeline-content\"\u003e\n \u003ch3\u003e2 à 4 semaines\u003c\/h3\u003e\n \u003cp\u003eBénéfice durable sur la gestion du stress et l'équilibre nerveux avec une prise régulière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-tip\"\u003e\n \u003cspan class=\"lt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLes premiers ressentis varient d'une personne à l'autre. Pour un bénéfice optimal, une prise régulière de deux à quatre semaines est généralement recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"lt-section\"\u003e\n \u003ch2\u003eLa L-Tyrosine présente-t-elle un danger ?\u003c\/h2\u003e\n \u003cdiv class=\"lt-testimonial\"\u003e\n \u003cp class=\"lt-testimonial-text\"\u003eAux dosages recommandés, la L-Tyrosine est considérée comme sûre et bien tolérée. Elle est naturellement présente dans de nombreux aliments comme le fromage, la volaille, le poisson ou les amandes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-tip\"\u003e\n \u003cspan class=\"lt-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eIl est toutefois conseillé d'éviter ce complément si vous prenez des médicaments pour la thyroïde ou des antidépresseurs de type IMAO. Consultez votre médecin en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"lt-section\"\u003e\n \u003ch2\u003eComposition détaillée et posologie\u003c\/h2\u003e\n \u003cdiv class=\"lt-composition-box\"\u003e\n \u003cdiv class=\"lt-composition-header\"\u003ePour 2 gélules (dose journalière recommandée)\u003c\/div\u003e\n \u003cdiv class=\"lt-composition-row\"\u003e\n \u003cspan class=\"lt-composition-label\"\u003eL-Tyrosine (obtenue par fermentation)\u003c\/span\u003e\n \u003cspan class=\"lt-composition-value\"\u003e1000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-composition-row\"\u003e\n \u003cspan class=\"lt-composition-label\"\u003eEnveloppe\u003c\/span\u003e\n \u003cspan class=\"lt-composition-value\"\u003eGélule végétale HPMC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"lt-timeline\"\u003e\n \u003cdiv class=\"lt-timeline-item\"\u003e\n \u003cdiv class=\"lt-timeline-number\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"lt-timeline-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003ePrendre 1 à 2 gélules par jour avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-timeline-item\"\u003e\n \u003cdiv class=\"lt-timeline-number\"\u003e🌅\u003c\/div\u003e\n \u003cdiv class=\"lt-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun ou en début d'après-midi, avant une période nécessitant de la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-timeline-item\"\u003e\n \u003cdiv class=\"lt-timeline-number\"\u003e🌙\u003c\/div\u003e\n \u003cdiv class=\"lt-timeline-content\"\u003e\n \u003ch3\u003eÀ éviter le soir\u003c\/h3\u003e\n \u003cp\u003eÉvitez la prise en soirée pour ne pas perturber l'endormissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-tip\"\u003e\n \u003cspan class=\"lt-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eConvient aux végétariens et aux vegans. Sans excipients controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"lt-section\"\u003e\n \u003ch2\u003eLabels et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"lt-grid-compact\"\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eGamme Nutraceutic SFB Laboratoires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e💚 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003e100 % végétales, sans gélatine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e🌿 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lt-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePilulier recyclable à déposer dans le bac de tri\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"lt-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lt-accordion\"\u003e\n \u003cdetails class=\"lt-accordion-item\"\u003e\n \u003csummary class=\"lt-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lt-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants de moins de 12 ans, aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lt-accordion-item\"\u003e\n \u003csummary class=\"lt-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"lt-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne remplace pas un traitement médical, 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=\"lt-accordion-item\"\u003e\n \u003csummary class=\"lt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lt-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"lt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lt-cta-box\"\u003e\n \u003cp\u003eAvec la \u003cstrong\u003eL-Tyrosine SFB Laboratoires\u003c\/strong\u003e, offrez à votre organisme un acide aminé pur et naturel pour retrouver \u003cstrong\u003eclarté mentale\u003c\/strong\u003e, \u003cstrong\u003eénergie intérieure\u003c\/strong\u003e et \u003cstrong\u003esérénité\u003c\/strong\u003e. Un allié précieux pour traverser les périodes exigeantes avec confiance et lucidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lt-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 --lt-cream: #faf7f2;\n --lt-white: #ffffff;\n --lt-primary: #e87a1e;\n --lt-primary-dark: #c25e0a;\n --lt-primary-light: #fef3e8;\n --lt-secondary: #2e7d32;\n --lt-accent: #f5a623;\n --lt-text: #1a1a1a;\n --lt-text-light: #5a5a5a;\n --lt-border: #e8e0d6;\n --lt-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lt-radius: 20px;\n --lt-radius-sm: 12px;\n}\n\n.lt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lt-hero {\n position: relative;\n background: linear-gradient(135deg, #e87a1e 0%, #d4680f 40%, #2e7d32 100%);\n border-radius: var(--lt-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(--lt-shadow-lg);\n}\n\n.lt-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,.1) 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,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.lt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lt-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.lt-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.lt-description {\n color: rgba(255,255,255,.85);\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.lt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lt-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(--lt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lt-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.lt-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(--lt-primary), var(--lt-secondary));\n border-radius: 2px;\n}\n\n.lt-sub-heading {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n color: var(--lt-primary-dark);\n text-align: center;\n margin: 2rem 0 1.25rem 0;\n}\n\n.lt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lt-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.lt-card {\n background: var(--lt-white);\n border-radius: var(--lt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lt-shadow-lg);\n border-color: var(--lt-primary);\n}\n\n.lt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lt-grid-compact .lt-card {\n padding: 1rem;\n}\n\n.lt-grid-compact .lt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lt-grid-compact .lt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lt-primary), var(--lt-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.lt-timeline-content {\n flex: 1;\n background: var(--lt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lt-radius-sm);\n box-shadow: var(--lt-shadow);\n}\n\n.lt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lt-timeline-content p {\n font-size: 14px;\n color: var(--lt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lt-testimonial {\n background: var(--lt-white);\n border-radius: var(--lt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lt-shadow);\n border-left: 4px solid var(--lt-primary);\n}\n\n.lt-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lt-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.lt-composition-box {\n background: var(--lt-white);\n border-radius: var(--lt-radius);\n box-shadow: var(--lt-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.lt-composition-header {\n background: linear-gradient(135deg, var(--lt-primary), var(--lt-primary-dark));\n color: white;\n padding: 1rem 1.5rem;\n font-weight: 700;\n font-size: 15px;\n text-align: center;\n}\n\n.lt-composition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.5rem;\n border-bottom: 1px solid var(--lt-border);\n}\n\n.lt-composition-row:last-child {\n border-bottom: none;\n}\n\n.lt-composition-label {\n font-size: 14px;\n color: var(--lt-text);\n font-weight: 500;\n}\n\n.lt-composition-value {\n font-size: 14px;\n color: var(--lt-primary-dark);\n font-weight: 800;\n}\n\n\/* === ACCORDÉON === *\/\n.lt-accordion {\n background: var(--lt-white);\n border-radius: var(--lt-radius);\n box-shadow: var(--lt-shadow);\n overflow: hidden;\n}\n\n.lt-accordion-item {\n border-bottom: 1px solid var(--lt-border);\n margin: 0;\n padding: 0;\n}\n\n.lt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lt-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.lt-accordion-header:hover {\n background: var(--lt-primary-light);\n}\n\n.lt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lt-primary);\n transition: transform .2s ease;\n}\n\n.lt-accordion-item[open] .lt-accordion-header::after {\n content: '−';\n}\n\n.lt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lt-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lt-primary-light);\n border-radius: var(--lt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lt-tip p {\n font-size: 14px;\n color: var(--lt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lt-cta-box {\n background: linear-gradient(135deg, var(--lt-primary) 0%, var(--lt-primary-dark) 100%);\n border-radius: var(--lt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lt-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.lt-cta-box p strong {\n color: white;\n}\n\n\/* === DISCLAIMER === *\/\n.lt-disclaimer {\n font-size: 12px;\n color: var(--lt-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 .lt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lt-card {\n padding: 1.125rem;\n }\n\n .lt-section {\n margin-bottom: 1.75rem;\n }\n\n .lt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lt-radius-sm);\n }\n\n .lt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lt-grid-compact {\n gap: .625rem;\n }\n\n .lt-grid-compact .lt-card {\n padding: .75rem;\n }\n\n .lt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lt-timeline-content h3 {\n font-size: 14px;\n }\n\n .lt-timeline-content p {\n font-size: 13px;\n }\n\n .lt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lt-testimonial {\n padding: 1.25rem;\n }\n\n .lt-testimonial-text {\n font-size: 14px;\n }\n\n .lt-composition-row {\n flex-direction: column;\n gap: .25rem;\n align-items: flex-start;\n padding: .75rem 1rem;\n }\n\n .lt-composition-value {\n font-size: 13px;\n }\n\n .lt-sub-heading {\n font-size: 16px;\n margin: 1.5rem 0 1rem 0;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lt-card {\n animation: ltFadeInUp .5s ease backwards;\n }\n .lt-card:nth-child(1) { animation-delay: .05s; }\n .lt-card:nth-child(2) { animation-delay: .1s; }\n .lt-card:nth-child(3) { animation-delay: .15s; }\n .lt-card:nth-child(4) { animation-delay: .2s; }\n .lt-card:nth-child(5) { animation-delay: .25s; }\n .lt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ltFadeInUp {\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 .lt-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":55921239622009,"sku":"SF0125","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/l-tyrosine-60-gelules-sfb-laboratoires-packshothd.webp?v=1776251409"},{"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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Huiledepoisson120capsules.webp?v=1765286753"},{"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":9.59,"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":"caco-boost-super-cafe-aux-champignons-adaptogenes-french-mush","title":"Cacao Boost – Super Café aux champignons adaptogènes - 100g - French Mush","description":"\u003cdiv class=\"cb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"cb-hero\"\u003e\n\u003cdiv class=\"cb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-hero-content\"\u003e\n\u003cdiv class=\"cb-badges-top\"\u003e\n\u003cspan class=\"cb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🌱 100% Bio\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🏆 Primé Pharma 2025\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cb-hero-title\"\u003eCacao Boost French Mush\u003c\/span\u003e\n\u003cp class=\"cb-subtitle\"\u003eSuper café aux champignons adaptogènes\u003c\/p\u003e\n\u003cp class=\"cb-description\"\u003eL'énergie du café sans les inconvénients. 5 champignons bio, saveur cacao gourmande, clarté mentale durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eCacao Boost French Mush : la boisson aux champignons adaptogènes qui révolutionne vos matins\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eVous cherchez une alternative au café qui vous donne de l'énergie sans les inconvénients ? Le \u003cstrong\u003eCacao Boost de French Mush\u003c\/strong\u003e combine le plaisir gourmand du cacao avec la puissance de cinq champignons fonctionnels soigneusement sélectionnés.\u003c\/p\u003e\n\u003cdiv class=\"cb-grid-compact\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e⚡ Énergie stable\u003c\/h3\u003e\n\u003cp\u003eFini la nervosité et le crash de l'après-midi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n\u003cp\u003eConcentration optimale toute la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍫 Saveur cacao\u003c\/h3\u003e\n\u003cp\u003eUn goût gourmand que vous adorerez\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌿 5 champignons\u003c\/h3\u003e\n\u003cp\u003eSynergie adaptogène certifiée bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003ePourquoi choisir une boisson aux champignons adaptogènes plutôt que le café ?\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eLe café classique, vous connaissez : ce coup de boost immédiat suivi d'une chute d'énergie. Le Cacao Boost propose une approche radicalement différente.\u003c\/p\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e📈 Énergie progressive\u003c\/h3\u003e\n\u003cp\u003eLes champignons adaptogènes agissent en douceur, sans pic brutal ni redescente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🫶 Zéro acidité\u003c\/h3\u003e\n\u003cp\u003eIdéal si vous avez l'estomac sensible ou souffrez de reflux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e💨 Zéro ballonnement\u003c\/h3\u003e\n\u003cp\u003eUne formule douce pour votre système digestif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e☕ Moins de caféine\u003c\/h3\u003e\n\u003cp\u003eRéveil en douceur sans surcharger votre système nerveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🎯 Concentration boostée\u003c\/h3\u003e\n\u003cp\u003eGrâce au Lion's Mane, reconnu pour ses effets cognitifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌙 Pas de crash\u003c\/h3\u003e\n\u003cp\u003eUne énergie qui vous accompagne jusqu'au soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eUne synergie de 5 champignons adaptogènes bio\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eCe qui distingue le Cacao Boost : une formule complète associant \u003cstrong\u003ecinq champignons fonctionnels bio\u003c\/strong\u003e, tous titrés en bêta-glucanes.\u003c\/p\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card cb-card-featured\"\u003e\n\u003ch3\u003e🦁 Lion's Mane – 200 mg\u003c\/h3\u003e\n\u003cp\u003eLe \"champignon de la mémoire\", titré à \u003cstrong\u003e24% de bêta-glucanes\u003c\/strong\u003e. Élu \u003cstrong\u003eMeilleur Produit Pharma 2025\u003c\/strong\u003e. Effets prouvés sur concentration et clarté mentale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🏔️ Cordyceps – 200 mg\u003c\/h3\u003e\n\u003cp\u003eUtilisé par les athlètes tibétains. Titré à \u003cstrong\u003e15% de bêta-glucanes\u003c\/strong\u003e. Action sur l'énergie et l'endurance naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e💃 Maïtaké – 100 mg\u003c\/h3\u003e\n\u003cp\u003eLe \"champignon dansant\" japonais. Titré à \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e. Soutien du métabolisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍄 Pleurote – 100 mg\u003c\/h3\u003e\n\u003cp\u003eAu-delà de sa saveur, des propriétés bien-être reconnues. Titré à \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e💎 Chaga – 80 mg\u003c\/h3\u003e\n\u003cp\u003eLe \"diamant noir de la forêt\" des bouleaux nordiques. Titré à \u003cstrong\u003e9% de bêta-glucanes\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eUne saveur gourmande qui change tout\u003c\/h2\u003e\n\u003cdiv class=\"cb-testimonial\"\u003e\n\u003cp class=\"cb-testimonial-text\"\u003e\"Soyons honnêtes : beaucoup de boissons aux champignons ont un goût... disons, particulier. Le Cacao Boost a été formulé pour offrir une expérience gustative réellement agréable, avec des \u003cstrong\u003enotes de cacao et de chicorée torréfiée\u003c\/strong\u003e qui rappellent un chocolat chaud réconfortant. C'est une boisson que vous aurez \u003cstrong\u003evraiment envie de boire\u003c\/strong\u003e chaque matin, pas un complément que vous avalez en grimaçant.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComment préparer votre Cacao Boost ?\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eLa préparation est simple et rapide, parfaite pour les matins pressés.\u003c\/p\u003e\n\u003cdiv class=\"cb-timeline\"\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e1 dose de 5g\u003c\/strong\u003e (environ 2 cuillères à café) dans une tasse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003eVersez\u003c\/h3\u003e\n\u003cp\u003eAjoutez votre boisson chaude préférée : eau, lait végétal (avoine, amande, coco...)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003eTempérature\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eImportant\u003c\/strong\u003e : ne pas dépasser 70°C pour préserver les principes actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003eDégustez\u003c\/h3\u003e\n\u003cp\u003eMélangez bien et savourez votre moment boost !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-tip\"\u003e\n\u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil\u003c\/strong\u003e : privilégiez une consommation le matin ou en début d'après-midi. Les champignons adaptogènes agissent progressivement – une utilisation régulière donne les meilleurs résultats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComposition complète par dose de 5g\u003c\/h2\u003e\n\u003cdiv class=\"cb-grid-compact\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🦁 Lion's Mane bio\u003c\/h3\u003e\n\u003cp\u003e200 mg – 24% bêta-glucanes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🏔️ Cordyceps bio\u003c\/h3\u003e\n\u003cp\u003e200 mg – 15% bêta-glucanes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e💃 Maïtaké bio\u003c\/h3\u003e\n\u003cp\u003e100 mg – 20% bêta-glucanes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍄 Pleurote bio\u003c\/h3\u003e\n\u003cp\u003e100 mg – 20% bêta-glucanes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e💎 Chaga bio\u003c\/h3\u003e\n\u003cp\u003e80 mg – 9% bêta-glucanes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍫 Base gourmande\u003c\/h3\u003e\n\u003cp\u003eCacao, chicorée torréfiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eLes garanties French Mush\u003c\/h2\u003e\n\u003cdiv class=\"cb-grid-compact\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌱 100% Bio\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eTraçabilité irréprochable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌿 100% Végétal\u003c\/h3\u003e\n\u003cp\u003eVégétariens \u0026amp; végans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🚫 Sans sucre ajouté\u003c\/h3\u003e\n\u003cp\u003eFormule clean\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003ePour les intolérants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🥛 Sans lactose\u003c\/h3\u003e\n\u003cp\u003eDigestion facile\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e✨ Sans additifs\u003c\/h3\u003e\n\u003cp\u003eRien que l'essentiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🔬 Testés cliniquement\u003c\/h3\u003e\n\u003cp\u003eEfficacité évaluée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eVos interrogation sur le café aux champignons adaptogènes\u003c\/h2\u003e\n\u003cdiv class=\"cb-accordion\"\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e☕ Le Cacao Boost contient-il de la caféine ?\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content\"\u003e\n\u003cp\u003eLa boisson contient naturellement moins de caféine qu'un café traditionnel grâce à sa base de cacao et de chicorée. Vous bénéficiez d'un effet énergisant sans les effets secondaires désagréables du café.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content\"\u003e\n\u003cp\u003eLes champignons adaptogènes agissent progressivement. Certaines personnes ressentent des effets dès les premiers jours, mais c'est généralement après 2 à 3 semaines d'utilisation régulière que les bienfaits sont les plus perceptibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e📅 Peut-on le consommer tous les jours ?\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content\"\u003e\n\u003cp\u003eOui, une consommation quotidienne est même recommandée pour profiter pleinement des propriétés des champignons adaptogènes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e🤰 Convient-il aux femmes enceintes ?\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content\"\u003e\n\u003cp\u003eNon, le Cacao Boost est \u003cstrong\u003edéconseillé pendant la grossesse et l'allaitement\u003c\/strong\u003e. En cas de doute ou de traitement médical en cours, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cb-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse le Cacao Boost ?\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eCette boisson aux champignons adaptogènes est particulièrement adaptée si vous :\u003c\/p\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e☕ Réduire le café\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez diminuer votre consommation sans renoncer à l'énergie matinale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🎯 Mieux se concentrer\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une meilleure concentration pour le travail ou les études\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🫶 Estomac sensible\u003c\/h3\u003e\n\u003cp\u003eVous ne supportez plus l'acidité du café traditionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍄 Découvrir les champignons\u003c\/h3\u003e\n\u003cp\u003eVous voulez tester les bienfaits des champignons fonctionnels de façon gourmande\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌿 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eVous cherchez une option bio aux boissons énergisantes industrielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-cta-box\"\u003e\n\u003cp\u003e🍫 Découvrez l'énergie naturelle du Cacao Boost\u003cbr\u003e5 champignons adaptogènes bio • Saveur gourmande • Fabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cb-disclaimer\"\u003e\u003cstrong\u003eRappel important\u003c\/strong\u003e : le Cacao Boost est un complément alimentaire. Il 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. Conservez hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cb-cream: #F5EDE6;\n --cb-white: #ffffff;\n --cb-primary: #8B5A3C;\n --cb-primary-dark: #5C3A28;\n --cb-primary-light: #F3E8E0;\n --cb-secondary: #D4956A;\n --cb-accent: #2D5A3D;\n\n \/* Textes *\/\n --cb-text: #1a1a1a;\n --cb-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cb-border: #e0d5cc;\n --cb-shadow: 0 4px 24px rgba(92, 58, 40, .08);\n --cb-shadow-lg: 0 12px 48px rgba(92, 58, 40, .15);\n --cb-radius: 20px;\n --cb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A28 0%, #8B5A3C 50%, #D4956A 100%);\n border-radius: var(--cb-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(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm-20 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.cb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cb-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.cb-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.cb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.cb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cb-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(--cb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cb-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.cb-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(--cb-primary), var(--cb-secondary));\n border-radius: 2px;\n}\n\n.cb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-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.cb-section-intro strong {\n color: var(--cb-primary-dark);\n}\n\n\/* === CARDS === *\/\n.cb-card {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cb-shadow-lg);\n border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cb-card p strong {\n color: var(--cb-primary);\n}\n\n.cb-card-featured {\n border-color: var(--cb-secondary);\n background: linear-gradient(135deg, var(--cb-white) 0%, var(--cb-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cb-primary), var(--cb-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.cb-timeline-content {\n flex: 1;\n background: var(--cb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cb-radius-sm);\n box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n font-size: 14px;\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cb-timeline-content p strong {\n color: var(--cb-primary);\n}\n\n\/* === TESTIMONIAL === *\/\n.cb-testimonial {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cb-shadow);\n border-left: 4px solid var(--cb-secondary);\n}\n\n.cb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cb-testimonial-text strong {\n color: var(--cb-primary-dark);\n font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n box-shadow: var(--cb-shadow);\n overflow: hidden;\n}\n\n.cb-accordion-item {\n border-bottom: 1px solid var(--cb-border);\n margin: 0;\n padding: 0;\n}\n\n.cb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cb-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.cb-accordion-header:hover {\n background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cb-primary);\n transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n content: '−';\n}\n\n.cb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cb-accordion-content p {\n margin: 0;\n}\n\n.cb-accordion-content strong {\n color: var(--cb-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.cb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cb-primary-light);\n border-radius: var(--cb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb-tip p {\n font-size: 14px;\n color: var(--cb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cb-tip strong {\n color: var(--cb-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.cb-cta-box {\n background: linear-gradient(135deg, var(--cb-primary) 0%, var(--cb-primary-dark) 100%);\n border-radius: var(--cb-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.cb-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.cb-disclaimer {\n font-size: 12px;\n color: var(--cb-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n.cb-disclaimer strong {\n color: var(--cb-text);\n font-style: normal;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cb-card {\n padding: 1.125rem;\n }\n \n .cb-section {\n margin-bottom: 1.75rem;\n }\n \n .cb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cb-radius-sm);\n }\n \n .cb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n \/* Grille compacte : 2 colonnes serrées *\/\n .cb-grid-compact {\n gap: .625rem;\n }\n \n .cb-grid-compact .cb-card {\n padding: .75rem;\n }\n \n \/* Timeline mobile *\/\n .cb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .cb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .cb-timeline-content h3 {\n font-size: 14px;\n }\n \n .cb-timeline-content p {\n font-size: 13px;\n }\n \n \/* Accordéon mobile *\/\n .cb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n \/* Testimonial mobile *\/\n .cb-testimonial {\n padding: 1.25rem;\n }\n \n .cb-testimonial-text {\n font-size: 14px;\n }\n \n \/* Tip mobile *\/\n .cb-tip {\n padding: .875rem 1rem;\n }\n \n .cb-tip-icon {\n font-size: 20px;\n }\n \n .cb-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cb-card:nth-child(1) { animation-delay: .05s; }\n .cb-card:nth-child(2) { animation-delay: .1s; }\n .cb-card:nth-child(3) { animation-delay: .15s; }\n .cb-card:nth-child(4) { animation-delay: .2s; }\n .cb-card:nth-child(5) { animation-delay: .25s; }\n .cb-card:nth-child(6) { animation-delay: .3s; }\n .cb-card:nth-child(7) { animation-delay: .35s; }\n .cb-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":56574579540345,"sku":"NBAIFRM0015","price":29.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cacao-boost-super-cafe-aux-champignons-adaptogenes-100g-fren-packshothd_83e784d2-9960-4318-9e26-8b85c0630b3c.webp?v=1787480690"},{"product_id":"gingko-bio-90-gelules-superdiet","title":"Gingko Biloba Bio - 90 gélules - Superdiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ginkgo Biloba Bio - 90 gélules - Superdiet\nPalette détectée:\n - Primaire: #C41E3A (rouge Superdiet, bouchon + bandeau)\n - Secondaire: #5A8C32 (vert feuille ginkgo)\n - Accent: #7CB342 (vert clair feuille ginkgo)\n - Fond ambre: #8B5E3C (flacon ambre)\nAmbiance: Naturel\/Bio, santé, circulation, sérieux mais accessible, fabrication française\nPréfixe CSS: gk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Ginkgo Biloba Bio Superdiet : un allié naturel pour votre circulation et vos fonctions cognitives\"\n 2. \"Le ginkgo biloba : un arbre millénaire aux bienfaits reconnus\"\n 3. \"Des bienfaits concrets pour votre quotidien\"\n 4. \"Composition détaillée et ingrédients\"\n 5. \"Conseils d'utilisation et posologie\"\n 6. \"Précautions d'emploi\"\n 7. \"Pourquoi choisir le Ginkgo Biloba Bio Superdiet ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gk-hero\"\u003e\n \u003cdiv class=\"gk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gk-hero-content\"\u003e\n \u003cdiv class=\"gk-badges-top\"\u003e\n \u003cspan class=\"gk-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"gk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"gk-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"gk-badge\"\u003e💊 90 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gk-hero-title\"\u003eGinkgo Biloba Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"gk-subtitle\"\u003eL'arbre millénaire au service de votre circulation et de votre vivacité\u003c\/p\u003e\n \u003cp class=\"gk-description\"\u003e1200 mg d'équivalent plante sèche par jour · Formule clean sans additif · Flacon recyclé \u0026amp; recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gk-section\"\u003e\n \u003ch2\u003eGinkgo Biloba Bio Superdiet : un allié naturel pour votre circulation et vos fonctions cognitives\u003c\/h2\u003e\n \u003cp class=\"gk-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour \u003cstrong\u003esoutenir votre circulation sanguine\u003c\/strong\u003e et stimuler vos capacités intellectuelles ?\u003c\/p\u003e\n \u003cdiv class=\"gk-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eGinkgo Biloba Bio de Superdiet\u003c\/strong\u003e concentre les bienfaits de l'un des arbres les plus anciens de la planète dans un format pratique de 90 gélules végétales. Certifié bio et fabriqué en France, ce complément vous accompagne au quotidien avec un dosage généreux de \u003cstrong\u003e1200 mg d'équivalent plante sèche par jour\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gk-section\"\u003e\n \u003ch2\u003eLe ginkgo biloba : un arbre millénaire aux bienfaits reconnus\u003c\/h2\u003e\n \u003cdiv class=\"gk-two-col\"\u003e\n \u003cdiv class=\"gk-col-text\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eginkgo biloba\u003c\/strong\u003e, souvent surnommé « arbre aux quarante écus », est considéré comme l'une des plus anciennes espèces d'arbres vivants sur Terre. Utilisé depuis des siècles dans la médecine traditionnelle, cet \u003cstrong\u003earbre ginkgo biloba\u003c\/strong\u003e est aujourd'hui largement étudié et apprécié pour ses propriétés sur la circulation et les fonctions cognitives.\u003c\/p\u003e\n \u003cp\u003eLes \u003cstrong\u003ebienfaits du ginkgo biloba\u003c\/strong\u003e sont principalement liés aux flavonoïdes et aux terpénoïdes présents dans ses feuilles en forme d'éventail. Ces composés contribuent à maintenir une \u003cstrong\u003ebonne circulation générale et une microcirculation saine\u003c\/strong\u003e, ce qui en fait un choix particulièrement pertinent pour les personnes qui ressentent des inconforts liés à une circulation paresseuse, notamment au niveau des jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-col-facts\"\u003e\n \u003cdiv class=\"gk-fact-card\"\u003e\n \u003cspan class=\"gk-fact-number\"\u003e270\u003c\/span\u003e\n \u003cspan class=\"gk-fact-label\"\u003emillions d'années d'existence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-fact-card\"\u003e\n \u003cspan class=\"gk-fact-number\"\u003e2\u003c\/span\u003e\n \u003cspan class=\"gk-fact-label\"\u003efamilles d'actifs : flavonoïdes \u0026amp; terpénoïdes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-fact-card\"\u003e\n \u003cspan class=\"gk-fact-number\"\u003e1200\u003c\/span\u003e\n \u003cspan class=\"gk-fact-label\"\u003emg d'équivalent plante sèche \/ jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gk-section\"\u003e\n \u003ch2\u003eDes bienfaits concrets pour votre quotidien\u003c\/h2\u003e\n \u003cp class=\"gk-section-intro\"\u003eQue vous soyez étudiant en période d'examens, actif débordé ou senior soucieux de maintenir votre vivacité d'esprit, les bienfaits du ginkgo biloba s'intègrent naturellement dans votre routine bien-être.\u003c\/p\u003e\n \u003cdiv class=\"gk-grid\"\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e🩸 Circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eLe ginkgo biloba contribue à une bonne circulation générale et à une microcirculation optimale, pour un confort au quotidien, notamment au niveau des jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e🧠 Performances intellectuelles\u003c\/h3\u003e\n \u003cp\u003eReconnu pour participer à l'activité intellectuelle et soutenir la concentration, il vous aide à rester performant toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e📚 Mémorisation\u003c\/h3\u003e\n \u003cp\u003eLe ginkgo biloba aide à faciliter la mémorisation, un atout précieux en période de travail intense ou avec l'avancée en âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gk-section\"\u003e\n \u003ch2\u003eComposition détaillée et ingrédients\u003c\/h2\u003e\n \u003cp class=\"gk-section-intro\"\u003eUne formule volontairement simple et transparente, sans additif superflu, sans ingrédient d'origine animale.\u003c\/p\u003e\n \u003cdiv class=\"gk-grid\"\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e🍃 Extrait de ginkgo biloba bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1200 mg\u003c\/strong\u003e d'équivalent plante sèche pour 6 gélules. Extrait concentré de feuille de ginkgo biloba issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e🌾 Amidon de riz bio\u003c\/h3\u003e\n \u003cp\u003eExcipient naturel et biologique, utilisé pour garantir la bonne répartition des actifs dans chaque gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eEnveloppe en hydroxypropylméthylcellulose, 100 % végétale et adaptée aux régimes vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e🌳 Gomme d'acacia bio\u003c\/h3\u003e\n \u003cp\u003eAgent de charge d'origine naturelle et biologique, pour une formule clean et respectueuse de vos exigences.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-tip\"\u003e\n \u003cspan class=\"gk-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e100 % vegan\u003c\/strong\u003e et \u003cstrong\u003ecertifié Agriculture Biologique\u003c\/strong\u003e. Pas d'additif superflu, pas d'ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 \u0026 #6 regroupés dans leurs sections mais chacun avec leur propre H2 --\u003e\n \u003csection class=\"gk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"gk-timeline\"\u003e\n \u003cdiv class=\"gk-timeline-item\"\u003e\n \u003cdiv class=\"gk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gk-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e6 gélules par jour\u003c\/strong\u003e, de préférence le matin pendant le repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-timeline-item\"\u003e\n \u003cdiv class=\"gk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gk-timeline-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eAvalez les gélules avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e, au cours du petit-déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-timeline-item\"\u003e\n \u003cdiv class=\"gk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gk-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 90 gélules correspond à une cure de \u003cstrong\u003e15 jours\u003c\/strong\u003e. Vous pouvez renouveler la cure selon vos besoins.\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=\"gk-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gk-accordion\"\u003e\n \u003cdetails class=\"gk-accordion-item\"\u003e\n \u003csummary class=\"gk-accordion-header\"\u003e👤 Pour qui est destiné ce complément ?\u003c\/summary\u003e\n \u003cdiv class=\"gk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire est destiné aux \u003cstrong\u003eadultes et adolescents de plus de 12 ans\u003c\/strong\u003e. Il est déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gk-accordion-item\"\u003e\n \u003csummary class=\"gk-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"gk-accordion-content mt-3\"\u003e\n \u003cp\u003eSi vous prenez des \u003cstrong\u003eanticoagulants ou des agents antiplaquettaires\u003c\/strong\u003e, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gk-accordion-item\"\u003e\n \u003csummary class=\"gk-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n \u003cdiv class=\"gk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit \u003cstrong\u003ene se substitue pas à un traitement médical\u003c\/strong\u003e ni à une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée.\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=\"gk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Ginkgo Biloba Bio Superdiet ?\u003c\/h2\u003e\n \u003cdiv class=\"gk-grid-compact\"\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans les ateliers Superdiet des Hauts-de-France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio \u0026amp; vegan\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique certifiée, formule 100 % végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e💪 Dosage concentré\u003c\/h3\u003e\n \u003cp\u003e1200 mg d'équivalent plante sèche par dose journalière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon en matière recyclée et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e🧪 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans additif inutile, transparence totale sur les ingrédients\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-card\"\u003e\n \u003ch3\u003e🌍 Engagement naturel\u003c\/h3\u003e\n \u003cp\u003eRespectueux de votre santé et de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gk-cta-box\"\u003e\n \u003cp\u003e🍃 Optez pour le \u003cstrong\u003eGinkgo Biloba Bio Superdiet\u003c\/strong\u003e : une solution simple et naturelle pour prendre soin de votre circulation et de votre vivacité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gk-disclaimer\"\u003eLes compléments alimentaires ne se substituent 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 \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gk-cream: #faf7f2;\n --gk-white: #ffffff;\n --gk-primary: #C41E3A;\n --gk-primary-dark: #9B1629;\n --gk-primary-light: #fdf0f2;\n --gk-secondary: #5A8C32;\n --gk-secondary-light: #f0f7e8;\n --gk-accent: #7CB342;\n --gk-text: #1a1a1a;\n --gk-text-light: #5a5a5a;\n --gk-border: #e8e2d9;\n --gk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gk-radius: 20px;\n --gk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gk-primary-dark) 0%, var(--gk-primary) 40%, #d4543e 70%, var(--gk-secondary) 100%);\n border-radius: var(--gk-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(--gk-shadow-lg);\n}\n\n.gk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse 120px 120px at 15% 20%, rgba(255,255,255,.08) 0%, transparent 70%),\n radial-gradient(ellipse 80px 80px at 85% 75%, rgba(255,255,255,.06) 0%, transparent 70%),\n radial-gradient(ellipse 60px 100px at 50% 10%, rgba(124,179,66,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gk-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.gk-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.gk-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.gk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gk-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(--gk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gk-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.gk-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(--gk-primary), var(--gk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gk-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\/* === HIGHLIGHT BOX === *\/\n.gk-highlight-box {\n background: var(--gk-white);\n border-radius: var(--gk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gk-shadow);\n border-left: 5px solid var(--gk-secondary);\n max-width: 750px;\n margin: 0 auto;\n}\n\n.gk-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gk-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TWO COLUMNS (texte + faits) === *\/\n.gk-two-col {\n display: grid;\n grid-template-columns: 1.4fr 1fr;\n gap: 2rem;\n align-items: start;\n}\n\n.gk-col-text p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gk-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.gk-col-text p:last-child {\n margin-bottom: 0;\n}\n\n.gk-col-facts {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gk-fact-card {\n background: var(--gk-white);\n border-radius: var(--gk-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--gk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.gk-fact-card:hover {\n border-color: var(--gk-secondary);\n transform: translateY(-3px);\n box-shadow: var(--gk-shadow-lg);\n}\n\n.gk-fact-number {\n display: block;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--gk-primary);\n letter-spacing: -.03em;\n line-height: 1.1;\n}\n\n.gk-fact-label {\n display: block;\n font-size: 13px;\n color: var(--gk-text-light);\n margin-top: 4px;\n line-height: 1.4;\n}\n\n\/* === CARDS === *\/\n.gk-card {\n background: var(--gk-white);\n border-radius: var(--gk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gk-shadow-lg);\n border-color: var(--gk-primary);\n}\n\n.gk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gk-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.gk-grid-compact .gk-card {\n padding: 1.25rem;\n}\n\n.gk-grid-compact .gk-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.gk-grid-compact .gk-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.gk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.gk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gk-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--gk-primary), var(--gk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(196,30,58,.25);\n}\n\n.gk-timeline-content {\n flex: 1;\n background: var(--gk-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--gk-radius-sm);\n box-shadow: var(--gk-shadow);\n}\n\n.gk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gk-timeline-content p {\n font-size: 14px;\n color: var(--gk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gk-accordion {\n background: var(--gk-white);\n border-radius: var(--gk-radius);\n box-shadow: var(--gk-shadow);\n overflow: hidden;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.gk-accordion-item {\n border-bottom: 1px solid var(--gk-border);\n margin: 0;\n padding: 0;\n}\n\n.gk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gk-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.gk-accordion-header:hover {\n background: var(--gk-primary-light);\n}\n\n.gk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gk-primary);\n transition: transform .2s ease;\n}\n\n.gk-accordion-item[open] .gk-accordion-header::after {\n content: '−';\n}\n\n.gk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gk-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gk-secondary-light);\n border-radius: var(--gk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gk-tip p {\n font-size: 14px;\n color: var(--gk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gk-cta-box {\n background: linear-gradient(135deg, var(--gk-secondary) 0%, #3d6b1a 100%);\n border-radius: var(--gk-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.gk-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.gk-disclaimer {\n font-size: 12px;\n color: var(--gk-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 .gk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gk-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .gk-grid-compact .gk-card {\n padding: .75rem;\n }\n\n .gk-grid-compact .gk-card h3 {\n font-size: 14px;\n }\n\n .gk-grid-compact .gk-card p {\n font-size: 12px;\n }\n\n .gk-two-col {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .gk-card {\n padding: 1.125rem;\n }\n\n .gk-section {\n margin-bottom: 1.75rem;\n }\n\n .gk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gk-radius-sm);\n }\n\n .gk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gk-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n\n .gk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gk-timeline-content h3 {\n font-size: 14px;\n }\n\n .gk-timeline-content p {\n font-size: 13px;\n }\n\n .gk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gk-highlight-box {\n padding: 1.25rem;\n }\n\n .gk-fact-card {\n padding: 1rem;\n }\n\n .gk-fact-number {\n font-size: 28px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gk-card {\n animation: gkFadeInUp .5s ease backwards;\n }\n .gk-card:nth-child(1) { animation-delay: .05s; }\n .gk-card:nth-child(2) { animation-delay: .1s; }\n .gk-card:nth-child(3) { animation-delay: .15s; }\n .gk-card:nth-child(4) { animation-delay: .2s; }\n .gk-card:nth-child(5) { animation-delay: .25s; }\n .gk-card:nth-child(6) { animation-delay: .3s; }\n\n .gk-fact-card {\n animation: gkFadeInUp .5s ease backwards;\n }\n .gk-fact-card:nth-child(1) { animation-delay: .1s; }\n .gk-fact-card:nth-child(2) { animation-delay: .2s; }\n .gk-fact-card:nth-child(3) { animation-delay: .3s; }\n\n .gk-timeline-item {\n animation: gkFadeInUp .5s ease backwards;\n }\n .gk-timeline-item:nth-child(1) { animation-delay: .05s; }\n .gk-timeline-item:nth-child(2) { animation-delay: .15s; }\n .gk-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes gkFadeInUp {\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 .gk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":56704424444281,"sku":"NBAISUP0055","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginkgo-biloba-90gelules_superdiet_11zon.jpg?v=1771694695"},{"product_id":"brainstoorm-super-cafe-aux-champignons-adaptogenes-56g-mush-n-go","title":"Brainstoorm : Super Café aux champignons adaptogènes - 56g - Mush N Go","description":"\u003cdiv class=\"bs-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bs-hero\"\u003e\n\u003cdiv class=\"bs-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bs-hero-content\"\u003e\n\u003cdiv class=\"bs-badges-top\"\u003e\n\u003cspan class=\"bs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"bs-badge\"\u003e🍄 3 champignons adaptogènes\u003c\/span\u003e \u003cspan class=\"bs-badge\"\u003e🍫 Saveur chocolat-noisette\u003c\/span\u003e \u003cspan class=\"bs-badge\"\u003e⚡ 56g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bs-hero-title\"\u003eBrainstoorm - Super Café aux champignons adaptogènes\u003c\/span\u003e\n\u003cp class=\"bs-subtitle\"\u003eMush N Go\u003c\/p\u003e\n\u003cp class=\"bs-description\"\u003eConcentration, énergie durable et clarté mentale dans chaque tasse. Très peu de caféine pour zéro crash, zéro nervosité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"bs-section\"\u003e\n\u003ch2\u003eBrainstoorm de Mush N Go : le super café aux champignons adaptogènes qui booste votre concentration\u003c\/h2\u003e\n\u003cp class=\"bs-section-intro\"\u003eVous cherchez une alternative au café classique qui vous apporte de l'énergie sans palpitations ni coup de fatigue à 14 h ?\u003c\/p\u003e\n\u003cdiv class=\"bs-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eBrainstoorm de Mush N Go\u003c\/strong\u003e est un \u003cstrong\u003ecafé aux champignons adaptogènes\u003c\/strong\u003e formulé pour soutenir votre concentration, votre productivité et votre clarté mentale, le tout avec une saveur gourmande chocolat-noisette. Fabriqué en France, vegan, sans gluten et sans sucre ajouté, il combine trois champignons puissants à des plantes reconnues pour vous accompagner au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"bs-section\"\u003e\n\u003ch2\u003ePourquoi choisir un café aux champignons adaptogènes ?\u003c\/h2\u003e\n\u003cdiv class=\"bs-vs-container\"\u003e\n\u003cdiv class=\"bs-vs-card bs-vs-good\"\u003e\n\u003ch3\u003e☕ Super Café Brainstoorm\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e✅ Énergie constante et progressive\u003c\/li\u003e\n\u003cli\u003e✅ Concentration accrue\u003c\/li\u003e\n\u003cli\u003e✅ Clarté mentale\u003c\/li\u003e\n\u003cli\u003e✅ Digestion facile, zéro acidité\u003c\/li\u003e\n\u003cli\u003e✅ Non addictif\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-vs-divider\"\u003e\u003cspan\u003eVS\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"bs-vs-card bs-vs-bad\"\u003e\n\u003ch3\u003e☕ Café classique\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e❌ Crash d'énergie\u003c\/li\u003e\n\u003cli\u003e❌ Anxiété, nervosité\u003c\/li\u003e\n\u003cli\u003e❌ Ballonnements, acidité\u003c\/li\u003e\n\u003cli\u003e❌ Troubles du sommeil\u003c\/li\u003e\n\u003cli\u003e❌ Addictif\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-tip\"\u003e\n\u003cspan class=\"bs-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe Brainstoorm contient seulement \u003cstrong\u003e20 à 35 mg de caféine microencapsulée\u003c\/strong\u003e par tasse, soit bien moins qu'un expresso classique (~80 mg). Vous restez alerte sans nervosité, sans acidité gastrique et sans perturbation du sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"bs-section\"\u003e\n\u003ch2\u003eComposition détaillée par portion de 8 g\u003c\/h2\u003e\n\u003cp class=\"bs-section-intro\"\u003eChaque dose associe \u003cstrong\u003etrois champignons adaptogènes\u003c\/strong\u003e à des plantes et nutriments soigneusement dosés :\u003c\/p\u003e\n\u003cdiv class=\"bs-grid\"\u003e\n\u003cdiv class=\"bs-card bs-card-mushroom\"\u003e\n\u003ch3\u003e🦁 Lion's Mane\u003c\/h3\u003e\n\u003cp class=\"bs-dosage\"\u003e1000 à 1250 mg\u003c\/p\u003e\n\u003cp\u003eChampignon reconnu pour ses bienfaits sur la mémoire et la concentration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card bs-card-mushroom\"\u003e\n\u003ch3\u003e🔥 Cordyceps\u003c\/h3\u003e\n\u003cp class=\"bs-dosage\"\u003e1000 à 1250 mg\u003c\/p\u003e\n\u003cp\u003eUtilisé traditionnellement pour soutenir l'énergie physique et la vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card bs-card-mushroom\"\u003e\n\u003ch3\u003e🛡️ Chaga\u003c\/h3\u003e\n\u003cp class=\"bs-dosage\"\u003e1000 à 1250 mg\u003c\/p\u003e\n\u003cp\u003eRiche en antioxydants, il contribue au soutien du système immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n\u003cp class=\"bs-dosage\"\u003e250 à 3000 mg\u003c\/p\u003e\n\u003cp\u003ePlante adaptogène qui aide à lutter contre la fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🧘 Ashwagandha\u003c\/h3\u003e\n\u003cp class=\"bs-dosage\"\u003e100 à 200 mg\u003c\/p\u003e\n\u003cp\u003eFavorise la gestion du stress et de l'anxiété.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🌸 Rhodiola Rosea\u003c\/h3\u003e\n\u003cp class=\"bs-dosage\"\u003e19,8 à 25 mg\u003c\/p\u003e\n\u003cp\u003ePlante adaptogène complémentaire pour la résistance au stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🍫 Cacao\u003c\/h3\u003e\n\u003cp class=\"bs-dosage\"\u003e1307 à 1400 mg\u003c\/p\u003e\n\u003cp\u003eApporte la saveur chocolatée et des polyphénols naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🌾 Acacia\u003c\/h3\u003e\n\u003cp class=\"bs-dosage\"\u003e2708 mg\u003c\/p\u003e\n\u003cp\u003eSource de fibres prébiotiques pour une digestion apaisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e☕ Extrait de café CO2 Bio\u003c\/h3\u003e\n\u003cp class=\"bs-dosage\"\u003eCaféine microencapsulée\u003c\/p\u003e\n\u003cp\u003eLibération progressive pour une énergie stable et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-grid-compact bs-mt-1\"\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e💊 Vitamine B5\u003c\/h3\u003e\n\u003cp\u003e6 mg - contribue à réduire la fatigue et au métabolisme énergétique normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🍬 Xylitol\u003c\/h3\u003e\n\u003cp\u003eÉdulcorant naturel, sans sucre ajouté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-tip\"\u003e\n\u003cspan class=\"bs-tip-icon\"\u003e📊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eValeur énergétique :\u003c\/strong\u003e seulement 5,70 à 11,84 kcal par tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"bs-section\"\u003e\n\u003ch2\u003eComment préparer votre super café Brainstoorm ?\u003c\/h2\u003e\n\u003cp class=\"bs-section-intro\"\u003eLa préparation est ultra simple et ne prend que \u003cstrong\u003e10 secondes\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"bs-timeline\"\u003e\n\u003cdiv class=\"bs-timeline-item\"\u003e\n\u003cdiv class=\"bs-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bs-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003eVersez une portion de 8 g dans votre tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-timeline-item\"\u003e\n\u003cdiv class=\"bs-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bs-timeline-content\"\u003e\n\u003ch3\u003eVersez\u003c\/h3\u003e\n\u003cp\u003eAjoutez de l'eau chaude ou froide, ou le lait végétal de votre choix.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-timeline-item\"\u003e\n\u003cdiv class=\"bs-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bs-timeline-content\"\u003e\n\u003ch3\u003eSavourez\u003c\/h3\u003e\n\u003cp\u003eMélangez et dégustez votre café aux champignons saveur chocolat-noisette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-tip\"\u003e\n\u003cspan class=\"bs-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe sachet contient 56g.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"bs-section\"\u003e\n\u003ch2\u003eLes bienfaits du café aux champignons Brainstoorm\u003c\/h2\u003e\n\u003cdiv class=\"bs-grid\"\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🧠 Concentration et clarté mentale\u003c\/h3\u003e\n\u003cp\u003eRenforcées grâce au Lion's Mane, pour des journées plus productives et un esprit affûté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e⚡ Énergie durable sans crash\u003c\/h3\u003e\n\u003cp\u003eNi palpitations, ni coup de barre. La caféine microencapsulée se libère progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🧘 Gestion du stress et de l'anxiété\u003c\/h3\u003e\n\u003cp\u003eL'ashwagandha et la rhodiola vous aident à rester serein même sous pression.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n\u003cp\u003eLe chaga, riche en antioxydants, renforce vos défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🫶 Digestion confortable\u003c\/h3\u003e\n\u003cp\u003eZéro acidité gastrique grâce aux fibres d'acacia et à la formulation douce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🍫 Goût gourmand sans amertume\u003c\/h3\u003e\n\u003cp\u003eIdéal pour ceux qui trouvent le café classique trop acide. Saveur chocolat-noisette irrésistible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"bs-section\"\u003e\n\u003ch2\u003eEngagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"bs-grid-compact\"\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n\u003cp\u003eSans gluten, sans lactose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🚫 Sans sucre ajouté\u003c\/h3\u003e\n\u003cp\u003eSans additif artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eIngrédients naturels sélectionnés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bs-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France avec exigence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL + DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"bs-section\"\u003e\n\u003cdiv class=\"bs-cta-box\"\u003e\n\u003cp\u003e🧠 Boostez votre concentration et votre productivité chaque matin avec le Brainstoorm - le super café aux champignons qui change votre routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"bs-disclaimer\"\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 professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --bs-cream: #F5F0FA;\n --bs-white: #ffffff;\n --bs-primary: #5B2D8E;\n --bs-primary-dark: #3A1A5E;\n --bs-primary-light: #EDE4F7;\n --bs-secondary: #D4E94C;\n --bs-accent: #1A0A3E;\n --bs-text: #1a1a1a;\n --bs-text-light: #5a5a5a;\n --bs-border: #e0d8eb;\n --bs-shadow: 0 4px 24px rgba(91,45,142,.08);\n --bs-shadow-lg: 0 12px 48px rgba(91,45,142,.15);\n --bs-radius: 20px;\n --bs-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bs-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bs-accent) 0%, var(--bs-primary) 50%, #7B3FBF 100%);\n border-radius: var(--bs-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(--bs-shadow-lg);\n}\n\n.bs-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,233,76,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,233,76,.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.bs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.bs-hero-title {\n display: block;\n color: var(--bs-secondary);\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n line-height: 1.1;\n}\n\n.bs-subtitle {\n color: rgba(255,255,255,.7);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .15em;\n margin: 0 0 1rem 0;\n}\n\n.bs-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.bs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bs-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(--bs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bs-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.bs-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(--bs-primary), var(--bs-secondary));\n border-radius: 2px;\n}\n\n.bs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bs-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.bs-section-intro strong {\n color: var(--bs-primary);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.bs-highlight-box {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bs-shadow);\n border-left: 4px solid var(--bs-secondary);\n}\n\n.bs-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--bs-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.bs-highlight-box strong {\n color: var(--bs-primary-dark);\n}\n\n\/* === VS COMPARISON === *\/\n.bs-vs-container {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 1rem;\n align-items: stretch;\n margin-bottom: 1.25rem;\n}\n\n.bs-vs-card {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bs-shadow);\n}\n\n.bs-vs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.bs-vs-good {\n border: 2px solid var(--bs-secondary);\n}\n\n.bs-vs-good h3 {\n color: var(--bs-primary-dark);\n}\n\n.bs-vs-bad {\n border: 2px solid #ddd;\n opacity: .8;\n}\n\n.bs-vs-bad h3 {\n color: #888;\n}\n\n.bs-vs-card ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.bs-vs-card li {\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.5;\n color: var(--bs-text);\n}\n\n.bs-vs-bad li {\n color: var(--bs-text-light);\n}\n\n.bs-vs-divider {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.bs-vs-divider span {\n background: linear-gradient(135deg, var(--bs-primary), var(--bs-secondary));\n color: white;\n font-weight: 900;\n font-size: 14px;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--bs-shadow);\n}\n\n\/* === CARDS === *\/\n.bs-card {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bs-shadow-lg);\n border-color: var(--bs-primary);\n}\n\n.bs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Mushroom card accent *\/\n.bs-card-mushroom {\n border: 2px solid var(--bs-primary-light);\n background: linear-gradient(180deg, var(--bs-white) 0%, var(--bs-primary-light) 100%);\n}\n\n.bs-card-mushroom:hover {\n border-color: var(--bs-primary);\n}\n\n\/* Dosage styling *\/\n.bs-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--bs-primary), #7B3FBF);\n color: white !important;\n font-size: 12px !important;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .5rem !important;\n}\n\n\/* === GRILLES === *\/\n.bs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bs-grid-compact .bs-card {\n padding: 1rem;\n}\n\n.bs-grid-compact .bs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bs-grid-compact .bs-card p {\n font-size: 12px;\n}\n\n.bs-mt-1 {\n margin-top: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.bs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bs-primary), var(--bs-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(91,45,142,.25);\n}\n\n.bs-timeline-content {\n flex: 1;\n background: var(--bs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bs-radius-sm);\n box-shadow: var(--bs-shadow);\n}\n\n.bs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bs-timeline-content p {\n font-size: 14px;\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bs-primary-light);\n border-radius: var(--bs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bs-tip p {\n font-size: 14px;\n color: var(--bs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bs-tip strong {\n color: var(--bs-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.bs-cta-box {\n background: linear-gradient(135deg, var(--bs-accent) 0%, var(--bs-primary) 50%, #7B3FBF 100%);\n border-radius: var(--bs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bs-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,233,76,.12) 0%, transparent 60%);\n}\n\n.bs-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bs-disclaimer {\n font-size: 12px;\n color: var(--bs-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 .bs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bs-card {\n padding: 1.125rem;\n }\n\n .bs-section {\n margin-bottom: 1.75rem;\n }\n\n .bs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bs-radius-sm);\n }\n\n .bs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* VS section mobile *\/\n .bs-vs-container {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .bs-vs-divider {\n order: -1;\n display: none;\n }\n\n .bs-vs-card {\n padding: 1rem;\n }\n\n .bs-vs-card h3 {\n font-size: 15px;\n }\n\n \/* Grille compacte *\/\n .bs-grid-compact {\n gap: .625rem;\n }\n\n .bs-grid-compact .bs-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .bs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bs-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bs-timeline-content h3 {\n font-size: 14px;\n }\n\n .bs-timeline-content p {\n font-size: 13px;\n }\n\n \/* Tip mobile *\/\n .bs-tip {\n padding: .875rem 1rem;\n }\n\n .bs-tip-icon {\n font-size: 20px;\n }\n\n .bs-tip p {\n font-size: 13px;\n }\n\n \/* Highlight box mobile *\/\n .bs-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bs-card {\n animation: bsFadeInUp .5s ease backwards;\n }\n .bs-card:nth-child(1) { animation-delay: .05s; }\n .bs-card:nth-child(2) { animation-delay: .1s; }\n .bs-card:nth-child(3) { animation-delay: .15s; }\n .bs-card:nth-child(4) { animation-delay: .2s; }\n .bs-card:nth-child(5) { animation-delay: .25s; }\n .bs-card:nth-child(6) { animation-delay: .3s; }\n .bs-card:nth-child(7) { animation-delay: .35s; }\n .bs-card:nth-child(8) { animation-delay: .4s; }\n .bs-card:nth-child(9) { animation-delay: .45s; }\n\n .bs-timeline-item {\n animation: bsFadeInUp .5s ease backwards;\n }\n .bs-timeline-item:nth-child(1) { animation-delay: .1s; }\n .bs-timeline-item:nth-child(2) { animation-delay: .2s; }\n .bs-timeline-item:nth-child(3) { animation-delay: .3s; }\n\n .bs-hero {\n animation: bsFadeIn .6s ease;\n }\n}\n\n@keyframes bsFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes bsFadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":56722828657017,"sku":"CAFEBRAINSTORM56","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brainstoorm-super-cafe-aux-champignons-adaptogenes-56g-mush--ingredients.webp?v=1771931754"},{"product_id":"omega-3-age-well-60-capsules-humble","title":"Oméga 3 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 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 - EPA \u0026amp; DHA concentrés 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🔥 Équilibre inflammatoire\u003c\/h3\u003e\n\u003cp\u003eLes oméga 3 participent à la régulation naturelle de l'inflammation dans l'organisme.\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🐟 Pêches durables\u003c\/h3\u003e\n\u003cp\u003eHuiles marines issues de pêches contrôlées et durables.\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\u003eIndicateur clé de fraîcheur et de pureté, bien en-dessous des seuils standards.\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 tests systématiques de contrôle qualité garantissent la fiabilité de chaque lot.\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 complète\u003c\/h2\u003e\n\u003cdiv class=\"om3-grid-compact\"\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🐠 Huiles marines purifiées\u003c\/h3\u003e\n\u003cp\u003ePoisson et krill, hautement concentrées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e⚡ EPA \u0026amp; DHA concentrés\u003c\/h3\u003e\n\u003cp\u003eAcides gras essentiels hautement dosés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🍃 Chlorophylle cuivrique\u003c\/h3\u003e\n\u003cp\u003eProtection anti-oxydation naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🔬 Cofacteurs antioxydants\u003c\/h3\u003e\n\u003cp\u003eCiblés pour une efficacité optimisée.\u003c\/p\u003e\n\u003c\/div\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 pour favoriser l'absorption des acides gras.\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\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⚠️ 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\/* === 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\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":"magnesium-marin-b6-60-gelules-sfb","title":"Magnesium marin + B6 - 60 gélules - SFB","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🌊 Magnésium marin\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🌱 Gélules vegan\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e⚡ 300 mg \/ jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eMagnésium marin + B6\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eSFB Laboratoires — Gamme Nutraceutic\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eLe duo naturel pour retrouver énergie, sérénité et équilibre nerveux au quotidien. 60 gélules végétales pour 30 jours de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eMagnésium marin + Vitamine B6 : le duo idéal contre la fatigue et le stress\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eVous ressentez une \u003cstrong\u003efatigue persistante\u003c\/strong\u003e, des tensions musculaires ou une irritabilité difficile à expliquer ? Un déficit en magnésium est souvent en cause.\u003c\/p\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eUn manque d'énergie qui ne cède pas malgré le repos\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😤 Irritabilité\u003c\/h3\u003e\n \u003cp\u003eUne nervosité accrue difficile à expliquer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💪 Tensions musculaires\u003c\/h3\u003e\n \u003cp\u003eCrampes, raideurs et inconforts récurrents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e✨ Solution naturelle\u003c\/h3\u003e\n \u003cp\u003eDeux actifs complémentaires pour retrouver l'équilibre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePourquoi choisir le magnésium marin plutôt qu'un autre magnésium ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌊 Origine marine naturelle\u003c\/h3\u003e\n \u003cp\u003eExtrait directement de l'eau de mer, le magnésium marin possède un profil minéral naturel et une excellente tolérance digestive. Fini les inconforts intestinaux liés aux formes synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔬 Absorption optimisée par la B6\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 améliore l'assimilation du magnésium par l'organisme. Ces deux nutriments partagent une action commune sur le système nerveux et la réduction de la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🤝 Duo cohérent et complémentaire\u003c\/h3\u003e\n \u003cp\u003eMagnésium et vitamine B6 contribuent tous les deux au fonctionnement normal du système nerveux. Ensemble, leur efficacité est renforcée pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eLes bienfaits du magnésium marin et de la vitamine B6\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eEn prenant ce complément quotidiennement, vous soutenez plusieurs fonctions essentielles de votre organisme :\u003c\/p\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLe magnésium et la vitamine B6 contribuent à un métabolisme énergétique normal pour retrouver votre vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧠 Système nerveux apaisé\u003c\/h3\u003e\n \u003cp\u003eRégulation des impulsions nerveuses, meilleure résistance au stress et à l'anxiété au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏃 Fonction musculaire\u003c\/h3\u003e\n \u003cp\u003eLe magnésium participe à la relaxation musculaire et réduit les crampes et tensions désagréables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n \u003cp\u003eIntervient dans l'absorption du calcium et le maintien d'une ossature normale et solide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🎯 Équilibre psychologique\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 contribue à des fonctions psychologiques normales, incluant la concentration et l'humeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComposition détaillée – pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card mg-card-highlight\"\u003e\n \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e540 mg\u003c\/strong\u003e dont 300 mg d'élément magnésium\u003cbr\u003e\u003cem\u003e80 % des VNR\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-highlight\"\u003e\n \u003ch3\u003e💊 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003e142 % des VNR\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌿 Tunique végétale\u003c\/h3\u003e\n \u003cp\u003eGélule HPMC 100 % végétale, adaptée à tous les régimes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔬 Silice colloïdale\u003c\/h3\u003e\n \u003cp\u003eAgent de charge naturel pour une conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-tip\"\u003e\n \u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003evegan, sans gluten, sans lactose, sans OGM\u003c\/strong\u003e et \u003cstrong\u003efabriquée en France\u003c\/strong\u003e par les Laboratoires SFB. Convient à tous les régimes alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComment prendre le magnésium marin B6 SFB ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-timeline\"\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence au cours d'un repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eRépartition sur la journée\u003c\/h3\u003e\n \u003cp\u003eVous pouvez les répartir : \u003cstrong\u003eune le matin, une le soir\u003c\/strong\u003e pour une diffusion régulière tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUn flacon correspond à \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e. Pour des résultats significatifs, une cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est conseillée, en particulier lors des changements de saison ou des périodes de surmenage.\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=\"mg-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eCe magnésium marin convient particulièrement si vous êtes concerné par :\u003c\/p\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧘 Stress intense\u003c\/h3\u003e\n \u003cp\u003ePériodes de surcharge mentale, pression professionnelle ou émotionnelle soutenue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔋 Fatigue chronique\u003c\/h3\u003e\n \u003cp\u003eUn épuisement qui persiste malgré le repos et les nuits de sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💪 Crampes musculaires\u003c\/h3\u003e\n \u003cp\u003eCrampes récurrentes, paupières qui tremblent, tensions dans les membres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌙 Troubles du sommeil\u003c\/h3\u003e\n \u003cp\u003eDifficultés d'endormissement et réveils nocturnes liés à la nervosité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏋️ Activité physique\u003c\/h3\u003e\n \u003cp\u003eBesoin de soutien minéral lors d'activités physiques régulières ou sportives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne remplace ni un traitement médical, ni une alimentation variée et équilibrée. Ne dépassez pas la dose journalière recommandée de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon au sec, à l'abri de la lumière et de la chaleur. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e👨‍⚕️ Conseil médical\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, consultez votre médecin ou votre pharmacien avant de commencer la supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire à base de magnésium marin et de vitamine B6 — SFB Laboratoires — 60 gélules dosées à 271 mg — Poids net : 20,75 g\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #f9f7f3;\n --mg-white: #ffffff;\n --mg-primary: #6b4c2a;\n --mg-primary-dark: #4a3319;\n --mg-primary-light: #f3ece3;\n --mg-secondary: #c9a84c;\n --mg-accent: #2e8b57;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #e0d8cc;\n --mg-shadow: 0 4px 24px rgba(107,76,42,.08);\n --mg-shadow-lg: 0 12px 48px rgba(107,76,42,.15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 40%, #3a2510 100%);\n border-radius: var(--mg-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(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 30px,\n rgba(201,168,76,.08) 30px,\n rgba(201,168,76,.08) 32px\n );\n opacity: 1;\n}\n\n.mg-hero::before {\n content: '';\n position: absolute;\n top: -2px;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-secondary), #e6c65a, var(--mg-secondary));\n}\n\n.mg-hero::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-secondary), #e6c65a, var(--mg-secondary));\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mg-subtitle {\n color: var(--mg-secondary);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.mg-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-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(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-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.mg-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(--mg-secondary), var(--mg-primary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-secondary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-card-highlight {\n background: linear-gradient(135deg, var(--mg-primary-light) 0%, var(--mg-white) 100%);\n border: 2px solid var(--mg-secondary);\n}\n\n.mg-card-highlight:hover {\n border-color: var(--mg-primary);\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-secondary), var(--mg-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(201,168,76,.3);\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--mg-border);\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-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.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-secondary);\n transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-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 .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mg-badges-top {\n gap: 6px;\n }\n\n .mg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\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 .mg-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":56954125648249,"sku":"SF0065","price":9.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-marin-b6-60-gelules-sfb-packshothd.webp?v=1775142452"},{"product_id":"brainstoorm-super-cafe-aux-champignons-adaptogenes-gout-cafe-180g-mush-n-go","title":"Brainstoorm : Super Café aux champignons adaptogènes - Goût Café - 180g - Mush N Go","description":"\u003cdiv class=\"mng-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mng-hero\"\u003e\n \u003cdiv class=\"mng-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mng-hero-content\"\u003e\n \u003cdiv class=\"mng-badges-top\"\u003e\n \u003cspan class=\"mng-badge\"\u003e🍄 3 champignons adaptogènes\u003c\/span\u003e\n \u003cspan class=\"mng-badge\"\u003e☕ Vrai goût café\u003c\/span\u003e\n \u003cspan class=\"mng-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mng-badge\"\u003e📦 30 portions\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mng-hero-title\"\u003eBrainstoorm Super Café\u003c\/span\u003e\n \u003cp class=\"mng-subtitle\"\u003eCafé aux champignons adaptogènes — Mush N Go\u003c\/p\u003e\n \u003cp class=\"mng-description\"\u003eÉnergie, focus et sérénité : le rituel café réinventé. 180 g de poudre adaptogène pour 30 jours de performance sans crash, sans acidité, sans ballonnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003eBrainstoorm Super Café : le café aux champignons adaptogènes qui change votre quotidien\u003c\/h2\u003e\n \u003cp class=\"mng-section-intro\"\u003eVous adorez votre rituel café du matin, mais vous supportez mal l'acidité, les ballonnements ou le fameux crash de fin de matinée ? Le \u003cstrong\u003eSuper Café Brainstoorm de Mush N Go\u003c\/strong\u003e est un \u003cstrong\u003ecafé aux champignons adaptogènes\u003c\/strong\u003e pensé pour vous offrir \u003cstrong\u003eénergie, focus et sérénité\u003c\/strong\u003e, sans les inconvénients du café classique. Saveur café authentique, 30 portions, fabriqué en France.\u003c\/p\u003e\n \u003cdiv class=\"mng-grid-compact\"\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e⚡ Énergie stable\u003c\/h3\u003e\n \u003cp\u003eSans crash ni nervosité grâce aux adaptogènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🧠 Focus intense\u003c\/h3\u003e\n \u003cp\u003eClarté mentale pour vos journées les plus exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e😌 Zéro stress\u003c\/h3\u003e\n \u003cp\u003eRéduction naturelle du cortisol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e☕ Vrai goût café\u003c\/h3\u003e\n \u003cp\u003eAucun arrière-goût de champignon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce café adaptogène ?\u003c\/h2\u003e\n \u003cp class=\"mng-section-intro\"\u003eContrairement à un café traditionnel qui stimule brutalement le système nerveux, ce \u003cstrong\u003ecafé champignon adaptogène\u003c\/strong\u003e associe un extrait de café bio à des champignons et plantes reconnus pour leurs \u003cstrong\u003ebienfaits sur la concentration, la vitalité et la gestion du stress\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mng-grid\"\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🔋 Énergie durable\u003c\/h3\u003e\n \u003cp\u003eFini les pics suivis de coups de barre en milieu de journée. Profitez d'une énergie naturelle et constante du matin au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🎯 Focus amélioré\u003c\/h3\u003e\n \u003cp\u003eUne clarté mentale qui soutient votre productivité, que ce soit au bureau ou en révision.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🧘 Stress réduit\u003c\/h3\u003e\n \u003cp\u003eLes adaptogènes contribuent à diminuer le cortisol pour une sérénité retrouvée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e💚 Zéro acidité, zéro ballonnement\u003c\/h3\u003e\n \u003cp\u003eUn confort digestif appréciable au quotidien, même pour les estomacs sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e☕ Goût café authentique\u003c\/h3\u003e\n \u003cp\u003eUne vraie saveur café, riche et gourmande, sans aucun arrière-goût de champignon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003eComposition détaillée par portion (6 g)\u003c\/h2\u003e\n \u003cp class=\"mng-section-intro\"\u003eChaque tasse contient une synergie de \u003cstrong\u003etrois champignons puissants\u003c\/strong\u003e et de plantes adaptogènes soigneusement dosés — soit \u003cstrong\u003e3 400,8 mg d'actifs\u003c\/strong\u003e par portion.\u003c\/p\u003e\n \u003cdiv class=\"mng-grid\"\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🦁 Lion's Mane\u003c\/h3\u003e\n \u003cdiv class=\"mng-dosage\"\u003e1 000,2 mg\u003c\/div\u003e\n \u003cp\u003eSoutient les fonctions cognitives, la mémoire et la concentration au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Cordyceps\u003c\/h3\u003e\n \u003cdiv class=\"mng-dosage\"\u003e1 000,2 mg\u003c\/div\u003e\n \u003cp\u003eFavorise l'endurance et la production d'énergie cellulaire pour des performances optimales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🪨 Chaga\u003c\/h3\u003e\n \u003cdiv class=\"mng-dosage\"\u003e1 000,2 mg\u003c\/div\u003e\n \u003cp\u003ePuissant antioxydant aux propriétés anti-inflammatoires, il soutient le système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Ashwagandha\u003c\/h3\u003e\n \u003cdiv class=\"mng-dosage\"\u003e100,2 mg\u003c\/div\u003e\n \u003cp\u003eAide l'organisme à mieux gérer le stress et l'anxiété, favorise un sommeil serein.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Rhodiola Rosea\u003c\/h3\u003e\n \u003cdiv class=\"mng-dosage\"\u003e19,8 mg\u003c\/div\u003e\n \u003cp\u003eRenforce la résistance au stress physique et mental pour une meilleure adaptation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e💛 Maca\u003c\/h3\u003e\n \u003cdiv class=\"mng-dosage\"\u003e280,2 mg\u003c\/div\u003e\n \u003cp\u003eContribue à la vitalité et à la lutte contre la fatigue chronique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e☕ Extrait de café CO₂ bio\u003c\/h3\u003e\n \u003cdiv class=\"mng-dosage\"\u003e100,2 mg\u003c\/div\u003e\n \u003cp\u003eCaféine naturelle pour un coup de boost maîtrisé, sans excès.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Poudre de chicorée\u003c\/h3\u003e\n \u003cdiv class=\"mng-dosage\"\u003e1 000,2 mg\u003c\/div\u003e\n \u003cp\u003eFibre prébiotique naturelle qui soutient la flore intestinale et une digestion harmonieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-tip\"\u003e\n \u003cspan class=\"mng-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eTous les ingrédients sont \u003cstrong\u003enaturels, sans OGM, sans gluten, vegan et sans additifs artificiels\u003c\/strong\u003e. Formule soutenue par \u003cstrong\u003e91 études cliniques\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003eComment préparer votre café aux champignons ?\u003c\/h2\u003e\n \u003cp class=\"mng-section-intro\"\u003eLa préparation est aussi simple qu'un café soluble. En 3 étapes, votre super café est prêt !\u003c\/p\u003e\n \u003cdiv class=\"mng-timeline\"\u003e\n \u003cdiv class=\"mng-timeline-item\"\u003e\n \u003cdiv class=\"mng-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mng-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003eune cuillère à soupe de poudre (6 g)\u003c\/strong\u003e dans votre tasse préférée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-timeline-item\"\u003e\n \u003cdiv class=\"mng-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mng-timeline-content\"\u003e\n \u003ch3\u003eVersez\u003c\/h3\u003e\n \u003cp\u003eAjoutez de l'eau chaude, du lait ou votre \u003cstrong\u003eboisson végétale préférée\u003c\/strong\u003e. Fonctionne aussi en iced latte !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-timeline-item\"\u003e\n \u003cdiv class=\"mng-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mng-timeline-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eMélangez bien et profitez de votre rituel café boosté. \u003cstrong\u003e30 portions par sachet\u003c\/strong\u003e, soit un mois complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-tip\"\u003e\n \u003cspan class=\"mng-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour des résultats optimaux sur la concentration et la gestion du stress, une \u003cstrong\u003ecure de 45 jours\u003c\/strong\u003e est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Brainstoorm ?\u003c\/h2\u003e\n \u003cp class=\"mng-section-intro\"\u003eCe \u003cstrong\u003ecafé aux champignons\u003c\/strong\u003e convient à tous ceux qui recherchent une alternative plus douce et plus complète au café classique.\u003c\/p\u003e\n \u003cdiv class=\"mng-grid-compact\"\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eRestez concentrés lors de longues journées de travail sans sacrifier votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eBoostez vos révisions et examens avec un focus naturel et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n \u003cp\u003eUn boost d'énergie naturel avant l'effort, sans palpitations ni nervosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🤍 Sensibles à la caféine\u003c\/h3\u003e\n \u003cp\u003eProfitez du plaisir du café sans les effets secondaires désagréables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003ePrécautions et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mng-accordion\"\u003e\n \u003cdetails class=\"mng-accordion-item\"\u003e\n \u003csummary class=\"mng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mng-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce produit est déconseillé aux femmes enceintes ou allaitantes. Il \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée. En cas de doute, demandez conseil à votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mng-accordion-item\"\u003e\n \u003csummary class=\"mng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mng-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez bien le sachet après chaque utilisation pour préserver la fraîcheur de la poudre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mng-accordion-item\"\u003e\n \u003csummary class=\"mng-accordion-header\"\u003e📋 Informations complémentaires\u003c\/summary\u003e\n \u003cdiv class=\"mng-accordion-content mt-3\"\u003e\n \u003cp\u003eSachet de \u003cstrong\u003e180 g\u003c\/strong\u003e — 30 portions de 6 g. Sans gluten, vegan, sans OGM. Seulement \u003cstrong\u003e5,70 kcal par portion\u003c\/strong\u003e. Satisfait ou remboursé 60 jours.\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=\"mng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mng-cta-box\"\u003e\n \u003cp\u003e🍄 \u003cstrong\u003eDécouvrez les bienfaits du café aux champignons adaptogènes\u003c\/strong\u003e avec Brainstoorm : un rituel simple pour allier plaisir gustatif, énergie stable et bien-être mental, chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mng-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mng-cream: #f5f0eb;\n --mng-white: #ffffff;\n --mng-primary: #5c3d2e;\n --mng-primary-dark: #3a2518;\n --mng-primary-light: #f0e6dd;\n --mng-secondary: #c89b5f;\n --mng-accent: #d4a853;\n --mng-text: #1a1a1a;\n --mng-text-light: #5a5a5a;\n --mng-border: #e0d5ca;\n --mng-shadow: 0 4px 24px rgba(92,61,46,.08);\n --mng-shadow-lg: 0 12px 48px rgba(92,61,46,.15);\n --mng-radius: 20px;\n --mng-radius-sm: 12px;\n}\n\n.mng-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mng-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mng-hero {\n position: relative;\n background: linear-gradient(135deg, #3a2518 0%, #5c3d2e 40%, #7a5a45 70%, #c89b5f 100%);\n border-radius: var(--mng-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(--mng-shadow-lg);\n}\n\n.mng-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,155,95,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(200,155,95,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.mng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mng-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.mng-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.mng-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mng-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(--mng-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mng-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mng-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mng-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mng-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.mng-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(--mng-primary), var(--mng-secondary));\n border-radius: 2px;\n}\n\n.mng-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mng-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.mng-card {\n background: var(--mng-white);\n border-radius: var(--mng-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mng-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mng-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mng-shadow-lg);\n border-color: var(--mng-primary);\n}\n\n.mng-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mng-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mng-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT CARD DOSAGE === *\/\n.mng-card-ingredient .mng-dosage {\n display: inline-block;\n background: linear-gradient(135deg, var(--mng-primary), var(--mng-secondary));\n color: white;\n font-size: 13px;\n font-weight: 800;\n padding: 4px 14px;\n border-radius: 999px;\n margin-bottom: .5rem;\n letter-spacing: .02em;\n}\n\n\/* === GRILLES === *\/\n.mng-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mng-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mng-grid-compact .mng-card {\n padding: 1rem;\n}\n\n.mng-grid-compact .mng-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mng-grid-compact .mng-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mng-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mng-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mng-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mng-primary), var(--mng-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.mng-timeline-content {\n flex: 1;\n background: var(--mng-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mng-radius-sm);\n box-shadow: var(--mng-shadow);\n}\n\n.mng-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mng-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mng-timeline-content p {\n font-size: 14px;\n color: var(--mng-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mng-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mng-primary-light);\n border-radius: var(--mng-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mng-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mng-tip p {\n font-size: 14px;\n color: var(--mng-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mng-accordion {\n background: var(--mng-white);\n border-radius: var(--mng-radius);\n box-shadow: var(--mng-shadow);\n overflow: hidden;\n}\n\n.mng-accordion-item {\n border-bottom: 1px solid var(--mng-border);\n margin: 0;\n padding: 0;\n}\n\n.mng-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mng-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mng-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.mng-accordion-header:hover {\n background: var(--mng-primary-light);\n}\n\n.mng-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mng-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mng-primary);\n transition: transform .2s ease;\n}\n\n.mng-accordion-item[open] .mng-accordion-header::after {\n content: '−';\n}\n\n.mng-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mng-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mng-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mng-cta-box {\n background: linear-gradient(135deg, var(--mng-primary) 0%, var(--mng-primary-dark) 100%);\n border-radius: var(--mng-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mng-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.mng-disclaimer {\n font-size: 12px;\n color: var(--mng-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 .mng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mng-card {\n padding: 1.125rem;\n }\n\n .mng-section {\n margin-bottom: 1.75rem;\n }\n\n .mng-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mng-radius-sm);\n }\n\n .mng-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mng-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mng-grid-compact {\n gap: .625rem;\n }\n\n .mng-grid-compact .mng-card {\n padding: .75rem;\n }\n\n .mng-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mng-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mng-timeline-content h3 {\n font-size: 14px;\n }\n\n .mng-timeline-content p {\n font-size: 13px;\n }\n\n .mng-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mng-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mng-card {\n animation: mngFadeInUp .5s ease backwards;\n }\n .mng-card:nth-child(1) { animation-delay: .05s; }\n .mng-card:nth-child(2) { animation-delay: .1s; }\n .mng-card:nth-child(3) { animation-delay: .15s; }\n .mng-card:nth-child(4) { animation-delay: .2s; }\n .mng-card:nth-child(5) { animation-delay: .25s; }\n .mng-card:nth-child(6) { animation-delay: .3s; }\n .mng-card:nth-child(7) { animation-delay: .35s; }\n .mng-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes mngFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mng-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":57052041150841,"sku":"BRAINSTOORMCAFE","price":29.88,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brainstoorm-super-cafe-aux-champignons-adaptogenes-gout-cafe-ingredients.webp?v=1776866338"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/memoire-concentration.webp?v=1790071802","url":"https:\/\/www.naturellement-bio.com\/collections\/memoire-concentration.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}