{"title":"Fatigue \u0026 Nervosité","description":"\u003cp\u003eLe réveil qui sonne trop tôt, l'après-midi qui traîne, cette impression de tourner au ralenti malgré une bonne nuit : la fatigue passagère fait partie de la vie, mais on aimerait bien qu'elle passe plus vite. Avant toute chose, regardez le sommeil, l'assiette et le stress. Ensuite, un complément alimentaire contre la fatigue peut vous redonner un coup de pouce : le magnésium, la vitamine C, les vitamines B6 et B12 et le fer contribuent à réduire la fatigue.\u003c\/p\u003e\n\u003ch2\u003ePar où commencer ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa fatigue et les nerfs à fleur de peau\u003c\/strong\u003e : le magnésium, qui contribue aussi au fonctionnement normal du système nerveux, souvent associé à la vitamine B6.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eC'est un coup de mou physique\u003c\/strong\u003e : la vitamine C, ou une plante tonique comme le ginseng ou le guarana, le matin.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVous mangez peu de produits animaux\u003c\/strong\u003e : pensez à la vitamine B12, et au fer seulement si une prise de sang montre un manque.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eQuel complément choisir contre la fatigue ?\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;\"\u003eLa fatigue et les nerfs à fleur de peau\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLe magnésium en bisglycinate ou en complexe, mieux toléré que l'oxyde\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\/magnesium-bisglycinate-90-gelules-humble\" title=\"Magnésium Bisglycinate 90 gélules – Humble+\"\u003eMagnésium Bisglycinate 90 gélules Humble+\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/magform-complexe-magnesium-120-gelules\" title=\"Magform complexe 4 magnésium – Inolab\"\u003eMagform complexe 4 magnésium Inolab\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;\"\u003eC'est un coup de mou physique\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eTournez-vous vers la vitamine C, qui contribue à réduire la fatigue\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\/c-form-vitamine-c-liposomale-1428-mg-60-gelules-inolab\" title=\"C+Form Vitamine C Liposomale – Inolab\"\u003eC+Form Vitamine C Liposomale Inolab\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/vitamine-c-liposomale-1000mg-lifes-code\" title=\"Vitamine C liposomale 1000 mg – Life's Code\"\u003eVitamine C liposomale 1000 mg Life's Code\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;\"\u003eLes nerfs et l'énergie lâchent ensemble\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eAssociez la SAM-e à des plantes traditionnellement utilisées pour l'adaptation au stress\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\/samavance-fatigue-et-stress-30-ou-60-gelules-jade-recherche\" title=\"Samavance – Jade Recherche\"\u003eSamavance Jade Recherche\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/serenityform-inolab\" title=\"SerenityForm – Inolab\"\u003eSerenityForm Inolab\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 un coup de fouet le matin\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eGinseng, cordyceps ou guarana, à réserver au matin\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\/energie-boost-naturel-mush-n-go\" title=\"Mush n Go Énergie\"\u003eMush n Go Énergie\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/guarana-blanc-poudre-bio-50-g-sol-semilla\" title=\"Guarana Bio en poudre – Sol Semilla\"\u003eGuarana Bio en poudre Sol Semilla\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 remplacer votre café\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eEssayez au réveil une tasse aux champignons ; la plupart de ces boissons contiennent de la caféine\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\/bonjour-drink-super-cafe\" title=\"Bonjour Drink – Super Café aux champignons\"\u003eBonjour Drink Super Café aux champignons\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/boost-super-cafe-aux-champignons-french-mush\" title=\"BOOST – French Mush\"\u003eBOOST 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;\"\u003eVotre assiette ne suit pas\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eVitamines, minéraux et plantes en une prise\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\/vitalite-collagene-pomme-citron-humble\" title=\"Multi-Nutriments Vitalité – Humble+\"\u003eMulti-Nutriments Vitalité Humble+\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/carencea-repondre-a-la-majorite-des-carences-et-besoins-120-gelules-jade-recherche\" title=\"Carencéa – Jade Recherche\"\u003eCarencéa Jade Recherche\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 est surtout nerveuse\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003eLa glycine et le magnésium, plutôt le soir\u003c\/td\u003e\n\u003ctd style=\"padding: 11px 14px; border: 1px solid #e8d5c4;\"\u003e\u003cul style=\"margin: 0; padding-left: 18px;\"\u003e\n\u003cli\u003e\u003ca href=\"\/products\/relaxform\" title=\"Relaxform glycine et magnésium – Inolab\"\u003eRelaxform glycine et magnésium Inolab\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/somnijoie-sommeil-profond-et-reduction-du-stress-120-gelules-jade-recherche\" title=\"Somnijoie – Jade Recherche\"\u003eSomnijoie Jade Recherche\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\u003eFatigue physique, nerveuse ou les deux ?\u003c\/h2\u003e\n\u003cp\u003eUne fatigue surtout \u003cstrong\u003ephysique\u003c\/strong\u003e (manque d'énergie dès le matin, récupération lente) oriente vers la vitamine C, les plantes toniques, ou le fer en cas d'apport insuffisant. Une fatigue \u003cstrong\u003enerveuse\u003c\/strong\u003e (irritabilité, tension, sommeil léger) oriente vers le magnésium et les plantes de la détente. Souvent, les deux vont ensemble : mal dormir épuise, et l'épuisement rend nerveux. Pour le magnésium, les formes bisglycinate, citrate ou malate sont généralement mieux tolérées que l'oxyde.\u003c\/p\u003e\n\u003ch2\u003eLes bons réflexes, et quand s'inquiéter\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eCommencez par le sommeil, l'alimentation et l'activité physique : aucun complément ne les remplace.\u003c\/li\u003e\n\u003cli\u003eGuarana, ginseng et cafés aux champignons : le matin seulement, et pas en cas de sensibilité à la caféine.\u003c\/li\u003e\n\u003cli\u003eMillepertuis, griffonia et plantes apaisantes : avis médical en cas de traitement, notamment antidépresseur ou contraceptif.\u003c\/li\u003e\n\u003cli\u003eUne fatigue qui dure plus de trois semaines, ou inhabituelle, justifie de consulter votre médecin.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eQuand la fatigue a une cause\u003c\/h2\u003e\n\u003cp\u003eSi c'est surtout le stress qui vous épuise, notre sélection \u003ca href=\"\/collections\/anti-stress-anxiete\"\u003eanti-stress\u003c\/a\u003e est plus adaptée ; si ce sont vos nuits, celle du \u003ca href=\"\/collections\/sommeil\"\u003esommeil\u003c\/a\u003e. Et pour un vrai coup de fouet, les plantes toniques sont réunies dans \u003ca href=\"\/collections\/vitalite-et-tonus\"\u003evitalité et tonus\u003c\/a\u003e.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eVos questions sur la fatigue\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel complément alimentaire contre la fatigue ?\u003c\/summary\u003e\n\u003cp\u003eCelui qui correspond à votre fatigue. Le magnésium si vous êtes aussi nerveux, la vitamine C pour un coup de mou, la vitamine B12 si vous mangez peu de produits animaux. Tous contribuent à réduire la fatigue, tout comme la vitamine B6 et le fer.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle vitamine prendre en cas de grosse fatigue ?\u003c\/summary\u003e\n\u003cp\u003eLa vitamine C et les vitamines du groupe B, notamment B6 et B12, contribuent à réduire la fatigue ; une formule multivitaminée les réunit. Si la fatigue dure, consultez votre médecin plutôt que d'enchaîner les cures.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel magnésium choisir contre la fatigue et la nervosité ?\u003c\/summary\u003e\n\u003cp\u003eUne forme bien assimilée comme le bisglycinate, le citrate ou le malate, souvent associée à la vitamine B6. Le magnésium contribue à réduire la fatigue et au fonctionnement normal du système nerveux.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de temps dure une cure contre la fatigue ?\u003c\/summary\u003e\n\u003cp\u003eUn à deux mois en général, en respectant la dose indiquée par le fabricant. Les plantes toniques se prennent plutôt en cure courte, de trois à quatre semaines.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelles plantes contre la fatigue ?\u003c\/summary\u003e\n\u003cp\u003eLe ginseng, le guarana, la rhodiola et l'éleuthérocoque sont traditionnellement utilisés pour le tonus. Guarana et ginseng se prennent le matin ; la rhodiola et l'ashwagandha sont plutôt choisies quand fatigue et stress vont ensemble.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuand faut-il consulter pour une fatigue ?\u003c\/summary\u003e\n\u003cp\u003eSi elle dure plus de trois semaines, si elle est inhabituelle ou s'accompagne d'autres signes (perte de poids, essoufflement, tristesse persistante). Un complément alimentaire ne remplace pas un avis médical.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n","products":[{"product_id":"gelee-royale-300-mg-bio-20-unidoses-de-15-ml-superdiet","title":"Gelée Royale 3000 Mg Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"gr-premium\"\u003e\n\n \u003cdiv class=\"gr-hero\"\u003e\n \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gr-hero-content\"\u003e\n \u003cdiv class=\"gr-badges-top\"\u003e\n \u003cspan class=\"gr-badge\"\u003e🐝 Ultra dosée 3000 mg\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gr-hero-title\"\u003eGelée Royale Bio 3000 mg\u003c\/span\u003e\n \u003cp class=\"gr-subtitle\"\u003eMiel d'acacia • Pollen • 20 ampoules de 15 ml\u003c\/p\u003e\n \u003cp class=\"gr-description\"\u003eL'une des formules les plus concentrées du marché français pour soutenir vos défenses naturelles, retrouver tonus et vitalité aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003ePourquoi choisir la gelée royale bio en ampoules ?\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eLa gelée royale est cette substance précieuse sécrétée par les abeilles nourricières pour alimenter leur reine. Naturellement riche en vitamines du groupe B (notamment B3 et B5), en acides aminés, en oligo-éléments et en sucres naturels, elle est reconnue pour ses propriétés tonifiantes.\u003c\/p\u003e\n \u003cdiv class=\"gr-grid\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement appréciée à l'arrivée de l'automne et de l'hiver, pour aborder sereinement les changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en vitamines B, qui contribuent au métabolisme énergétique normal de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧠 Vitalité physique et intellectuelle\u003c\/h3\u003e\n \u003cp\u003eUn allié des étudiants en période d'examens ou des personnes soumises à un rythme de vie soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe format \u003cstrong\u003eampoule bio\u003c\/strong\u003e garantit une dose précise, une conservation optimale des actifs et une prise simple au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour une ampoule de 15 ml)\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e👑 Gelée royale bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e\u003cbr\u003eUltra-dosage exceptionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍯 Miel d'acacia bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e250 mg\u003c\/strong\u003e\u003cbr\u003eDouceur naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌼 Pollen bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e35 mg\u003c\/strong\u003e\u003cbr\u003eRichesse nutritionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍐 Base végétale bio\u003c\/h3\u003e\n \u003cp\u003eEau purifiée, jus concentré de poire, sirop d'agave\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e — \u003cstrong\u003esans alcool, sans conservateur, sans colorant\u003c\/strong\u003e et sans additif artificiel. Fabriquée en France par Superdiet, laboratoire engagé depuis plus de 60 ans dans la phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gr-timeline\"\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🌅 1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, pour une cure de 20 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🤲 Agitez avant ouverture\u003c\/h3\u003e\n \u003cp\u003eSecouez bien l'ampoule afin d'homogénéiser son contenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🥄 Pure ou diluée\u003c\/h3\u003e\n \u003cp\u003eConsommez-la pure, ou diluée dans un peu d'eau, un jus de fruit ou un yaourt si le goût vous paraît trop prononcé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🔄 Renouvelez la cure\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, renouvelez 2 à 3 fois par an, notamment aux intersaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e🧊\u003c\/span\u003e\n \u003cp\u003eConservez les ampoules dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eUne gelée royale française bio d'exception\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eEn choisissant cette \u003cstrong\u003egelée royale bio française\u003c\/strong\u003e, vous soutenez une apiculture respectueuse des abeilles et de la biodiversité.\u003c\/p\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🏅 Sélection rigoureuse\u003c\/h3\u003e\n \u003cp\u003eDes matières premières triées avec la plus grande exigence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🔬 Contrôle total\u003c\/h3\u003e\n \u003cp\u003eChaque étape vérifiée, de la ruche à l'ampoule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💪 Ultra-dosage 3000 mg\u003c\/h3\u003e\n \u003cp\u003eParmi les références pour une efficacité réelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🐝 Respect des abeilles\u003c\/h3\u003e\n \u003cp\u003eUne apiculture engagée pour la biodiversité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gr-accordion\"\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes allergiques aux produits de la ruche\u003c\/strong\u003e (miel, pollen, propolis), 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=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e💊 Usage responsable\u003c\/summary\u003e\n \u003cdiv class=\"gr-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. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, demandez l'avis de votre médecin ou pharmacien. 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\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gr-cream: #fdf8ee;\n --gr-white: #ffffff;\n --gr-primary: #f5a623;\n --gr-primary-dark: #b8751a;\n --gr-primary-light: #fef3dd;\n --gr-secondary: #e87a1a;\n --gr-accent: #7fb069;\n --gr-text: #2a1f0f;\n --gr-text-light: #6b5a3f;\n --gr-border: #ecdcb8;\n --gr-shadow: 0 4px 24px rgba(184, 117, 26, .1);\n --gr-shadow-lg: 0 12px 48px rgba(184, 117, 26, .18);\n --gr-radius: 20px;\n --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--gr-text);\n}\n\n.gr-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a623 0%, #e87a1a 50%, #b8751a 100%);\n border-radius: var(--gr-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(--gr-shadow-lg);\n}\n\n.gr-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,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .4;\n}\n\n.gr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gr-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.gr-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.gr-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.gr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gr-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(--gr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gr-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.gr-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(--gr-primary), var(--gr-secondary));\n border-radius: 2px;\n}\n\n.gr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gr-card {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gr-shadow-lg);\n border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n padding: 1.125rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n font-size: 12.5px;\n}\n\n.gr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.gr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gr-primary), var(--gr-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(245, 166, 35, .35);\n}\n\n.gr-timeline-content {\n flex: 1;\n background: var(--gr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gr-radius-sm);\n box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n font-size: 14px;\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gr-accordion {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n box-shadow: var(--gr-shadow);\n overflow: hidden;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.gr-accordion-item {\n border-bottom: 1px solid var(--gr-border);\n margin: 0;\n padding: 0;\n}\n\n.gr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.gr-accordion-header:hover {\n background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gr-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--gr-primary);\n transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n content: '−';\n}\n\n.gr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gr-accordion-content p {\n margin: 0;\n}\n\n.gr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gr-primary-light);\n border-radius: var(--gr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--gr-primary);\n}\n\n.gr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.gr-tip p {\n font-size: 14px;\n color: var(--gr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .gr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gr-card {\n padding: 1.125rem;\n }\n\n .gr-section {\n margin-bottom: 1.75rem;\n }\n\n .gr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gr-radius-sm);\n }\n\n .gr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gr-grid-compact {\n gap: .625rem;\n }\n\n .gr-grid-compact .gr-card {\n padding: .75rem;\n }\n\n .gr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gr-timeline-content h3 {\n font-size: 14px;\n }\n\n .gr-timeline-content p {\n font-size: 13px;\n }\n\n .gr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gr-card {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-card:nth-child(1) { animation-delay: .05s; }\n .gr-card:nth-child(2) { animation-delay: .1s; }\n .gr-card:nth-child(3) { animation-delay: .15s; }\n .gr-card:nth-child(4) { animation-delay: .2s; }\n .gr-card:nth-child(5) { animation-delay: .25s; }\n .gr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes grFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gr-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":45754690437277,"sku":"NBAISUP0005","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-royale-3000-mg-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776436472"},{"product_id":"ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superdiet","title":"Ginseng, Gelée Royale \u0026 Acérola Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"sgr-premium\"\u003e\n \u003cdiv class=\"sgr-hero\"\u003e\n \u003cdiv class=\"sgr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sgr-hero-content\"\u003e\n \u003cdiv class=\"sgr-badges-top\"\u003e\n \u003cspan class=\"sgr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e⚡ Booster d'énergie\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sgr-hero-title\"\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio\u003c\/span\u003e\n \u003cp class=\"sgr-subtitle\"\u003eLe trio vitalité par excellence — Superdiet\u003c\/p\u003e\n \u003cp class=\"sgr-description\"\u003e20 ampoules concentrées pour soutenir votre tonus, votre énergie et vos défenses naturelles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio Superdiet : le trio vitalité par excellence\u003c\/h2\u003e\n \u003cp class=\"sgr-section-intro\"\u003eVous traversez une période de fatigue passagère, un changement de saison ou un rythme de vie soutenu ? Les \u003cstrong\u003eampoules Ginseng, Gelée Royale \u0026amp; Acérola Bio de Superdiet\u003c\/strong\u003e ont été pensées pour vous accompagner au quotidien.\u003c\/p\u003e\n \u003cp class=\"sgr-section-intro\"\u003eCette formule concentrée réunit trois ingrédients naturels emblématiques, reconnus depuis des générations pour soutenir l'énergie et la vitalité. Certifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e et fabriquée en France, cette cure d'exception s'inscrit comme une référence parmi les \u003cstrong\u003eampoules de gelée royale, ginseng et acérola\u003c\/strong\u003e disponibles sur le marché.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette synergie ginseng, gelée royale et acérola ?\u003c\/h2\u003e\n \u003cp class=\"sgr-section-intro\"\u003eLe secret de l'efficacité de ce complément alimentaire réside dans sa \u003cstrong\u003esynergie végétale et apicole\u003c\/strong\u003e. Chaque ingrédient a été sélectionné pour ses qualités spécifiques :\u003c\/p\u003e\n \u003cdiv class=\"sgr-grid\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌱 Ginseng Panax CA Meyer (6 ans d'âge)\u003c\/h3\u003e\n \u003cp\u003ePlante adaptogène emblématique d'Asie, réputée pour contribuer au tonus et à l'énergie, tant physique que mentale. Sa maturité de 6 ans garantit une concentration optimale en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n \u003cp\u003eNourriture exclusive de la reine des abeilles, elle est riche en nutriments précieux et appréciée pour accompagner les organismes mis à l'épreuve.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍒 Acérola Bio\u003c\/h3\u003e\n \u003cp\u003ePetite baie originaire d'Amérique du Sud, source naturelle de vitamine C qui contribue à réduire la fatigue et au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eComposition détaillée par ampoule de 15 ml\u003c\/h2\u003e\n \u003cdiv class=\"sgr-grid\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌱 Ginseng Panax CA Meyer\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e530 mg\u003c\/strong\u003e — 6 ans d'âge, titré à \u003cstrong\u003e20 mg de ginsénosides\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e par ampoule, sélectionnée auprès de ruches qualitatives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍒 Extrait sec d'Acérola Bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e265 mg\u003c\/strong\u003e (Malpighia punicifolia), équivalent à 2,9 g de baies fraîches, soit \u003cstrong\u003e12 mg de vitamine C\u003c\/strong\u003e (15 % des VNR).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e💧 Base naturelle\u003c\/h3\u003e\n \u003cp\u003eEau purifiée et jus concentré de poire* pour une texture douce et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sgr-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eLes atouts de la formule Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"sgr-grid-compact\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (FR-BIO-10)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🚫 Formule pure\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌳 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003ePréserve la richesse des actifs naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans les Hauts-de-France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e✨ Ouverture facile\u003c\/h3\u003e\n \u003cp\u003eAmpoules pratiques à emporter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e📅 Cure 20 jours\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, format optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eComment prendre les ampoules Ginseng Gelée Royale Acérola ?\u003c\/h2\u003e\n \u003cdiv class=\"sgr-timeline\"\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eAvant emploi, secouez doucement pour bien homogénéiser la préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eRenouvelable jusqu'à 3 mois maximum, idéalement aux changements de saison ou lors de périodes intenses (examens, travail soutenu, récupération sportive).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-tip\"\u003e\n \u003cspan class=\"sgr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour profiter pleinement des bienfaits du ginseng, privilégiez la prise du matin afin de soutenir votre énergie sur toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sgr-accordion\"\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Ne convient pas aux enfants. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. Déconseillé en cas de traitement antidiabétique ou d'hypertension. En cas de maladie cardiovasculaire ou de diabète, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. À 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=\"sgr-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.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUne origine rigoureusement sélectionnée\u003c\/h2\u003e\n \u003cdiv class=\"sgr-cta-box\"\u003e\n \u003cp\u003eSuperdiet privilégie la qualité à chaque étape. Le \u003cstrong\u003eginseng\u003c\/strong\u003e provient de cultures biologiques coréennes réputées, la \u003cstrong\u003egelée royale\u003c\/strong\u003e est issue de ruches sélectionnées, et l'\u003cstrong\u003eacérola\u003c\/strong\u003e est récolté au Brésil. Une traçabilité exemplaire pour un produit naturel, respectueux de l'environnement et de votre organisme. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sgr-cream: #fdf6ec;\n --sgr-white: #ffffff;\n --sgr-primary: #d92e2e;\n --sgr-primary-dark: #a51c1c;\n --sgr-primary-light: #fde4e4;\n --sgr-secondary: #f5b800;\n --sgr-accent: #2e8b3d;\n --sgr-text: #1a1a1a;\n --sgr-text-light: #5a5a5a;\n --sgr-border: #ecdfd0;\n --sgr-shadow: 0 4px 24px rgba(165,28,28,.08);\n --sgr-shadow-lg: 0 12px 48px rgba(165,28,28,.18);\n --sgr-radius: 20px;\n --sgr-radius-sm: 12px;\n}\n\n.sgr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sgr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sgr-text);\n}\n\n.sgr-hero {\n position: relative;\n background: linear-gradient(135deg, #d92e2e 0%, #e85a3a 50%, #f5b800 100%);\n border-radius: var(--sgr-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(--sgr-shadow-lg);\n}\n\n.sgr-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,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .3;\n}\n\n.sgr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sgr-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.sgr-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.sgr-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n margin: 0 auto;\n max-width: 600px;\n line-height: 1.6;\n opacity: .95;\n}\n\n.sgr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sgr-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(--sgr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sgr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sgr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sgr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sgr-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.sgr-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(--sgr-primary), var(--sgr-secondary));\n border-radius: 2px;\n}\n\n.sgr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sgr-text-light);\n margin: 0 auto 1.25rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.sgr-section-intro strong {\n color: var(--sgr-text);\n}\n\n.sgr-card {\n background: var(--sgr-white);\n border-radius: var(--sgr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sgr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sgr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sgr-shadow-lg);\n border-color: var(--sgr-primary);\n}\n\n.sgr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sgr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sgr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sgr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sgr-card p strong {\n color: var(--sgr-primary-dark);\n}\n\n.sgr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sgr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.sgr-grid-compact .sgr-card {\n padding: 1rem;\n}\n\n.sgr-grid-compact .sgr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sgr-grid-compact .sgr-card p {\n font-size: 12px;\n}\n\n.sgr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sgr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sgr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sgr-primary), var(--sgr-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(217,46,46,.3);\n}\n\n.sgr-timeline-content {\n flex: 1;\n background: var(--sgr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sgr-radius-sm);\n box-shadow: var(--sgr-shadow);\n}\n\n.sgr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sgr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sgr-timeline-content p {\n font-size: 14px;\n color: var(--sgr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sgr-accordion {\n background: var(--sgr-white);\n border-radius: var(--sgr-radius);\n box-shadow: var(--sgr-shadow);\n overflow: hidden;\n}\n\n.sgr-accordion-item {\n border-bottom: 1px solid var(--sgr-border);\n margin: 0;\n padding: 0;\n}\n\n.sgr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sgr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sgr-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}\n\n.sgr-accordion-header:hover {\n background: var(--sgr-primary-light);\n}\n\n.sgr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sgr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sgr-primary);\n transition: transform .2s ease;\n}\n\n.sgr-accordion-item[open] .sgr-accordion-header::after {\n content: '−';\n}\n\n.sgr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sgr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sgr-accordion-content p {\n margin: 0;\n}\n\n.sgr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sgr-primary-light);\n border-radius: var(--sgr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sgr-secondary);\n}\n\n.sgr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sgr-tip p {\n font-size: 14px;\n color: var(--sgr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sgr-cta-box {\n background: linear-gradient(135deg, var(--sgr-primary) 0%, var(--sgr-primary-dark) 100%);\n border-radius: var(--sgr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-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.sgr-cta-box p strong {\n font-weight: 800;\n color: var(--sgr-secondary);\n}\n\n.sgr-disclaimer {\n font-size: 12px;\n color: var(--sgr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .sgr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .sgr-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n .sgr-grid-compact .sgr-card {\n padding: .75rem;\n }\n .sgr-card {\n padding: 1.125rem;\n }\n .sgr-section {\n margin-bottom: 1.75rem;\n }\n .sgr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sgr-radius-sm);\n }\n .sgr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .sgr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .sgr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .sgr-timeline-content {\n padding: .875rem 1rem;\n }\n .sgr-timeline-content h3 {\n font-size: 14px;\n }\n .sgr-timeline-content p {\n font-size: 13px;\n }\n .sgr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .sgr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sgr-card {\n animation: sgrFadeInUp .5s ease backwards;\n }\n .sgr-card:nth-child(1) { animation-delay: .05s; }\n .sgr-card:nth-child(2) { animation-delay: .1s; }\n .sgr-card:nth-child(3) { animation-delay: .15s; }\n .sgr-card:nth-child(4) { animation-delay: .2s; }\n .sgr-card:nth-child(5) { animation-delay: .25s; }\n .sgr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sgrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sgr-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":45754695581853,"sku":"NBAISUP0004","price":33.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superd-packshothd.webp?v=1776429695"},{"product_id":"acerola-500-bio-24-comprimes-a-croquer-superdiet","title":"Acérola 500 Bio - 24 Comprimés à Croquer - Superdiet","description":"\u003cdiv class=\"acb-premium\"\u003e\n \u003cdiv class=\"acb-hero\"\u003e\n \u003cdiv class=\"acb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"acb-hero-content\"\u003e\n \u003cdiv class=\"acb-badges-top\"\u003e\n \u003cspan class=\"acb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"acb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"acb-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"acb-badge\"\u003e💊 24 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"acb-hero-title\"\u003eAcérola 500 Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"acb-subtitle\"\u003eVitamine C 100 % naturelle • Réduction de la fatigue\u003c\/p\u003e\n \u003cp class=\"acb-description\"\u003eLa puissance de la cerise des Barbades concentrée dans un comprimé à croquer au goût fruité. Un coup de boost naturel pour affronter vos journées avec énergie, dès 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eL'acérola, la petite cerise aux grands pouvoirs\u003c\/h2\u003e\n \u003cp class=\"acb-section-intro\"\u003eOriginaire d'Amérique du Sud, l'\u003cstrong\u003eacérola\u003c\/strong\u003e (Malpighia punicifolia), aussi appelée \u003cstrong\u003ecerise des Barbades\u003c\/strong\u003e, est l'un des fruits les plus riches en \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e au monde.\u003c\/p\u003e\n \u003cdiv class=\"acb-highlight-box\"\u003e\n \u003cdiv class=\"acb-highlight-number\"\u003e30×\u003c\/div\u003e\n \u003cdiv class=\"acb-highlight-text\"\u003e\n \u003cstrong\u003eplus de vitamine C que l'orange\u003c\/strong\u003e\n \u003cp\u003eC'est précisément pourquoi l'association vitamine C et acérola est plébiscitée par celles et ceux qui recherchent une alternative naturelle à la vitamine C synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'acérola 500 Bio\u003c\/h2\u003e\n \u003cp class=\"acb-section-intro\"\u003eGrâce à sa vitamine C 100 % d'origine naturelle, l'Acérola 500 Bio Superdiet vous apporte plusieurs bénéfices validés scientifiquement.\u003c\/p\u003e\n \u003cdiv class=\"acb-grid\"\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eAgit sur la fatigue passagère et physique pour retrouver énergie et vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eContribue au fonctionnement normal du système immunitaire, idéal aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n \u003cp\u003eParticipe à la formation normale du collagène pour la peau, les vaisseaux sanguins et les cartilages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🌟 Antioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eProtège les cellules contre le stress oxydatif grâce à sa richesse en vitamine C naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🩸 Absorption du fer\u003c\/h3\u003e\n \u003cp\u003eAméliore l'assimilation du fer d'origine végétale, un atout clé pour les régimes végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🎯 Vitalité ciblée\u003c\/h3\u003e\n \u003cp\u003eParfait en période d'examens, pour les sportifs ou lors d'un besoin ponctuel de tonus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle et bio\u003c\/h2\u003e\n \u003cp class=\"acb-section-intro\"\u003eChaque comprimé de 850 mg est formulé avec des ingrédients soigneusement sélectionnés, sans colorants, sans conservateurs et sans vitamine C de synthèse.\u003c\/p\u003e\n \u003cdiv class=\"acb-compo\"\u003e\n \u003cdiv class=\"acb-compo-main\"\u003e\n \u003cdiv class=\"acb-compo-dose\"\u003e500 mg\u003c\/div\u003e\n \u003cdiv class=\"acb-compo-name\"\u003eExtrait concentré d'acérola\u003c\/div\u003e\n \u003cdiv class=\"acb-compo-detail\"\u003eMalpighia punicifolia titré à 17 % de vitamine C\u003cbr\u003e\u003cstrong\u003e→ 85 mg de vitamine C (106 % des VNR*)\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-grid-compact\"\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🍒 Poudre d'acérola Bio\u003c\/h3\u003e\n \u003cp\u003ePour un apport complet en vitamine C naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🌾 Sucre de canne Bio\u003c\/h3\u003e\n \u003cp\u003ePour un goût fruité agréable au palais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🍊 Arômes naturels\u003c\/h3\u003e\n \u003cp\u003eOrange et framboise pour un goût délicieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🌱 Agents d'enrobage\u003c\/h3\u003e\n \u003cp\u003eGomme d'acacia et carbonate de magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"acb-disclaimer\"\u003e*Valeurs Nutritionnelles de Référence. Convient aux vegans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"acb-timeline\"\u003e\n \u003cdiv class=\"acb-timeline-item\"\u003e\n \u003cdiv class=\"acb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-content\"\u003e\n \u003ch3\u003eCroquez 1 comprimé par jour\u003c\/h3\u003e\n \u003cp\u003eUn seul comprimé suffit pour bénéficier de tous les bienfaits de l'acérola bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-item\"\u003e\n \u003cdiv class=\"acb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-content\"\u003e\n \u003ch3\u003eDe préférence le matin\u003c\/h3\u003e\n \u003cp\u003eAu petit-déjeuner pour profiter de son effet tonifiant dès le réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-item\"\u003e\n \u003cdiv class=\"acb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-content\"\u003e\n \u003ch3\u003eCure de 24 jours\u003c\/h3\u003e\n \u003cp\u003eLa boîte de 24 comprimés correspond à une cure complète, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes et allaitantes. Ne pas dépasser la dose journalière recommandée. À tenir hors de portée des enfants. Ce complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et un mode de vie sain, et ne remplace en aucun cas 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=\"acb-section\"\u003e\n \u003ch2\u003eVos interrogations sur la vitamine C acérola\u003c\/h2\u003e\n \u003cdiv class=\"acb-accordion\"\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e🤔 Acérola 500 ou vitamine C 1000 : que choisir ?\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eL'Acérola 500 offre un dosage équilibré parfaitement assimilable au quotidien. Les formules \u003cstrong\u003eacérola 1000 vitamine C\u003c\/strong\u003e sont plutôt réservées à des cures intensives ponctuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e💡 Quels sont les effets secondaires de l'acérola ?\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eAux doses recommandées, l'\u003cstrong\u003eacérola vitamine C bio\u003c\/strong\u003e est très bien toléré. Un apport excessif en vitamine C peut toutefois provoquer des troubles digestifs passagers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e⭐ Avis sur l'acérola vitamine C\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eLes utilisateurs apprécient particulièrement le \u003cstrong\u003egoût fruité naturel\u003c\/strong\u003e du comprimé à croquer et l'\u003cstrong\u003eeffet vitalité ressenti dès les premiers jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUne fabrication française et engagée\u003c\/h2\u003e\n \u003cdiv class=\"acb-cta-box\"\u003e\n \u003cp\u003ePionnier de la phytothérapie depuis \u003cstrong\u003e1961\u003c\/strong\u003e, Superdiet élabore ses compléments alimentaires en France, en respectant des procédés qui préservent les actifs naturels. L'acérola est cultivée dans le respect du cahier des charges de l'\u003cstrong\u003eAgriculture Biologique (AB)\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --acb-cream: #fdf8f0;\n --acb-white: #ffffff;\n --acb-primary: #c8102e;\n --acb-primary-dark: #8b0a1f;\n --acb-primary-light: #fce8ec;\n --acb-secondary: #f4a948;\n --acb-accent: #7cb342;\n --acb-text: #1a1a1a;\n --acb-text-light: #5a5a5a;\n --acb-border: #e8dfd0;\n --acb-shadow: 0 4px 24px rgba(139,10,31,.08);\n --acb-shadow-lg: 0 12px 48px rgba(139,10,31,.15);\n --acb-radius: 20px;\n --acb-radius-sm: 12px;\n}\n\n.acb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--acb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--acb-text);\n line-height: 1.6;\n}\n\n.acb-hero {\n position: relative;\n background: linear-gradient(135deg, #c8102e 0%, #e8422f 50%, #f4a948 100%);\n border-radius: var(--acb-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(--acb-shadow-lg);\n}\n\n.acb-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%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .4;\n}\n\n.acb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.acb-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.acb-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.acb-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n opacity: .92;\n line-height: 1.7;\n}\n\n.acb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.acb-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(--acb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.acb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.acb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.acb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--acb-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.acb-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(--acb-primary), var(--acb-secondary));\n border-radius: 2px;\n}\n\n.acb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acb-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.acb-card {\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--acb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.acb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--acb-shadow-lg);\n border-color: var(--acb-primary);\n}\n\n.acb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--acb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.acb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.acb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.acb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.acb-grid-compact .acb-card {\n padding: 1rem;\n}\n\n.acb-grid-compact .acb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.acb-grid-compact .acb-card p {\n font-size: 12px;\n}\n\n.acb-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acb-shadow);\n border-left: 6px solid var(--acb-primary);\n}\n\n.acb-highlight-number {\n font-size: clamp(48px, 10vw, 80px);\n font-weight: 900;\n background: linear-gradient(135deg, var(--acb-primary), var(--acb-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n flex-shrink: 0;\n letter-spacing: -.04em;\n}\n\n.acb-highlight-text {\n flex: 1;\n}\n\n.acb-highlight-text strong {\n display: block;\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--acb-primary-dark);\n margin-bottom: .5rem;\n font-weight: 800;\n}\n\n.acb-highlight-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.acb-compo {\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acb-shadow);\n}\n\n.acb-compo-main {\n text-align: center;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--acb-primary-light), #fff5e6);\n border-radius: var(--acb-radius-sm);\n margin-bottom: 1.25rem;\n border: 2px dashed var(--acb-primary);\n}\n\n.acb-compo-dose {\n font-size: clamp(36px, 7vw, 52px);\n font-weight: 900;\n color: var(--acb-primary);\n line-height: 1;\n letter-spacing: -.03em;\n}\n\n.acb-compo-name {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--acb-primary-dark);\n margin: .5rem 0;\n}\n\n.acb-compo-detail {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acb-text-light);\n line-height: 1.6;\n}\n\n.acb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.acb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.acb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--acb-primary), var(--acb-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(200,16,46,.25);\n}\n\n.acb-timeline-content {\n flex: 1;\n background: var(--acb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--acb-radius-sm);\n box-shadow: var(--acb-shadow);\n}\n\n.acb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--acb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.acb-timeline-content p {\n font-size: 14px;\n color: var(--acb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.acb-accordion {\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n box-shadow: var(--acb-shadow);\n overflow: hidden;\n}\n\n.acb-accordion-item {\n border-bottom: 1px solid var(--acb-border);\n margin: 0;\n padding: 0;\n}\n\n.acb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.acb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--acb-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.acb-accordion-header:hover {\n background: var(--acb-primary-light);\n}\n\n.acb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.acb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--acb-primary);\n transition: transform .2s ease;\n}\n\n.acb-accordion-item[open] .acb-accordion-header::after {\n content: '−';\n}\n\n.acb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--acb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.acb-accordion-content p {\n margin: 0;\n}\n\n.acb-cta-box {\n background: linear-gradient(135deg, var(--acb-primary) 0%, var(--acb-primary-dark) 100%);\n border-radius: var(--acb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--acb-shadow-lg);\n}\n\n.acb-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.acb-disclaimer {\n font-size: 12px;\n color: var(--acb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .acb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .acb-card {\n padding: 1.125rem;\n }\n .acb-section {\n margin-bottom: 1.75rem;\n }\n .acb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--acb-radius-sm);\n }\n .acb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .acb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .acb-grid-compact {\n gap: .625rem;\n }\n .acb-grid-compact .acb-card {\n padding: .75rem;\n }\n .acb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .acb-timeline-content {\n padding: .875rem 1rem;\n }\n .acb-timeline-content h3 {\n font-size: 14px;\n }\n .acb-timeline-content p {\n font-size: 13px;\n }\n .acb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .acb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .acb-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .acb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .acb-card:nth-child(1) { animation-delay: .05s; }\n .acb-card:nth-child(2) { animation-delay: .1s; }\n .acb-card:nth-child(3) { animation-delay: .15s; }\n .acb-card:nth-child(4) { animation-delay: .2s; }\n .acb-card:nth-child(5) { animation-delay: .25s; }\n .acb-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 .acb-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":45754706690205,"sku":"NBAISUP0002","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-500-bio-24-comprimes-a-croquer-superdiet-packshothd.webp?v=1776437357"},{"product_id":"acerola-1000-bio-60-comprimes-superdiet","title":"Acérola 1000 Bio - 60 Comprimés - Superdiet","description":"\u003cdiv class=\"ac-premium\"\u003e\n\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🍒 100 % vitamine C naturelle\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e📦 Maxi format 60 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eAcérola 1000 Bio\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003e60 comprimés de vitamine c naturelle à croquer\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eLa puissance de l'acérola bio concentrée dans un comprimé fruité : 170 mg de vitamine C naturelle pure pour réduire la fatigue et booster vos défenses, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eAcérola 1000 Bio Superdiet : votre vitamine C naturelle au quotidien\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eVous cherchez un moyen simple et efficace de faire le plein de \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e ? L'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e de Superdiet est un complément alimentaire biologique à croquer, formulé à partir d'acérola, cette petite baie rouge originaire d'Amérique latine, réputée pour être l'un des fruits les plus riches en vitamine C au monde.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003ePetite cerise des Antilles, l'une des sources les plus concentrées en vitamine C au monde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💊 1 comprimé\/jour\u003c\/h3\u003e\n\u003cp\u003eFormat pratique à croquer, au bon goût fruité, pour une prise simple et agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📅 60 jours de cure\u003c\/h3\u003e\n\u003cp\u003eMaxi format pensé pour vous accompagner pendant deux mois complets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eSans colorants ni conservateurs artificiels, issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi choisir la vitamine C d'acérola bio ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eContrairement à la vitamine C de synthèse, la \u003cstrong\u003evitamine C acérola bio\u003c\/strong\u003e est naturellement présente dans le fruit et s'accompagne de cofacteurs végétaux qui favorisent son assimilation par l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍊 30x plus de vitamine C qu'une orange\u003c\/h3\u003e\n\u003cp\u003eL'acérola, aussi surnommé « cerise des Antilles », concentre une quantité exceptionnelle de vitamine C, incomparable face aux agrumes classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🧬 Cofacteurs végétaux naturels\u003c\/h3\u003e\n\u003cp\u003eLes bioflavonoïdes et micronutriments naturellement présents dans le fruit favorisent une absorption optimale par votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e✅ 100 % naturelle et certifiée bio\u003c\/h3\u003e\n\u003cp\u003eEn optant pour l'\u003cstrong\u003eAcérola 1000 vitamine C\u003c\/strong\u003e, vous profitez d'une source pure, sans additifs artificiels, sans colorants ni conservateurs de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'Acérola 1000 Bio\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e😴 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue à diminuer la fatigue passagère, notamment lors des changements de saison ou des périodes de surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🛡️ Soutien du système immunitaire\u003c\/h3\u003e\n\u003cp\u003eElle participe au fonctionnement normal de vos défenses naturelles tout au long de l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🔬 Protection contre le stress oxydatif\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C est un antioxydant puissant qui aide à protéger vos cellules contre les radicaux libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n\u003cp\u003eElle contribue à un métabolisme énergétique normal pour aborder chaque journée avec entrain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🫐 Bon goût fruité\u003c\/h3\u003e\n\u003cp\u003eLe comprimé à croquer offre une saveur agréable de fruits rouges, ce qui rend la prise quotidienne réellement plaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eChaque comprimé de l'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e est soigneusement formulé avec des ingrédients d'origine biologique.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🍒 Extrait d'acérola bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eMalpighia glabra\u003c\/em\u003e titré en vitamine C — \u003cstrong\u003e1000 mg d'acérola\u003c\/strong\u003e par comprimé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌾 Sucre de canne bio\u003c\/h3\u003e\n\u003cp\u003eExcipient naturel issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 Maltodextrine bio\u003c\/h3\u003e\n\u003cp\u003eAgent de charge d'origine végétale certifié bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚪ Carbonate de magnésium\u003c\/h3\u003e\n\u003cp\u003eAnti-agglomérant naturel pour une texture de comprimé optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍃 Arôme naturel\u003c\/h3\u003e\n\u003cp\u003ePour un goût fruité agréable sans arôme artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e📊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eApport par comprimé :\u003c\/strong\u003e 170 mg de vitamine C naturelle pure, soit \u003cstrong\u003e212 % des valeurs nutritionnelles de référence\u003c\/strong\u003e. Produit certifié bio, fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eCroquez ou laissez fondre\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 comprimé par jour\u003c\/strong\u003e, de préférence le matin, pour bien démarrer votre journée avec un boost de vitamine C naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eCure de 60 jours\u003c\/h3\u003e\n\u003cp\u003eIdéale aux intersaisons (automne, printemps) ou dès que vous ressentez un coup de fatigue. Peut être renouvelée plusieurs fois dans l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eConservation et précautions\u003c\/h3\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Ne pas dépasser la dose journalière recommandée. Convient aux adultes et aux enfants de plus de 12 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eOrigine et engagement qualité Superdiet\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n\u003cp\u003eL'acérola provient de plantations biologiques certifiées au Brésil, où les conditions climatiques permettent une concentration optimale en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes fruits sont récoltés à pleine maturité, puis transformés et conditionnés en France, dans le respect des normes de qualité les plus strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable, culture sans OGM ni pesticides, respect de la biodiversité. Superdiet s'engage pour une démarche durable à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e🍒 Faites le plein de vitalité avec l'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e — 170 mg de vitamine C naturelle par comprimé, 60 jours de cure, fabriqué en France et certifié bio !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-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, demandez conseil à votre médecin ou pharmacien avant de commencer une cure de vitamine C naturelle en comprimés.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ac-cream: #fef9f5;\n --ac-white: #ffffff;\n --ac-primary: #d4232a;\n --ac-primary-dark: #a51b20;\n --ac-primary-light: #fdeaea;\n --ac-secondary: #5ba33a;\n --ac-accent: #f7c948;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e8e0da;\n --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ac-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 40%, #7b1518 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(247,201,72,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(91,163,58,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ac-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.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-card-highlight {\n border-color: var(--ac-primary);\n background: var(--ac-primary-light);\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ac-testimonial {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ac-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-tip {\n padding: .875rem 1rem;\n }\n\n .ac-tip-icon {\n font-size: 20px;\n }\n\n .ac-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754718879901,"sku":"NBAISUP0001","price":23.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-1000-bio-60-comprimes-superdiet-packshothd.webp?v=1789750161"},{"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":"vitamine-c-liposomale-525-mg-60-gelules-qualidiet","title":"Vitamine C Liposomale 525 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"vc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vc-hero\"\u003e\n\u003cdiv class=\"vc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vc-hero-content\"\u003e\n\u003cdiv class=\"vc-badges-top\"\u003e\n\u003cspan class=\"vc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e🔬 Technologie liposomale\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e💊 500 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vc-hero-title\"\u003eVitamine C Liposomale 525 mg\u003c\/span\u003e\n\u003cp class=\"vc-subtitle\"\u003eQualidiet - 60 gélules végétales\u003c\/p\u003e\n\u003cp class=\"vc-description\"\u003eUne absorption jusqu'à 10× supérieure grâce à l'encapsulation liposomale. Directement au cœur de vos cellules, là où la vitamine C agit vraiment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eLa vitamine C sous forme Liposomale pour une absorption bien supérieure\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eVous cherchez une \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e réellement efficace, bien tolérée et fabriquée en France ?\u003c\/p\u003e\n\u003cdiv class=\"vc-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eVitamine C Liposomale 525 mg de Qualidiet\u003c\/strong\u003e vous offre une formule pensée pour maximiser l'assimilation de la vitamine C par votre organisme. Grâce à la technologie liposomale, chaque gélule délivre ses actifs \u003cstrong\u003edirectement au cœur de vos cellules\u003c\/strong\u003e, là où ils sont vraiment utiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003ePourquoi choisir une vitamine C sous forme liposomale ?\u003c\/h2\u003e\n\u003cdiv class=\"vc-comparison\"\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-bad\"\u003e\n\u003ch3\u003e❌ Vitamine C classique\u003c\/h3\u003e\n\u003cp\u003eSous forme d'acide ascorbique, elle est souvent \u003cstrong\u003emal absorbée\u003c\/strong\u003e par l'intestin. Une grande partie est éliminée avant même d'avoir agi. Troubles gastriques fréquents chez les personnes sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-good\"\u003e\n\u003ch3\u003e✅ Vitamine C liposomale\u003c\/h3\u003e\n\u003cp\u003eEncapsulée dans des \u003cstrong\u003eliposomes\u003c\/strong\u003e (sphères lipidiques), elle est protégée tout au long du transit digestif. Résultat : une \u003cstrong\u003ebiodisponibilité nettement supérieure\u003c\/strong\u003e et une excellente tolérance intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eC'est cette différence qui explique les nombreux \u003cstrong\u003eavis positifs sur la vitamine C liposomale\u003c\/strong\u003e : moins de troubles gastriques, plus d'effets ressentis, une diffusion progressive dans l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de cette vitamine C liposomale\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eEn intégrant ce complément à votre routine quotidienne, vous soutenez activement votre organisme sur plusieurs fronts :\u003c\/p\u003e\n\u003cdiv class=\"vc-grid\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, particulièrement en période hivernale ou lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e⚡ Énergie au quotidien\u003c\/h3\u003e\n\u003cp\u003eElle participe à un métabolisme énergétique normal et aide à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e physique comme nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant, elle contribue à protéger vos cellules contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n\u003cp\u003eEssentiel pour la peau, les os, les cartilages et les gencives. Un allié beauté et santé structurelle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eComposition détaillée – par gélule de 525 mg\u003c\/h2\u003e\n\u003cdiv class=\"vc-grid-compact\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e d'acide ascorbique par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n\u003cp\u003eSource naturelle de phospholipides formant les liposomes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eHPMC, convient aux régimes végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant artificiel, sans conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cem\u003eContient du soja.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"vc-timeline\"\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure intensive (1000 mg)\u003c\/h3\u003e\n\u003cp\u003ePour un apport proche de \u003cstrong\u003e1000 mg de vitamine C liposomale\u003c\/strong\u003e, deux gélules quotidiennes suffisent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure d'entretien\u003c\/h3\u003e\n\u003cp\u003eUne seule gélule par jour convient parfaitement pour maintenir un bon niveau de vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe flacon de \u003cstrong\u003e60 gélules\u003c\/strong\u003e vous accompagne pendant \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e selon votre dosage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eEffets secondaires et précautions\u003c\/h2\u003e\n\u003cdiv class=\"vc-accordion\"\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e🩺 Effets secondaires\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eLes \u003cstrong\u003eeffets secondaires de la vitamine C liposomale\u003c\/strong\u003e sont rares grâce à l'encapsulation liposomale qui épargne le système digestif. Toutefois, un dosage excessif peut entraîner de légers inconforts intestinaux. Respectez la posologie recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément est réservé à l'adulte. Il ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vc-section\"\u003e\n\u003ch2\u003eFabrication française – Qualité Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"vc-testimonial\"\u003e\n\u003cp class=\"vc-testimonial-text\"\u003eFormulée et fabriquée en France par \u003cstrong\u003eQualidiet\u003c\/strong\u003e, cette vitamine C liposomale en gélules bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Les matières premières sont soigneusement sélectionnées pour vous garantir un complément alimentaire fiable, efficace et traçable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eQue vous recherchiez une \u003cstrong\u003evitamine C liposomale en parapharmacie\u003c\/strong\u003e ou en boutique spécialisée, ce format en gélules offre un avantage pratique par rapport à la \u003cstrong\u003evitamine C liposomale liquide\u003c\/strong\u003e : pas de goût, un dosage précis et une conservation simplifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-cta-box\"\u003e\n\u003cp\u003e🍊 Offrez à votre corps une vitamine C qui arrive vraiment à destination.\u003cbr\u003e60 gélules liposomales — 500 mg par gélule — Fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vc-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Contient du soja.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --vc-cream: #faf7f4;\n --vc-white: #ffffff;\n --vc-primary: #E85B20;\n --vc-primary-dark: #B8420F;\n --vc-primary-light: #FFF3EC;\n --vc-secondary: #5B3A8C;\n --vc-accent: #D94520;\n --vc-text: #1a1a1a;\n --vc-text-light: #5a5a5a;\n --vc-border: #e8e0d8;\n --vc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --vc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --vc-radius: 20px;\n --vc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vc-premium *, .vc-premium *::before, .vc-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.vc-hero {\n position: relative;\n background: linear-gradient(135deg, #E85B20 0%, #D94520 40%, #5B3A8C 100%);\n border-radius: var(--vc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n 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 radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.vc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--vc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.vc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.vc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.vc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.vc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--vc-primary), var(--vc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.vc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-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.vc-highlight-box {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vc-shadow);\n border-left: 4px solid var(--vc-primary);\n}\n\n.vc-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === COMPARISON CARDS === *\/\n.vc-comparison {\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.vc-compare-card {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vc-shadow);\n transition: all .3s ease;\n}\n\n.vc-compare-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-compare-bad {\n border-top: 4px solid #dc3545;\n}\n\n.vc-compare-good {\n border-top: 4px solid #28a745;\n}\n\n.vc-compare-card h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n margin: 0 0 .75rem 0;\n line-height: 1.3;\n}\n\n.vc-compare-bad h3 {\n color: #dc3545;\n}\n\n.vc-compare-good h3 {\n color: #28a745;\n}\n\n.vc-compare-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.vc-card {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vc-shadow-lg);\n border-color: var(--vc-primary);\n}\n\n.vc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vc-grid-compact .vc-card {\n padding: 1rem;\n}\n\n.vc-grid-compact .vc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vc-grid-compact .vc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.vc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vc-primary), var(--vc-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.vc-timeline-content {\n flex: 1;\n background: var(--vc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vc-radius-sm);\n box-shadow: var(--vc-shadow);\n}\n\n.vc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vc-timeline-content p {\n font-size: 14px;\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vc-testimonial {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vc-shadow);\n border-left: 4px solid var(--vc-secondary);\n}\n\n.vc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vc-accordion {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n box-shadow: var(--vc-shadow);\n overflow: hidden;\n}\n\n.vc-accordion-item {\n border-bottom: 1px solid var(--vc-border);\n margin: 0;\n padding: 0;\n}\n\n.vc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.vc-accordion-header:hover {\n background: var(--vc-primary-light);\n}\n\n.vc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vc-primary);\n transition: transform .2s ease;\n}\n\n.vc-accordion-item[open] .vc-accordion-header::after {\n content: '−';\n}\n\n.vc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vc-primary-light);\n border-radius: var(--vc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vc-tip p {\n font-size: 14px;\n color: var(--vc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vc-cta-box {\n background: linear-gradient(135deg, var(--vc-primary) 0%, var(--vc-primary-dark) 50%, var(--vc-secondary) 100%);\n border-radius: var(--vc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.vc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.vc-disclaimer {\n font-size: 12px;\n color: var(--vc-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 .vc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vc-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vc-card {\n padding: 1.125rem;\n }\n\n .vc-section {\n margin-bottom: 1.75rem;\n }\n\n .vc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vc-radius-sm);\n }\n\n .vc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vc-grid-compact {\n gap: .625rem;\n }\n\n .vc-grid-compact .vc-card {\n padding: .75rem;\n }\n\n .vc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vc-timeline-content h3 {\n font-size: 14px;\n }\n\n .vc-timeline-content p {\n font-size: 13px;\n }\n\n .vc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vc-testimonial {\n padding: 1.25rem;\n }\n\n .vc-testimonial-text {\n font-size: 14px;\n }\n\n .vc-highlight-box {\n padding: 1.25rem;\n }\n\n .vc-highlight-box p {\n font-size: 14px;\n }\n\n .vc-compare-card {\n padding: 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vc-card,\n .vc-compare-card {\n animation: vcFadeInUp .5s ease backwards;\n }\n .vc-card:nth-child(1),\n .vc-compare-card:nth-child(1) { animation-delay: .05s; }\n .vc-card:nth-child(2),\n .vc-compare-card:nth-child(2) { animation-delay: .1s; }\n .vc-card:nth-child(3) { animation-delay: .15s; }\n .vc-card:nth-child(4) { animation-delay: .2s; }\n .vc-card:nth-child(5) { animation-delay: .25s; }\n .vc-card:nth-child(6) { animation-delay: .3s; }\n\n .vc-timeline-item {\n animation: vcFadeInUp .5s ease backwards;\n }\n .vc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .vc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .vc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes vcFadeInUp {\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 .vc-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":45754730709149,"sku":"VO4850","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-525-mg-60-gelules-qualidiet-packshothd.webp?v=1786024547"},{"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":"boisson-instantanee-green-boost-bio-80-g-sol-semilla","title":"Boisson Green Boost Bio 50g - Spiruline, Acérola \u0026 Gingembre - Sol Semilla","description":"\u003cdiv class=\"gb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gb-hero\"\u003e\n\u003cdiv class=\"gb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gb-hero-content\"\u003e\n\u003cdiv class=\"gb-badges-top\"\u003e\n\u003cspan class=\"gb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e⚡ 10 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gb-hero-title\"\u003eBoisson Green Boost Bio\u003c\/span\u003e\n\u003cp class=\"gb-subtitle\"\u003eSpiruline, Acérola \u0026amp; Gingembre - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"gb-description\"\u003eTrois superaliments bio d'exception réunis dans une poudre instantanée pour booster votre vitalité, renforcer votre immunité et accompagner vos performances sportives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003cp class=\"gb-section-intro\"\u003eVous cherchez un coup de fouet naturel pour démarrer la journée ou préparer une séance de sport ?\u003c\/p\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌱 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en fer, protéines végétales et phycocyanine antioxydante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eL'une des sources naturelles les plus concentrées en vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eNote épicée et réchauffante pour un effet tonifiant au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🥤 Instantanée\u003c\/h3\u003e\n\u003cp\u003e50 g de poudre, 10 portions, à mélanger avec du jus de pomme ou votre boisson préférée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePourquoi associer spiruline et acérola ? Les bienfaits de cette synergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-synergy-box\"\u003e\n\u003cp\u003eL'association \u003cstrong\u003espiruline acérola\u003c\/strong\u003e est l'une des plus étudiées en nutrition naturelle, et pour cause. La spiruline est une micro-algue exceptionnellement riche en \u003cstrong\u003efer, protéines végétales et phycocyanine\u003c\/strong\u003e, un pigment aux propriétés antioxydantes remarquables. L'acérola, petit fruit d'Amazonie, est quant à lui l'une des sources naturelles les plus concentrées en \u003cstrong\u003evitamine C\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003eLa vitamine C de l'acérola \u003cstrong\u003efavorise l'absorption du fer\u003c\/strong\u003e contenu dans la spiruline. Vous profitez ainsi pleinement des bienfaits de chaque ingrédient — une synergie que les simples comprimés ne peuvent égaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eC'est exactement ce qui distingue cette formule des simples comprimés de \u003cstrong\u003espiruline et acérola\u003c\/strong\u003e disponibles sur le marché : ici, le gingembre vient compléter le trio pour un résultat encore plus complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eLe gingembre : un troisième allié pour votre énergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-testimonial\"\u003e\n\u003cp class=\"gb-testimonial-text\"\u003eReconnu depuis des siècles en médecine traditionnelle, le gingembre apporte une \u003cstrong\u003enote épicée et réchauffante\u003c\/strong\u003e à la boisson. L'association \u003cstrong\u003espiruline et gingembre\u003c\/strong\u003e crée un mélange tonifiant et savoureux, idéal pour soutenir votre vitalité au quotidien, que vous soyez sportif ou simplement en quête d'un regain d'énergie naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eFormulée à partir d'ingrédients 100 % biologiques, soigneusement sourcés entre l'Amazonie et le Maroc.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🌊 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eSource de fer, protéines et phycocyanine. Micro-algue aux propriétés nutritionnelles exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eConcentré naturel de vitamine C et antioxydants. Petit fruit puissant d'Amazonie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eTonifiant et réchauffant. Épice millénaire reconnue pour ses vertus énergisantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eSans additifs, sans conservateurs, sans gluten. Convient à une alimentation \u003cstrong\u003evégane\u003c\/strong\u003e et crue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComment préparer votre Green Boost ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-timeline\"\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune dose de 5 g\u003c\/strong\u003e (environ une cuillère à café bombée) dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eAjoutez votre boisson\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 ml de jus de pomme\u003c\/strong\u003e (recommandé par Sol Semilla) ou d'eau fraîche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eMélangez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eRemuez à la cuillère ou au shaker jusqu'à dissolution complète de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDégustez immédiatement\u003c\/h3\u003e\n\u003cp\u003eConsommez sans attendre pour profiter de \u003cstrong\u003etous les nutriments\u003c\/strong\u003e à leur maximum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003ePour un effet optimal, consommez votre boisson \u003cstrong\u003ele matin à jeun ou 30 minutes avant l'effort\u003c\/strong\u003e. Vous pouvez également l'ajouter à un smoothie ou un bol de fruits pour varier les plaisirs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette boisson ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eUn boost naturel avant l'effort pour des performances au top\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n\u003cp\u003eIdéal en période de changement de saison ou de baisse d'énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🛡️ Immunité fragilisée\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses naturelles grâce à la vitamine C et aux antioxydants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eUne alternative bio aux comprimés classiques de spiruline et acérola\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gb-section\"\u003e\n\u003ch2\u003eQualité et engagements Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gb-cta-box\"\u003e\n\u003cp\u003eDepuis 1992, Sol Semilla sélectionne les \u003cstrong\u003emeilleurs superaliments biologiques\u003c\/strong\u003e avec une exigence rare. Certifié \u003cstrong\u003eAB (Agriculture Biologique)\u003c\/strong\u003e et conditionné en France, chaque sachet de 50 g offre \u003cstrong\u003e10 portions\u003c\/strong\u003e d'un rituel bien-être quotidien accessible et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-accordion\"\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire. Il ne remplace ni un régime alimentaire varié et équilibré, ni un avis médical. En cas de doute, 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\/div\u003e\n\u003cstyle\u003e\n:root {\n --gb-cream: #faf6f0;\n --gb-white: #ffffff;\n --gb-primary: #d4441c;\n --gb-primary-dark: #a8330f;\n --gb-primary-light: #fef0ec;\n --gb-secondary: #2d8c4e;\n --gb-secondary-light: #e8f5ee;\n --gb-accent: #5b9bd5;\n --gb-kraft: #c8a96e;\n --gb-text: #1a1a1a;\n --gb-text-light: #5a5a5a;\n --gb-border: #e0d8ce;\n --gb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gb-radius: 20px;\n --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gb-primary) 0%, #e06530 40%, var(--gb-secondary) 100%);\n border-radius: var(--gb-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(--gb-shadow-lg);\n}\n\n.gb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-conic-gradient(from 0deg at 50% 0%, transparent 0deg, rgba(255,255,255,.06) 15deg, transparent 30deg);\n opacity: 1;\n}\n\n.gb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gb-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.gb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.gb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gb-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(--gb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gb-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.gb-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(--gb-primary), var(--gb-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gb-card {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gb-shadow-lg);\n border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (variante verte) === *\/\n.gb-card-ingredient {\n border-top: 4px solid var(--gb-secondary);\n}\n\n.gb-card-ingredient:hover {\n border-color: var(--gb-secondary);\n}\n\n.gb-card-ingredient h3 {\n color: #1e6b3a;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.gb-synergy-box {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gb-shadow);\n}\n\n.gb-synergy-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gb-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gb-primary), var(--gb-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.gb-timeline-content {\n flex: 1;\n background: var(--gb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gb-radius-sm);\n box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gb-timeline-content p {\n font-size: 14px;\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gb-shadow);\n border-left: 4px solid var(--gb-secondary);\n}\n\n.gb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n box-shadow: var(--gb-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.gb-accordion-item {\n border-bottom: 1px solid var(--gb-border);\n margin: 0;\n padding: 0;\n}\n\n.gb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gb-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.gb-accordion-header:hover {\n background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gb-primary);\n transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n content: '−';\n}\n\n.gb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gb-secondary-light);\n border-radius: var(--gb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gb-tip p {\n font-size: 14px;\n color: var(--gb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO === *\/\n.gb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CTA BOX === *\/\n.gb-cta-box {\n background: linear-gradient(135deg, var(--gb-primary) 0%, var(--gb-primary-dark) 100%);\n border-radius: var(--gb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gb-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 .gb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gb-card {\n padding: 1.125rem;\n }\n\n .gb-section {\n margin-bottom: 1.75rem;\n }\n\n .gb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gb-radius-sm);\n }\n\n .gb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gb-grid-compact {\n gap: .625rem;\n }\n\n .gb-grid-compact .gb-card {\n padding: .75rem;\n }\n\n .gb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gb-timeline-content h3 {\n font-size: 14px;\n }\n\n .gb-timeline-content p {\n font-size: 13px;\n }\n\n .gb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gb-testimonial {\n padding: 1.25rem;\n }\n\n .gb-testimonial-text {\n font-size: 14px;\n }\n\n .gb-synergy-box {\n padding: 1.25rem;\n }\n\n .gb-synergy-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gb-card {\n animation: gbFadeInUp .5s ease backwards;\n }\n .gb-card:nth-child(1) { animation-delay: .05s; }\n .gb-card:nth-child(2) { animation-delay: .1s; }\n .gb-card:nth-child(3) { animation-delay: .15s; }\n .gb-card:nth-child(4) { animation-delay: .2s; }\n .gb-card:nth-child(5) { animation-delay: .25s; }\n .gb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gb-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":45755115995293,"sku":"REF1349","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/boisson-green-boost-bio-50g-spiruline-acerola-gingembre-sol--lifestyle.webp?v=1772788773"},{"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":"acerola-poudre-pure-a-100-vit-c-17-bio-50-g-sol-semilla","title":"Acérola Bio - Poudre Pure à 100% - 50 G - Sol Semilla","description":"\u003cdiv class=\"ac-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🍒 17% vitamine C naturelle\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🌿 100% bio \u0026amp; pure\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🇧🇷 Amazonie, Brésil\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e📦 17 portions \/ sachet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eAcérola Bio - Poudre Pure à 100%\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003eSol Semilla · Le pouvoir des superaliments depuis 1992\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eLe superfruit amazonien le plus concentré en vitamine C, lyophilisé à basse température pour une assimilation optimale. 50 g de pureté absolue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003cp class=\"ac-section-intro\"\u003eAvec sa teneur exceptionnelle de \u003cstrong\u003e17% en vitamine C naturelle\u003c\/strong\u003e, cette poudre d'acérola bio Sol Semilla figure parmi les sources les plus concentrées disponibles sur le marché.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍒 17% de vitamine C\u003c\/h3\u003e\n\u003cp\u003eConcentration naturelle exceptionnelle, bien au-dessus de la moyenne du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌡️ Lyophilisation douce\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver l'intégralité des nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur ni sucre ajouté - un seul ingrédient\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📏 17 portions\u003c\/h3\u003e\n\u003cp\u003eUn sachet de 50 g pour plusieurs semaines de cure naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi l'acérola est-elle si précieuse ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eL'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e) est un petit fruit tropical reconnu pour être \u003cstrong\u003e30 à 40 fois plus riche en vitamine C que l'orange\u003c\/strong\u003e. Mais ses bienfaits ne s'arrêtent pas là.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍊 Vitamines A \u0026amp; groupe B\u003c\/h3\u003e\n\u003cp\u003eEssentielles au métabolisme énergétique, elles complètent parfaitement l'action de la vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🛡️ Flavonoïdes \u0026amp; polyphénols\u003c\/h3\u003e\n\u003cp\u003eDe puissants antioxydants qui protègent vos cellules contre le stress oxydatif au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚡ Minéraux essentiels\u003c\/h3\u003e\n\u003cp\u003eFer, calcium, phosphore, potassium et magnésium pour un soutien minéral complet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement à la vitamine C présente dans les comprimés classiques, la forme en poudre lyophilisée préserve la \u003cstrong\u003esynergie naturelle entre nutriments\u003c\/strong\u003e. Votre organisme les assimile ainsi bien plus facilement qu'une vitamine C de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eBienfaits au quotidien : immunité, vitalité et beauté\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eIntégrer l'acérola en poudre à votre routine, c'est offrir à votre corps un soutien concret sur plusieurs plans.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal du système immunitaire, particulièrement utile lors des changements de saison ou en période de stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eVous traversez une phase de surmenage ou de manque d'entrain ? L'acérola aide à retrouver tonus et énergie durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e✨ Éclat de la peau\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C participe à la formation normale de collagène, un allié précieux pour une peau lumineuse et des tissus en bonne santé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eElle protège vos cellules contre le stress oxydatif lié à la pollution, au sport intensif ou au vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003ePrenez \u003cstrong\u003e1 à 3 g de poudre d'acérola par jour\u003c\/strong\u003e (environ ½ à 1 cuillère à café).\u003c\/p\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n\u003cp\u003e½ à 1 cuillère à café (1 à 3 g) selon vos besoins quotidiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eMélangez dans votre boisson ou recette\u003c\/h3\u003e\n\u003cp\u003eUn verre d'eau, un jus fraîchement préparé, un smoothie aux fruits rouges, une compote, un yaourt, un bol de muesli ou une boisson végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eDégustez et profitez\u003c\/h3\u003e\n\u003cp\u003eSa saveur acidulée et fruitée s'intègre naturellement à vos recettes du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eÉvitez de chauffer au-delà de \u003cstrong\u003e40 °C\u003c\/strong\u003e pour préserver toute la richesse en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"ac-composition-box\"\u003e\n\u003cdiv class=\"ac-composition-main\"\u003e\n\u003ch3\u003e🍒 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003ePoudre d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e) lyophilisée, issue de l'agriculture biologique. \u003cstrong\u003e100% pure, sans additifs, sans conservateurs, sans sucres ajoutés.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-composition-nutrition\"\u003e\n\u003cdiv class=\"ac-nutrition-highlight\"\u003e\n\u003cspan class=\"ac-nutrition-value\"\u003e510 mg\u003c\/span\u003e \u003cspan class=\"ac-nutrition-label\"\u003ede vitamine C pour 3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-nutrition-highlight\"\u003e\n\u003cspan class=\"ac-nutrition-value\"\u003e638%\u003c\/span\u003e \u003cspan class=\"ac-nutrition-label\"\u003edes apports journaliers recommandés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-certif-row\"\u003e\n\u003cspan class=\"ac-badge-certif\"\u003e🌱 Agriculture Biologique\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e✅ Certifié Ecocert\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e🇪🇺 Label Bio UE\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e🇧🇷 Origine : Amazonie, Brésil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eCe qui distingue cette acérola bio Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eUn seul ingrédient, aucun excipient ni maltodextrine souvent présents chez d'autres marques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📊 Concentration élevée\u003c\/h3\u003e\n\u003cp\u003e17% de vitamine C, bien au-dessus de nombreuses acérola bio en poudre du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e❄️ Lyophilisation douce\u003c\/h3\u003e\n\u003cp\u003eProcédé à froid qui préserve enzymes, vitamines et antioxydants dans leur intégralité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eSol Semilla, pionnier des superaliments depuis 1992, travaille avec des producteurs brésiliens dans le respect de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA + DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ac-section\"\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e🍒 Offrez à votre corps le meilleur de la nature amazonienne : une poudre d'acérola bio d'exception, pure et hautement concentrée en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical. Consultez votre professionnel de santé en cas de doute. Conservez au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ac-cream: #faf6f0;\n --ac-white: #ffffff;\n --ac-primary: #d63a2a;\n --ac-primary-dark: #9c1e14;\n --ac-primary-light: #fef0ee;\n --ac-secondary: #e8853a;\n --ac-accent: #c8a96e;\n --ac-kraft: #d4b896;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e8ddd0;\n --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-secondary) 50%, var(--ac-accent) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-conic-gradient(\n from 0deg at 50% 110%,\n rgba(255,255,255,.08) 0deg 15deg,\n transparent 15deg 30deg\n );\n opacity: .6;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.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.ac-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-card-highlight {\n border-left: 4px solid var(--ac-secondary);\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ac-composition-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-composition-main {\n padding: clamp(1.25rem, 3vw, 2rem);\n border-bottom: 1px solid var(--ac-border);\n}\n\n.ac-composition-main h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ac-composition-main p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.ac-composition-nutrition {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0;\n}\n\n.ac-nutrition-highlight {\n padding: clamp(1rem, 3vw, 1.5rem);\n text-align: center;\n border-right: 1px solid var(--ac-border);\n}\n\n.ac-nutrition-highlight:last-child {\n border-right: none;\n}\n\n.ac-nutrition-value {\n display: block;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--ac-primary);\n letter-spacing: -.03em;\n line-height: 1.1;\n}\n\n.ac-nutrition-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: var(--ac-text-light);\n margin-top: .35rem;\n font-weight: 600;\n}\n\n\/* === CERTIFICATIONS === *\/\n.ac-certif-row {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.ac-badge-certif {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 8px 14px;\n background: var(--ac-white);\n border: 2px solid var(--ac-border);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n transition: all .3s ease;\n}\n\n.ac-badge-certif:hover {\n border-color: var(--ac-primary);\n background: var(--ac-primary-light);\n}\n\n\/* === CTA === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ac-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-conic-gradient(\n from 0deg at 50% 110%,\n rgba(255,255,255,.05) 0deg 15deg,\n transparent 15deg 30deg\n );\n}\n\n.ac-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\/* === DISCLAIMER === *\/\n.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-composition-nutrition {\n grid-template-columns: 1fr;\n }\n\n .ac-nutrition-highlight {\n border-right: none;\n border-bottom: 1px solid var(--ac-border);\n padding: 1rem;\n }\n\n .ac-nutrition-highlight:last-child {\n border-bottom: none;\n }\n\n .ac-certif-row {\n gap: 6px;\n }\n\n .ac-badge-certif {\n font-size: 11px;\n padding: 6px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n\n .ac-timeline-item {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-timeline-item:nth-child(1) { animation-delay: .1s; }\n .ac-timeline-item:nth-child(2) { animation-delay: .2s; }\n .ac-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755131920541,"sku":"R027","price":14.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-bio-poudre-pure-a-100-50-g-sol-semilla-lifestyle.webp?v=1772722710"},{"product_id":"somnijoie-sommeil-profond-et-reduction-du-stress-120-gelules-jade-recherche","title":"Somnijoie - Sommeil Profond \u0026 Réduction du Stress - 120 Gélules - Jade Recherche","description":"\u003cdiv class=\"sj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sj-hero\"\u003e\n \u003cdiv class=\"sj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-hero-content\"\u003e\n \u003cdiv class=\"sj-badges-top\"\u003e\n \u003cspan class=\"sj-badge\"\u003e🌙 Sommeil profond\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e☀️ Anti-stress jour\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🌿 7 actifs naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sj-hero-title\"\u003eSomniJoie\u003c\/span\u003e\n \u003cp class=\"sj-subtitle\"\u003eSommeil profond \u0026amp; réduction du stress — 120 gélules\u003c\/p\u003e\n \u003cp class=\"sj-description\"\u003eLa formule 2-en-1 qui apaise vos nuits et illumine vos journées. 7 actifs naturels pour retrouver un sommeil réparateur et un équilibre émotionnel durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eSomniJoie : le complément alimentaire sommeil et anti-stress 2-en-1\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eVous dormez mal, vous vous réveillez en pleine nuit, ou le stress vous empêche de trouver le repos ? \u003cstrong\u003eSomniJoie\u003c\/strong\u003e de Jade Recherche est un complément alimentaire pour le sommeil et la gestion du stress qui agit sur les deux fronts.\u003c\/p\u003e\n \u003cdiv class=\"sj-grid-compact\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😴 Sommeil profond\u003c\/h3\u003e\n \u003cp\u003eFavorise un endormissement rapide et des nuits sans interruption\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n \u003cp\u003eRéduit la tension nerveuse et l'irritabilité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003e7 actifs d'origine naturelle, sans accoutumance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eMaintient la bonne humeur et la stabilité émotionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003ePourquoi choisir SomniJoie plutôt qu'un simple somnifère naturel ?\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eLa plupart des gélules sommeil se contentent de favoriser l'endormissement. SomniJoie va plus loin grâce à une \u003cstrong\u003edouble action unique\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"sj-dual\"\u003e\n \u003cdiv class=\"sj-dual-card sj-dual-night\"\u003e\n \u003cdiv class=\"sj-dual-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3\u003eLe soir — Mode Somni\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules 30 min avant le coucher\u003c\/strong\u003e pour un sommeil profond et réparateur, avec moins de réveils nocturnes. La mélatonine, la valériane et la passiflore s'unissent pour vous guider vers un repos complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-dual-card sj-dual-day\"\u003e\n \u003cdiv class=\"sj-dual-icon\"\u003e☀️\u003c\/div\u003e\n \u003ch3\u003eLe matin — Mode Joie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules au petit-déjeuner\u003c\/strong\u003e pour agir comme complément anti-stress, réduire l'irritabilité et maintenir la bonne humeur tout au long de la journée. L'ashwagandha et le griffonia soutiennent votre sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-tip\"\u003e\n \u003cspan class=\"sj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette polyvalence en fait un allié précieux si vous traversez une période de tension nerveuse, de surmenage ou de déprime passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eUne formule complète de 7 actifs naturels\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eChaque pilulier contient \u003cstrong\u003e120 gélules\u003c\/strong\u003e, soit un mois de cure à raison de 2 gélules par jour. Voici le détail de la composition :\u003c\/p\u003e\n \u003cdiv class=\"sj-grid\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌱 Ashwagandha\u003c\/h3\u003e\n \u003cp\u003eDosé à \u003cstrong\u003e5 % de withanolides\u003c\/strong\u003e. Plante adaptogène majeure qui aide le corps à gérer le stress, réduit le cortisol et augmente la durée du sommeil paradoxal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌿 Griffonia (5-HTP)\u003c\/h3\u003e\n \u003cp\u003ePrécurseur naturel de la \u003cstrong\u003esérotonine\u003c\/strong\u003e, l'hormone du bien-être. Associé à la vitamine B6, il soutient l'humeur et régule les compulsions alimentaires liées au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e💜 Valériane\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés \u003cstrong\u003esédatives douces\u003c\/strong\u003e, elle facilite l'endormissement sans somnolence au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌸 Passiflore\u003c\/h3\u003e\n \u003cp\u003eRéduit l'anxiété et favorise un \u003cstrong\u003esommeil continu\u003c\/strong\u003e, sans interruption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🤍 Aubépine\u003c\/h3\u003e\n \u003cp\u003eApaise le système nerveux et \u003cstrong\u003ecalme les palpitations\u003c\/strong\u003e liées au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🍃 Mélisse\u003c\/h3\u003e\n \u003cp\u003eEffet \u003cstrong\u003erelaxant et digestif\u003c\/strong\u003e, idéal si le stress vous noue l'estomac le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌙 Mélatonine\u003c\/h3\u003e\n \u003cp\u003eL'hormone du sommeil par excellence, qui \u003cstrong\u003eraccourcit le temps d'endormissement\u003c\/strong\u003e de façon naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-clean-badges\"\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans gluten\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans lactose\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans OGM\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans colorants artificiels\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eComment prendre SomniJoie ?\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau :\u003c\/p\u003e\n \u003cdiv class=\"sj-timeline\"\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e🌙 Pour le sommeil\u003c\/h3\u003e\n \u003cp\u003e2 gélules le soir, environ \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e. Laissez la formule agir pour un endormissement naturel et un sommeil profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e☀️ Pour le stress et l'équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003e2 gélules le matin \u003cstrong\u003eau petit-déjeuner\u003c\/strong\u003e. L'ashwagandha et le griffonia soutiennent votre sérénité tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e pour ressentir pleinement les bienfaits. Renouvelez selon vos besoins ou alternez les prises matin\/soir en fonction des périodes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"sj-testimonial\"\u003e\n \u003cp class=\"sj-testimonial-text\"\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e par le laboratoire Jade Recherche, SomniJoie répond aux normes de qualité les plus strictes. Les ingrédients sont sélectionnés pour leur pureté et leur efficacité, et le conditionnement privilégie des emballages respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e✅ Normes strictes\u003c\/h3\u003e\n \u003cp\u003ePureté et efficacité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballages respectueux de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🔬 Ingrédients sélectionnés\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité optimales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément sommeil ?\u003c\/h2\u003e\n \u003cdiv class=\"sj-grid\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😴 Difficultés d'endormissement\u003c\/h3\u003e\n \u003cp\u003eVous mettez plus de 30 minutes à vous endormir ou vous vous réveillez fréquemment la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🔍 En quête du meilleur complément sommeil\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une solution naturelle associant détente profonde et sérénité durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🧠 Profils stressés ou surmenés\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période émotionnellement exigeante et avez besoin d'un soutien quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-cta-box\"\u003e\n \u003cp\u003e🌙 Retrouvez des nuits sereines et des journées lumineuses avec SomniJoie — votre allié sommeil \u0026amp; bien-être 2-en-1 ☀️\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sj-disclaimer\"\u003eCe complément alimentaire ne remplace ni un traitement médical ni un suivi professionnel. En cas de doute, consultez votre médecin ou pharmacien avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médicamenteux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sj-cream: #f5f2ed;\n --sj-white: #ffffff;\n --sj-primary: #2a5daa;\n --sj-primary-dark: #1a3d6e;\n --sj-primary-light: #e8f0fa;\n --sj-secondary: #f5a623;\n --sj-accent: #ffd366;\n --sj-night: #1e2d5a;\n --sj-day: #fff8eb;\n --sj-text: #1a1a1a;\n --sj-text-light: #5a5a5a;\n --sj-border: #e0e0e0;\n --sj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sj-radius: 20px;\n --sj-radius-sm: 12px;\n}\n\n.sj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sj-night) 0%, var(--sj-primary) 50%, var(--sj-secondary) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,211,102,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(245,166,35,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sj-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.sj-subtitle {\n color: var(--sj-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.sj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sj-primary), var(--sj-secondary));\n border-radius: 2px;\n}\n\n.sj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sj-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sj-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-primary);\n}\n\n.sj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sj-grid-compact .sj-card {\n padding: 1rem;\n}\n\n.sj-grid-compact .sj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sj-grid-compact .sj-card p {\n font-size: 12px;\n}\n\n\/* === DUAL CARDS (Jour\/Nuit) === *\/\n.sj-dual {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.sj-dual-card {\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n text-align: center;\n}\n\n.sj-dual-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-dual-night {\n background: linear-gradient(145deg, #1e2d5a 0%, #2a5daa 100%);\n color: white;\n}\n\n.sj-dual-night h3 {\n color: var(--sj-accent);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n margin: .75rem 0 .5rem;\n}\n\n.sj-dual-night p {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n margin: 0;\n}\n\n.sj-dual-day {\n background: linear-gradient(145deg, #fff8eb 0%, #fff0d0 100%);\n border: 2px solid var(--sj-secondary);\n}\n\n.sj-dual-day h3 {\n color: #b37d00;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n margin: .75rem 0 .5rem;\n}\n\n.sj-dual-day p {\n color: var(--sj-text-light);\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n margin: 0;\n}\n\n.sj-dual-icon {\n font-size: 36px;\n}\n\n\/* === TIMELINE === *\/\n.sj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sj-primary), var(--sj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sj-timeline-content {\n flex: 1;\n background: var(--sj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sj-radius-sm);\n box-shadow: var(--sj-shadow);\n}\n\n.sj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sj-timeline-content p {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sj-testimonial {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n border-left: 4px solid var(--sj-primary);\n}\n\n.sj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sj-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CLEAN BADGES === *\/\n.sj-clean-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 1.5rem;\n}\n\n.sj-clean-badge {\n display: inline-flex;\n align-items: center;\n padding: 8px 18px;\n background: var(--sj-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n border: 1px solid rgba(42,93,170,.15);\n}\n\n\/* === TIP === *\/\n.sj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sj-primary-light);\n border-radius: var(--sj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sj-tip p {\n font-size: 14px;\n color: var(--sj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sj-cta-box {\n background: linear-gradient(135deg, var(--sj-primary) 0%, var(--sj-night) 60%, var(--sj-secondary) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.sj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sj-disclaimer {\n font-size: 12px;\n color: var(--sj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sj-card {\n padding: 1.125rem;\n }\n\n .sj-section {\n margin-bottom: 1.75rem;\n }\n\n .sj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sj-radius-sm);\n }\n\n .sj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sj-grid-compact {\n gap: .625rem;\n }\n\n .sj-grid-compact .sj-card {\n padding: .75rem;\n }\n\n .sj-dual {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sj-timeline-content h3 {\n font-size: 14px;\n }\n\n .sj-timeline-content p {\n font-size: 13px;\n }\n\n .sj-testimonial {\n padding: 1.25rem;\n }\n\n .sj-testimonial-text {\n font-size: 14px;\n }\n\n .sj-clean-badges {\n gap: 6px;\n }\n\n .sj-clean-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n\n .sj-dual-icon {\n font-size: 28px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sj-card {\n animation: sjFadeInUp .5s ease backwards;\n }\n .sj-card:nth-child(1) { animation-delay: .05s; }\n .sj-card:nth-child(2) { animation-delay: .1s; }\n .sj-card:nth-child(3) { animation-delay: .15s; }\n .sj-card:nth-child(4) { animation-delay: .2s; }\n .sj-card:nth-child(5) { animation-delay: .25s; }\n .sj-card:nth-child(6) { animation-delay: .3s; }\n .sj-card:nth-child(7) { animation-delay: .35s; }\n\n .sj-dual-card {\n animation: sjFadeInUp .6s ease backwards;\n }\n .sj-dual-card:nth-child(1) { animation-delay: .1s; }\n .sj-dual-card:nth-child(2) { animation-delay: .2s; }\n\n .sj-timeline-item {\n animation: sjFadeInUp .5s ease backwards;\n }\n .sj-timeline-item:nth-child(1) { animation-delay: .05s; }\n .sj-timeline-item:nth-child(2) { animation-delay: .1s; }\n .sj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes sjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755232878749,"sku":"SOMNIJOIE","price":30.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/somnijoie-sommeil-profond-reduction-du-stress-120-gelules-ja-packshothd.webp?v=1786010883"},{"product_id":"asthen-complexe-dhuiles-essentielles-30-ml-jade-recherche","title":"Asthen - Complexe d'huiles Essentielles Surrénales - 30 ml - Jade Recherche","description":"\u003cdiv class=\"asth-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"asth-hero\"\u003e\n \u003cdiv class=\"asth-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asth-hero-content\"\u003e\n \u003cdiv class=\"asth-badges-top\"\u003e\n \u003cspan class=\"asth-badge\"\u003e🌲 Huiles essentielles pures\u003c\/span\u003e\n \u003cspan class=\"asth-badge\"\u003e⚡ Recharge énergétique\u003c\/span\u003e\n \u003cspan class=\"asth-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"asth-hero-title\"\u003eAsthen\u003c\/span\u003e\n \u003cp class=\"asth-subtitle\"\u003eComplexe d'huiles essentielles surrénales\u003c\/p\u003e\n \u003cp class=\"asth-description\"\u003eUn mélange synergique d'huiles essentielles de conifères pour soutenir vos glandes surrénales, restaurer votre énergie vitale et renforcer votre résistance au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eUn complexe de 3 huiles essentielles idéales\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-grid\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌲 Picea mariana (Épinette noire)\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle d'épinette noire aux propriétés stimulantes et équilibrantes pour les surrénales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌿 Pinus sylvestris (Pin Sylvestre)\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de pin sylvestre apportant un effet tonifiant et énergisant naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💧 Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eBase végétale nourrissante qui facilite l'application et protège la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"mt-4\"\u003eLes bienfaits d'Asthen sur les surrénales\u003c\/h2\u003e\n \u003cp class=\"asth-section-intro\"\u003eLes surrénales jouent un rôle crucial dans la résistance au stress et la vitalité\n générale. Lorsqu'elles sont \"à plat\", Asthen aide à restaurer leur fonction naturellement.\u003c\/p\u003e\n\n \u003cdiv class=\"asth-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n \u003cp\u003eRevitalise en période de fatigue chronique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n \u003cp\u003eRenforce la résilience face au stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💆 Détente nerveuse\u003c\/h3\u003e\n \u003cp\u003eFavorise la relaxation et l'endormissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💇 Vitalité capillaire\u003c\/h3\u003e\n \u003cp\u003eSoutient la santé des cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-timeline\"\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003ePréparez l'application\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes d'Asthen sur le dos de chaque main\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003eLocalisez les surrénales\u003c\/h3\u003e\n \u003cp\u003ePlacez vos poings fermés au-dessus des reins, au creux du dos sous les côtes flottantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-timeline-item\"\u003e\n \u003cspan class=\"asth-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"asth-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massant de bas en haut, matin et\/ou soir selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asth-tip\"\u003e\n \u003cspan class=\"asth-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Le matin pour un regain d'énergie, le soir pour favoriser la détente et l'endormissement. Un flacon de 30 ml dure plusieurs mois avec un usage quotidien !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Caractéristiques --\u003e\n \u003csection class=\"asth-section\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-grid-compact\"\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e30 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🌲 Actifs\u003c\/h3\u003e\n \u003cp\u003ePicea mariana \u0026amp; Pinus sylvestris\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e💧 Base\u003c\/h3\u003e\n \u003cp\u003eHuile végétale de jojoba\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e✋ Usage\u003c\/h3\u003e\n \u003cp\u003eExterne uniquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eJade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asth-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n \u003csection class=\"asth-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \n \u003cdiv class=\"asth-accordion\"\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e⚠️ Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eNe pas ingérer. Ne pas appliquer sur les muqueuses ou sur une peau irritée. En cas de réaction inhabituelle, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eNe convient pas aux enfants sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asth-accordion-item\"\u003e\n \u003csummary class=\"asth-accordion-header\"\u003e🩺 En cas de réaction\u003c\/summary\u003e\n \u003cdiv class=\"asth-accordion-content\"\u003e\n \u003cp\u003eEn cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asth-cta-box\"\u003e\n \u003cp\u003e🌲 Offrez à vos surrénales le soutien naturel qu'elles méritent avec la puissance des huiles essentielles de conifères\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"asth-disclaimer\"\u003eLes informations fournies ne remplacent pas l'avis d'un professionnel de santé. Complément de bien-être, ne se substitue pas à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --asth-cream: #F5F3EF;\n --asth-white: #ffffff;\n --asth-primary: #5B7B6F;\n --asth-primary-dark: #3D5A4F;\n --asth-primary-light: #E8F0EC;\n --asth-secondary: #8B6914;\n --asth-accent: #6B5B4F;\n --asth-text: #1a1a1a;\n --asth-text-light: #5a5a5a;\n --asth-border: #e0e0e0;\n --asth-shadow: 0 4px 24px rgba(0,0,0,.08);\n --asth-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --asth-radius: 20px;\n --asth-radius-sm: 12px;\n}\n\n.asth-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--asth-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.asth-hero {\n position: relative;\n background: linear-gradient(135deg, #3D5A4F 0%, #5B7B6F 50%, #7A9B8F 100%);\n border-radius: var(--asth-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--asth-shadow-lg);\n}\n\n.asth-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L30 20 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Cpath d='M30 35 L38 55 L30 48 L22 55 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.asth-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.asth-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.asth-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--asth-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.asth-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.asth-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.asth-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.asth-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.asth-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asth-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--asth-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.asth-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--asth-primary), var(--asth-secondary));\n border-radius: 2px;\n}\n\n.asth-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--asth-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.asth-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.asth-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.asth-card {\n background: var(--asth-white);\n border-radius: var(--asth-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--asth-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.asth-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--asth-shadow-lg);\n border-color: var(--asth-primary);\n}\n\n.asth-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--asth-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.asth-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--asth-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.asth-grid-compact .asth-card {\n padding: 1rem;\n}\n\n.asth-grid-compact .asth-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.asth-grid-compact .asth-card p {\n font-size: 12px;\n}\n\n.asth-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.asth-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.asth-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--asth-primary), var(--asth-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.asth-timeline-content {\n flex: 1;\n background: var(--asth-white);\n padding: 1rem 1.25rem;\n border-radius: var(--asth-radius-sm);\n box-shadow: var(--asth-shadow);\n}\n\n.asth-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--asth-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.asth-timeline-content p {\n font-size: 14px;\n color: var(--asth-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.asth-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--asth-primary-light);\n border-radius: var(--asth-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.asth-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.asth-tip p {\n font-size: 14px;\n color: var(--asth-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.asth-accordion {\n background: var(--asth-white);\n border-radius: var(--asth-radius);\n box-shadow: var(--asth-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.asth-accordion-item {\n border-bottom: 1px solid var(--asth-border);\n margin: 0;\n padding: 0;\n}\n\n.asth-accordion-item:last-child {\n border-bottom: none;\n}\n\n.asth-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--asth-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.asth-accordion-header:hover {\n background: var(--asth-primary-light);\n}\n\n.asth-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.asth-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--asth-primary);\n transition: transform .2s ease;\n}\n\n.asth-accordion-item[open] .asth-accordion-header::after {\n content: '−';\n}\n\n.asth-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--asth-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.asth-accordion-content p {\n margin: 0;\n}\n\n.asth-cta-box {\n background: linear-gradient(135deg, var(--asth-primary) 0%, var(--asth-primary-dark) 100%);\n border-radius: var(--asth-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.asth-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.asth-disclaimer {\n font-size: 12px;\n color: var(--asth-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .asth-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .asth-card {\n padding: 1.125rem;\n }\n \n .asth-section {\n margin-bottom: 1.75rem;\n }\n \n .asth-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--asth-radius-sm);\n }\n \n .asth-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .asth-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .asth-grid-compact {\n gap: .625rem;\n }\n \n .asth-grid-compact .asth-card {\n padding: .75rem;\n }\n \n .asth-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .asth-timeline-content {\n padding: .875rem 1rem;\n }\n \n .asth-timeline-content h3 {\n font-size: 14px;\n }\n \n .asth-timeline-content p {\n font-size: 13px;\n }\n \n .asth-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .asth-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .asth-card {\n animation: fadeInUp .5s ease backwards;\n }\n .asth-card:nth-child(1) { animation-delay: .05s; }\n .asth-card:nth-child(2) { animation-delay: .1s; }\n .asth-card:nth-child(3) { animation-delay: .15s; }\n .asth-card:nth-child(4) { animation-delay: .2s; }\n .asth-card:nth-child(5) { animation-delay: .25s; }\n .asth-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .asth-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755253096605,"sku":"ASTHENJADE","price":27.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/asthen-complexe-dhuiles-essentielles-surrenales-30-ml-jade-r-lifestyle.webp?v=1768895283"},{"product_id":"carencea-repondre-a-la-majorite-des-carences-et-besoins-120-gelules-jade-recherche","title":"Carencéa Jade Recherche - Vitamine D3\/K2 Magnésium B6 - 120 gélules","description":"\u003cdiv class=\"crc-premium\"\u003e\n \u003cdiv class=\"crc-hero\"\u003e\n \u003cdiv class=\"crc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"crc-hero-content\"\u003e\n \u003cdiv class=\"crc-badges-top\"\u003e\n \u003cspan class=\"crc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"crc-badge\"\u003e💊 120 gélules\u003c\/span\u003e\n \u003cspan class=\"crc-badge\"\u003e📅 60 jours de cure\u003c\/span\u003e\n \u003cspan class=\"crc-badge\"\u003e🌱 Sans OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"crc-hero-title\"\u003eCarencéa D3\/K2 + Magnésium B6\u003c\/span\u003e\n \u003cp class=\"crc-subtitle\"\u003eLa formule complète anti-carences\u003c\/p\u003e\n \u003cp class=\"crc-description\"\u003eUn complément alimentaire \u003cstrong\u003esynergique et hautement assimilable\u003c\/strong\u003e qui associe vitamine D3, K2, magnésium bisglycinate, B6, iode marin, taurine, spiruline et vitamine E pour combler les principales carences du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"crc-section\"\u003e\n \u003ch2\u003ePourquoi associer vitamine D3, K2 et magnésium ?\u003c\/h2\u003e\n \u003cp class=\"crc-section-intro\"\u003eL'association \u003cstrong\u003evitamine D3 et K2\u003c\/strong\u003e est aujourd'hui considérée comme l'un des duos les plus pertinents en micronutrition.\u003c\/p\u003e\n \u003cdiv class=\"crc-grid\"\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n \u003cp\u003eFavorise l'absorption du calcium par l'organisme, base d'une ossature solide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🦴 Vitamine K2\u003c\/h3\u003e\n \u003cp\u003eOriente ce calcium vers les os et les dents plutôt que vers les artères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e⚡ Magnésium + B6\u003c\/h3\u003e\n \u003cp\u003eLe binôme le plus recommandé pour réduire la fatigue et apaiser le système nerveux. La B6 améliore l'assimilation cellulaire du magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crc-section\"\u003e\n \u003ch2\u003eLes bienfaits de Carencéa au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"crc-grid\"\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e💪 Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eGrâce au magnésium bisglycinate et à la vitamine B6, pour retrouver tonus et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire \u0026amp; osseux\u003c\/h3\u003e\n \u003cp\u003eVitamines D3 et K2, idéales en cure automne-hiver pour renforcer vos défenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🌿 Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E protège vos cellules du stress oxydatif au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e✨ Vitalité globale\u003c\/h3\u003e\n \u003cp\u003eLa spiruline et la taurine apportent un coup de boost naturel à votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🌊 Équilibre thyroïdien\u003c\/h3\u003e\n \u003cp\u003eSoutenu par l'iode naturel de Fucus vesiculosus, essentiel au métabolisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🧠 Système nerveux apaisé\u003c\/h3\u003e\n \u003cp\u003eMagnésium + B6 : la combinaison idéale pour gérer stress et tensions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crc-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 2 gélules)\u003c\/h2\u003e\n \u003cdiv class=\"crc-grid-compact\"\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e⚡ Magnésium bisglycinate\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e340 mg\u003c\/strong\u003e (90 % AR)\u003cbr\u003eForme chélatée très biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e\u003cbr\u003eSuperaliment riche en nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e💧 Taurine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e\u003cbr\u003eAcide aminé énergisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🦴 Vitamine K2 (MK-7)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e105 µg\u003c\/strong\u003e (140 % AR)\u003cbr\u003eForme la plus assimilable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e50 µg \/ 2000 UI\u003c\/strong\u003e (1000 % AR)\u003cbr\u003eCholécalciférol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🌟 Vitamine E\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e30 mg\u003c\/strong\u003e (250 % AR)\u003cbr\u003ePuissant antioxydant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🌊 Fucus vesiculosus\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e40 mg\u003c\/strong\u003e\u003cbr\u003eSource d'iode marin naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🧬 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1,6 mg\u003c\/strong\u003e (114 % AR)\u003cbr\u003eSynergie avec le magnésium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-tip\"\u003e\n \u003cspan class=\"crc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e120 gélules par flacon\u003c\/strong\u003e, soit 60 jours de cure. Gélule végétale HPMC. Sans colorants, sans conservateurs controversés, sans OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"crc-timeline\"\u003e\n \u003cdiv class=\"crc-timeline-item\"\u003e\n \u003cdiv class=\"crc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"crc-timeline-content\"\u003e\n \u003ch3\u003e💊 Posologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour, le matin, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-timeline-item\"\u003e\n \u003cdiv class=\"crc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"crc-timeline-content\"\u003e\n \u003ch3\u003e🍽️ Au cours du repas\u003c\/h3\u003e\n \u003cp\u003eIdéalement pendant un repas pour optimiser l'absorption des vitamines liposolubles (D3, K2, E).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-timeline-item\"\u003e\n \u003cdiv class=\"crc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"crc-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de 1 à 2 mois, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crc-section\"\u003e\n \u003ch2\u003ePourquoi choisir Carencéa plutôt qu'une vitamine D3 et K2 en pharmacie ?\u003c\/h2\u003e\n \u003cp class=\"crc-section-intro\"\u003eContrairement aux produits classiques limités à deux actifs, Carencéa propose une \u003cstrong\u003eformule globale\u003c\/strong\u003e couvrant l'essentiel des carences modernes.\u003c\/p\u003e\n \u003cdiv class=\"crc-grid-compact\"\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🎯 Formule complète\u003c\/h3\u003e\n \u003cp\u003e8 actifs synergiques en un seul flacon, au lieu de cumuler plusieurs produits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eUne solution tout-en-un, plus avantageuse que l'achat séparé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSelon des normes strictes de qualité et de traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"crc-card\"\u003e\n \u003ch3\u003e🌱 Hautement assimilable\u003c\/h3\u003e\n \u003cp\u003eMagnésium bisglycinate chélaté, K2 MK-7, formes biodisponibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"crc-accordion\"\u003e\n \u003cdetails class=\"crc-accordion-item\"\u003e\n \u003csummary class=\"crc-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"crc-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"crc-accordion-item\"\u003e\n \u003csummary class=\"crc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"crc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de grossesse, d'allaitement ou de traitement anticoagulant sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"crc-accordion-item\"\u003e\n \u003csummary class=\"crc-accordion-header\"\u003e🍎 Hygiène de vie\u003c\/summary\u003e\n \u003cdiv class=\"crc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée, équilibrée et un mode de vie sain, ni un traitement médical en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"crc-accordion-item\"\u003e\n \u003csummary class=\"crc-accordion-header\"\u003e👨‍⚕️ Conseils professionnels\u003c\/summary\u003e\n \u003cdiv class=\"crc-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez conseil à un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"crc-accordion-item\"\u003e\n \u003csummary class=\"crc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"crc-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. À conserver dans un endroit frais et sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"crc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"crc-cta-box\"\u003e\n \u003cp\u003e🌟 Une formule synergique unique pour combler vos carences quotidiennes et retrouver vitalité, énergie et bien-être au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"crc-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\n\u003cstyle\u003e\n:root {\n --crc-cream: #fdf8f3;\n --crc-white: #ffffff;\n --crc-primary: #e87722;\n --crc-primary-dark: #c45a0e;\n --crc-primary-light: #fdebd9;\n --crc-secondary: #1e3a5f;\n --crc-accent: #f5a04a;\n --crc-text: #1a1a1a;\n --crc-text-light: #5a5a5a;\n --crc-border: #e8dcc8;\n --crc-shadow: 0 4px 24px rgba(232,119,34,.10);\n --crc-shadow-lg: 0 12px 48px rgba(232,119,34,.18);\n --crc-radius: 20px;\n --crc-radius-sm: 12px;\n}\n\n.crc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--crc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--crc-text);\n}\n\n.crc-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a04a 0%, #e87722 50%, #c45a0e 100%);\n border-radius: var(--crc-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(--crc-shadow-lg);\n}\n\n.crc-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,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.crc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.crc-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.crc-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n}\n\n.crc-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.crc-description strong {\n color: white;\n font-weight: 700;\n}\n\n.crc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.crc-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(--crc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.crc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.crc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.crc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--crc-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.crc-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(--crc-primary), var(--crc-secondary));\n border-radius: 2px;\n}\n\n.crc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--crc-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.crc-section-intro strong {\n color: var(--crc-primary-dark);\n}\n\n.crc-section \u003e p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--crc-text-light);\n line-height: 1.8;\n max-width: 820px;\n margin: 0 auto 1rem;\n}\n\n.crc-section \u003e p strong {\n color: var(--crc-primary-dark);\n font-weight: 700;\n}\n\n.crc-card {\n background: var(--crc-white);\n border-radius: var(--crc-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--crc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.crc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--crc-shadow-lg);\n border-color: var(--crc-primary);\n}\n\n.crc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--crc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.crc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--crc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.crc-card p strong {\n color: var(--crc-secondary);\n font-weight: 800;\n font-size: 1.05em;\n}\n\n.crc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.crc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.crc-grid-compact .crc-card {\n padding: 1rem;\n}\n\n.crc-grid-compact .crc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.crc-grid-compact .crc-card p {\n font-size: 12px;\n}\n\n.crc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.crc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.crc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--crc-primary), var(--crc-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(232,119,34,.3);\n}\n\n.crc-timeline-content {\n flex: 1;\n background: var(--crc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--crc-radius-sm);\n box-shadow: var(--crc-shadow);\n}\n\n.crc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--crc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.crc-timeline-content p {\n font-size: 14px;\n color: var(--crc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.crc-accordion {\n background: var(--crc-white);\n border-radius: var(--crc-radius);\n box-shadow: var(--crc-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.crc-accordion-item {\n border-bottom: 1px solid var(--crc-border);\n margin: 0;\n padding: 0;\n}\n\n.crc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.crc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--crc-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.crc-accordion-header:hover {\n background: var(--crc-primary-light);\n}\n\n.crc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.crc-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--crc-primary);\n transition: transform .2s ease;\n}\n\n.crc-accordion-item[open] .crc-accordion-header::after {\n content: '−';\n}\n\n.crc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--crc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.crc-accordion-content p {\n margin: 0;\n}\n\n.crc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--crc-primary-light);\n border-radius: var(--crc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--crc-primary);\n}\n\n.crc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.crc-tip p {\n font-size: 14px;\n color: var(--crc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.crc-cta-box {\n background: linear-gradient(135deg, var(--crc-primary) 0%, var(--crc-primary-dark) 100%);\n border-radius: var(--crc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--crc-shadow-lg);\n}\n\n.crc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n.crc-disclaimer {\n font-size: 12px;\n color: var(--crc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .crc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .crc-card { padding: 1.125rem; }\n .crc-section { margin-bottom: 1.75rem; }\n .crc-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--crc-radius-sm);\n }\n .crc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .crc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .crc-grid-compact { gap: .625rem; }\n .crc-grid-compact .crc-card { padding: .75rem; }\n .crc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .crc-timeline-content { padding: .875rem 1rem; }\n .crc-timeline-content h3 { font-size: 14px; }\n .crc-timeline-content p { font-size: 13px; }\n .crc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .crc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .crc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .crc-card:nth-child(1) { animation-delay: .05s; }\n .crc-card:nth-child(2) { animation-delay: .1s; }\n .crc-card:nth-child(3) { animation-delay: .15s; }\n .crc-card:nth-child(4) { animation-delay: .2s; }\n .crc-card:nth-child(5) { animation-delay: .25s; }\n .crc-card:nth-child(6) { animation-delay: .3s; }\n .crc-card:nth-child(7) { animation-delay: .35s; }\n .crc-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@media (prefers-reduced-motion: reduce) {\n .crc-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":45755298250909,"sku":"JADECARENCEA","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carencea-jade-recherche-vitamine-d3k2-magnesium-b6-120-gelul-packshothd.webp?v=1786012501"},{"product_id":"samavance-fatigue-et-stress-30-ou-60-gelules-jade-recherche","title":"Samavance - Fatigue et Stress - 30 Gélules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Samavance - Fatigue et Stress - Jade Recherche\nPalette détectée:\n - Primaire: #2E7D32 (vert profond du packaging - évoque la nature, spiruline)\n - Secondaire: #1565C0 (bleu du bandeau inférieur - confiance, sérénité)\n - Accent: #4CAF50 (vert clair du logo \"sam\" - fraîcheur, vitalité)\nAmbiance: Naturel\/scientifique, bien-être, formule apaisante avec fond d'herbe\/nature suggérant le retour à l'équilibre\nPréfixe CSS: sam\n--\u003e\n\u003cdiv class=\"sam-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sam-hero\"\u003e\n\u003cdiv class=\"sam-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-hero-content\"\u003e\n\u003cdiv class=\"sam-badges-top\"\u003e\n\u003cspan class=\"sam-badge\"\u003eJade Recherche\u003c\/span\u003e \u003cspan class=\"sam-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e \u003cspan class=\"sam-badge\"\u003e💊 30 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sam-hero-title\"\u003eSamavance\u003c\/span\u003e\n\u003cp class=\"sam-subtitle\"\u003eFatigue \u0026amp; Stress\u003c\/p\u003e\n\u003cp class=\"sam-description\"\u003eUne association de SAM-e, de rhodiola et de spiruline pour accompagner les périodes exigeantes\u003c\/p\u003e\n\u003cdiv class=\"sam-hero-highlights\"\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-label\"\u003eSAM-e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-label\"\u003eRhodiola\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-highlight\"\u003e\n\u003cspan class=\"sam-highlight-label\"\u003eSpiruline\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- À QUI S'ADRESSE-T-IL --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse le Samavance ?\u003c\/h2\u003e\n\u003cp class=\"sam-intro-text\"\u003eCe complément alimentaire cible particulièrement les personnes confrontées aux défis du quotidien moderne.\u003c\/p\u003e\n\u003cdiv class=\"sam-grid\"\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e💼\u003c\/span\u003e\n\u003ch3\u003eProfessionnels sous pression\u003c\/h3\u003e\n\u003cp\u003eSurmenage au travail, deadlines serrées, charge mentale importante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e📚\u003c\/span\u003e\n\u003ch3\u003eÉtudiants en examens\u003c\/h3\u003e\n\u003cp\u003eBesoin de concentration et de clarté mentale en période intense\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e👨👩👧👦\u003c\/span\u003e\n\u003ch3\u003eParents débordés\u003c\/h3\u003e\n\u003cp\u003eRythme familial soutenu et charge mentale importante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-card sam-profile-card\"\u003e\n\u003cspan class=\"sam-card-icon\"\u003e😓\u003c\/span\u003e\n\u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n\u003cp\u003ePériodes de stress et besoin de soutien au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACTIFS CLÉS --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eTrois ingrédients complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"sam-ingredients-grid\"\u003e\n\u003cdiv class=\"sam-ingredient-card sam-ingredient-main\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🧬\u003c\/span\u003e\n\n\u003c\/div\u003e\n\u003ch3\u003eS-adénosylméthionine (SAM-e)\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003eMolécule naturellement présente dans l'organisme, impliquée dans plus de \u003cstrong\u003e100 réactions biochimiques\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eSynthèse des neurotransmetteurs (sérotonine, dopamine)\u003c\/li\u003e\n\u003cli\u003eSoutien de l'humeur et du bien-être mental\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-ingredient-card\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n\n\u003c\/div\u003e\n\u003ch3\u003eRhodiola rosea\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003ePlante adaptogène utilisée depuis des siècles dans les médecines traditionnelles scandinaves et russes.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eAdaptation naturelle au stress\u003c\/li\u003e\n\u003cli\u003eSoutien lors des périodes de fatigue\u003c\/li\u003e\n\u003cli\u003eAccompagnement des périodes de concentration\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-ingredient-card\"\u003e\n\u003cdiv class=\"sam-ingredient-header\"\u003e\n\u003cspan class=\"sam-ingredient-icon\"\u003e🌊\u003c\/span\u003e\n\n\u003c\/div\u003e\n\u003ch3\u003eSpiruline\u003c\/h3\u003e\n\u003cp class=\"sam-ingredient-desc\"\u003eMicro-algue qui complète l’association de SAM-e et de rhodiola.\u003c\/p\u003e\n\u003cul class=\"sam-ingredient-benefits\"\u003e\n\u003cli\u003eUn des trois ingrédients de la formule Samavance\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D’EMPLOI --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003eComment prendre le Samavance ?\u003c\/h2\u003e\n\u003cdiv class=\"sam-usage-grid\"\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eDosage\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003ePrise\u003c\/h3\u003e\n\u003cp\u003eAvaler avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003eDe préférence \u003cstrong\u003ele matin au repas\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-usage-step\"\u003e\n\u003cdiv class=\"sam-step-number\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e30 gélules\u003c\/strong\u003e, soit 15 jours à raison de 2 gélules par jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sam-tip-box\"\u003e\n\u003cspan class=\"sam-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e suivez les indications figurant sur l’emballage du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"sam-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sam-warning-box\"\u003e\n\u003cdiv class=\"sam-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cul class=\"sam-warning-list\" style=\"list-style: none;\"\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes et allaitantes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"sam-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sam-cta-box\"\u003e\n\u003cdiv class=\"sam-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sam-cta-content\"\u003e\n\u003cspan class=\"sam-cta-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch2\u003eVotre allié naturel contre la fatigue et le stress\u003c\/h2\u003e\n\u003cp\u003eSamavance associe SAM-e, rhodiola et spiruline pour accompagner votre quotidien lors des périodes de stress ou de fatigue mentale.\u003c\/p\u003e\n\u003cp\u003eUne formule Jade Recherche au format 30 gélules.\u003c\/p\u003e\n\u003cdiv class=\"sam-cta-format\"\u003e\u003cspan\u003e📦 Boîte de 30 gélules\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --sam-cream: #f8faf8;\n --sam-white: #ffffff;\n --sam-primary: #2E7D32;\n --sam-primary-dark: #1B5E20;\n --sam-primary-light: #E8F5E9;\n --sam-secondary: #1565C0;\n --sam-secondary-light: #E3F2FD;\n --sam-accent: #4CAF50;\n\n \/* Textes *\/\n --sam-text: #1a1a1a;\n --sam-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sam-border: #e0e0e0;\n --sam-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sam-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --sam-radius: 20px;\n --sam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sam-text);\n line-height: 1.6;\n}\n\n.sam-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sam-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sam-primary) 0%, var(--sam-primary-dark) 40%, var(--sam-secondary) 100%);\n border-radius: var(--sam-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.sam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sam-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sam-hero-title {\n display: block;\n color: white;\n font-size: clamp(42px, 9vw, 68px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n text-transform: uppercase;\n}\n\n.sam-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n}\n\n.sam-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.sam-hero-highlights {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 4vw, 2.5rem);\n flex-wrap: wrap;\n}\n\n.sam-highlight {\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: var(--sam-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n min-width: 100px;\n}\n\n.sam-highlight-value {\n display: block;\n color: white;\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n}\n\n.sam-highlight-label {\n display: block;\n color: rgba(255,255,255,.85);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.sam-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sam-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sam-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sam-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sam-primary), var(--sam-secondary));\n border-radius: 2px;\n}\n\n.sam-intro-text {\n text-align: center;\n font-size: clamp(16px, 2.2vw, 18px);\n color: var(--sam-text-light);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.sam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.sam-card {\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sam-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sam-shadow-lg);\n border-color: var(--sam-primary);\n}\n\n.sam-card-icon {\n font-size: 2.5rem;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sam-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sam-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.sam-card p {\n font-size: 15px;\n color: var(--sam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.sam-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.sam-ingredient-card {\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sam-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sam-shadow-lg);\n border-color: var(--sam-accent);\n}\n\n.sam-ingredient-main {\n grid-column: 1 \/ -1;\n background: linear-gradient(135deg, var(--sam-primary-light) 0%, var(--sam-white) 100%);\n border: 2px solid var(--sam-primary);\n}\n\n@media (min-width: 900px) {\n .sam-ingredient-main {\n grid-column: span 1;\n }\n .sam-ingredients-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.sam-ingredient-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1rem;\n}\n\n.sam-ingredient-icon {\n font-size: 2.5rem;\n}\n\n.sam-ingredient-dose {\n background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n color: white;\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 800;\n}\n\n.sam-ingredient-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sam-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.sam-ingredient-desc {\n font-size: 14px;\n color: var(--sam-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.6;\n}\n\n.sam-ingredient-benefits {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.sam-ingredient-benefits li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.5rem;\n font-size: 14px;\n color: var(--sam-text);\n}\n\n.sam-ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--sam-accent);\n font-weight: 700;\n}\n\n\/* === COMPOSITION === *\/\n.sam-composition-box {\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sam-shadow);\n border: 2px solid var(--sam-primary-light);\n}\n\n.sam-composition-grid {\n display: grid;\n gap: 0;\n}\n\n.sam-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 0;\n border-bottom: 1px solid var(--sam-border);\n}\n\n.sam-composition-item:last-child {\n border-bottom: none;\n}\n\n.sam-comp-name {\n font-weight: 600;\n color: var(--sam-text);\n}\n\n.sam-comp-dose {\n font-weight: 800;\n color: var(--sam-primary);\n background: var(--sam-primary-light);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 14px;\n}\n\n.sam-composition-footer {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem 2rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 2px dashed var(--sam-border);\n font-size: 14px;\n color: var(--sam-text-light);\n}\n\n\/* === GASTRO BOX === *\/\n.sam-gastro-box {\n background: linear-gradient(135deg, var(--sam-secondary-light) 0%, var(--sam-white) 100%);\n border-radius: var(--sam-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--sam-secondary);\n box-shadow: var(--sam-shadow);\n}\n\n.sam-gastro-content {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.sam-gastro-icon {\n font-size: 4rem;\n flex-shrink: 0;\n}\n\n.sam-gastro-text p {\n margin: 0 0 1rem 0;\n font-size: 16px;\n color: var(--sam-text);\n line-height: 1.7;\n}\n\n.sam-gastro-result {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--sam-secondary);\n color: white;\n padding: 10px 20px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 15px;\n margin-top: 0.5rem;\n}\n\n.sam-gastro-result-icon {\n font-size: 18px;\n}\n\n@media (max-width: 600px) {\n .sam-gastro-content {\n flex-direction: column;\n text-align: center;\n }\n .sam-gastro-icon {\n margin: 0 auto;\n }\n}\n\n\/* === MODE D'EMPLOI === *\/\n.sam-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.sam-usage-step {\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--sam-shadow);\n transition: all .3s ease;\n}\n\n.sam-usage-step:hover {\n transform: translateY(-5px);\n box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n margin: 0 auto 1rem auto;\n}\n\n.sam-usage-step h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sam-primary-dark);\n margin: 0 0 0.5rem 0;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.sam-usage-step p {\n font-size: 14px;\n color: var(--sam-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sam-tip-box {\n background: linear-gradient(135deg, #FFF8E1, #FFFDE7);\n border-radius: var(--sam-radius);\n padding: 1.5rem 2rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border: 2px solid #FFD54F;\n}\n\n.sam-tip-icon {\n font-size: 2rem;\n flex-shrink: 0;\n}\n\n.sam-tip-box p {\n margin: 0;\n font-size: 15px;\n color: var(--sam-text);\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.sam-timeline {\n position: relative;\n padding-left: 2rem;\n}\n\n.sam-timeline::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(to bottom, var(--sam-primary), var(--sam-secondary));\n border-radius: 2px;\n}\n\n.sam-timeline-item {\n position: relative;\n padding: 1.5rem;\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n margin-bottom: 1.5rem;\n margin-left: 1.5rem;\n box-shadow: var(--sam-shadow);\n transition: all .3s ease;\n}\n\n.sam-timeline-item:hover {\n transform: translateX(5px);\n box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-timeline-item::before {\n content: '';\n position: absolute;\n left: -1.5rem;\n top: 50%;\n transform: translateY(-50%);\n width: 20px;\n height: 4px;\n background: var(--sam-primary);\n}\n\n.sam-timeline-marker {\n position: absolute;\n left: -3rem;\n top: 50%;\n transform: translate(-50%, -50%);\n background: linear-gradient(135deg, var(--sam-primary), var(--sam-accent));\n color: white;\n padding: 6px 12px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 800;\n white-space: nowrap;\n}\n\n.sam-timeline-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--sam-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.sam-timeline-content p {\n font-size: 14px;\n color: var(--sam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 600px) {\n .sam-timeline {\n padding-left: 1rem;\n }\n .sam-timeline-marker {\n position: relative;\n left: auto;\n top: auto;\n transform: none;\n display: inline-block;\n margin-bottom: 0.75rem;\n }\n .sam-timeline-item::before {\n display: none;\n }\n .sam-timeline-item {\n margin-left: 1rem;\n }\n}\n\n\/* === FAQ === *\/\n.sam-faq-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.sam-faq-card {\n background: var(--sam-white);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sam-shadow);\n border-left: 4px solid var(--sam-primary);\n transition: all .3s ease;\n}\n\n.sam-faq-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-faq-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sam-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.sam-faq-card p {\n font-size: 14px;\n color: var(--sam-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.sam-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.sam-info-item {\n background: var(--sam-white);\n border-radius: var(--sam-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--sam-shadow);\n transition: all .3s ease;\n}\n\n.sam-info-item:hover {\n transform: translateY(-3px);\n}\n\n.sam-info-icon {\n font-size: 1.75rem;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.sam-info-label {\n display: block;\n font-size: 12px;\n font-weight: 700;\n color: var(--sam-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.25rem;\n}\n\n.sam-info-value {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: var(--sam-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.sam-warning-box {\n background: linear-gradient(135deg, #FFF3E0, #FFEBEE);\n border-radius: var(--sam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid #FFAB91;\n}\n\n.sam-warning-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.sam-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.sam-warning-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.6rem;\n font-size: 14px;\n color: var(--sam-text);\n line-height: 1.5;\n}\n\n.sam-warning-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: #E64A19;\n font-weight: 700;\n}\n\n.sam-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n@media (max-width: 500px) {\n .sam-warning-box {\n flex-direction: column;\n text-align: left;\n }\n}\n\n\/* === CTA FINAL === *\/\n.sam-cta-box {\n background: linear-gradient(135deg, var(--sam-primary) 0%, var(--sam-primary-dark) 50%, var(--sam-secondary) 100%);\n border-radius: var(--sam-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sam-shadow-lg);\n}\n\n.sam-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.sam-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sam-cta-icon {\n font-size: 3.5rem;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sam-cta-box h2 {\n color: white;\n margin-bottom: 1.5rem;\n}\n\n.sam-cta-box h2::after {\n background: rgba(255,255,255,.5);\n}\n\n.sam-cta-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1rem auto;\n}\n\n.sam-cta-format {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.3);\n padding: 12px 24px;\n border-radius: 999px;\n color: white;\n font-weight: 700;\n font-size: 15px;\n margin-top: 1rem;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sam-card,\n .sam-ingredient-card,\n .sam-usage-step,\n .sam-timeline-item,\n .sam-faq-card,\n .sam-info-item {\n animation: samFadeInUp .6s ease backwards;\n }\n \n .sam-card:nth-child(1),\n .sam-ingredient-card:nth-child(1),\n .sam-usage-step:nth-child(1) { animation-delay: .1s; }\n .sam-card:nth-child(2),\n .sam-ingredient-card:nth-child(2),\n .sam-usage-step:nth-child(2) { animation-delay: .2s; }\n .sam-card:nth-child(3),\n .sam-ingredient-card:nth-child(3),\n .sam-usage-step:nth-child(3) { animation-delay: .3s; }\n .sam-card:nth-child(4),\n .sam-usage-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes samFadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .sam-premium {\n --sam-text: #000000;\n --sam-text-light: #333333;\n }\n .sam-card,\n .sam-ingredient-card,\n .sam-faq-card {\n border: 2px solid var(--sam-text);\n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sam-grid,\n .sam-ingredients-grid,\n .sam-usage-grid,\n .sam-faq-grid {\n grid-template-columns: 1fr;\n }\n \n .sam-ingredient-main {\n grid-column: 1;\n }\n \n .sam-hero-highlights {\n gap: 1rem;\n }\n \n .sam-highlight {\n min-width: 80px;\n padding: 0.75rem 1rem;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45791627772061,"sku":"JADESAMAN-1","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/samavance-fatigue-et-stress-30-gelules-jade-recherche-packshothd.webp?v=1786011082"},{"product_id":"alpha-r-lipoique-vitamine-c-liposomale-60-gelules-jade-recherche","title":"Alpha R Lipoïque Vitamine C Liposomale - 60 Gélules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Alpha R Lipoïque Vitamine C Liposomale\nPalette détectée:\n - Primaire: #E86A33 (orange vif du packaging - dynamisme, énergie, vitalité)\n - Secondaire: #1A8B6D (vert jade\/teal de la bande - naturel, santé, recherche)\n - Accent: #F5A623 (orange doré pour highlights)\nAmbiance: Scientifique\/naturel, laboratoire français, efficacité prouvée, vitalité\nPréfixe CSS: alr\n--\u003e\n\n\u003cdiv class=\"alr-premium\"\u003e\n \n \u003cdiv class=\"alr-hero\"\u003e\n \u003cdiv class=\"alr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alr-hero-content\"\u003e\n \u003cdiv class=\"alr-badges-top\"\u003e\n \u003cspan class=\"alr-badge\"\u003e🔬 Formule synergique\u003c\/span\u003e\n \u003cspan class=\"alr-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n \u003cspan class=\"alr-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alr-hero-title\"\u003eAlpha R Lipoïque + Vitamine C Liposomale\u003c\/span\u003e\n \u003cp class=\"alr-subtitle\"\u003eLe duo antioxydant à action prolongée\u003c\/p\u003e\n \u003cp class=\"alr-description\"\u003e560 mg d'acide R-alpha lipoïque + 272 mg de vitamine C liposomale par dose.\u003cbr\u003eUne synergie unique qui régénère et multiplie la protection cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003e🧬 Pourquoi cette synergie est unique\u003c\/h2\u003e\n \u003cdiv class=\"alr-grid\"\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e♻️ Régénération continue\u003c\/h3\u003e\n \u003cp\u003eL'acide R-alpha lipoïque \"rajeunit\" la vitamine C oxydée, lui permettant de reprendre son rôle protecteur. Une action antioxydante prolongée et amplifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e💧 Double solubilité\u003c\/h3\u003e\n \u003cp\u003eContrairement aux autres antioxydants, l'acide alpha lipoïque est à la fois hydrosoluble et liposoluble. Il protège tous les compartiments cellulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🎯 Absorption optimisée\u003c\/h3\u003e\n \u003cp\u003eLa forme liposomale encapsule la vitamine C dans des phospholipides, la protégeant de la dégradation digestive pour une biodisponibilité supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour votre organisme\u003c\/h2\u003e\n \u003cdiv class=\"alr-grid\"\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire renforcée\u003c\/h3\u003e\n \u003cp\u003eLa synergie vitamine C + alpha lipoïque multiplie l'efficacité contre les radicaux libres et le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🦠 Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, toute l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C aide à diminuer la fatigue et à maintenir votre énergie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🔄 Régénère les antioxydants\u003c\/h3\u003e\n \u003cp\u003eL'acide alpha lipoïque recycle également la vitamine E et le glutathion pour une protection globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🧹 Chélation des métaux\u003c\/h3\u003e\n \u003cp\u003eL'acide alpha lipoïque aide à piéger certains métaux lourds indésirables présents dans l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre métabolique\u003c\/h3\u003e\n \u003cp\u003eSoutient le métabolisme énergétique cellulaire et participe à la gestion de la glycémie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003e🧪 Composition par dose (2 gélules)\u003c\/h2\u003e\n \u003cdiv class=\"alr-grid\"\u003e\n \u003cdiv class=\"alr-card alr-card-highlight\"\u003e\n \u003ch3\u003e🔶 Acide R-alpha lipoïque\u003c\/h3\u003e\n \u003cp class=\"alr-dosage\"\u003e560 mg\u003c\/p\u003e\n \u003cp\u003eForme naturelle (R) reconnue et mieux utilisée par vos cellules que la forme synthétique (S).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card alr-card-highlight\"\u003e\n \u003ch3\u003e🍊 Vitamine C liposomale\u003c\/h3\u003e\n \u003cp class=\"alr-dosage\"\u003e272 mg\u003c\/p\u003e\n \u003cp\u003eEncapsulée dans des liposomes pour une absorption optimale et une excellente tolérance digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🌱 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eEnveloppe d'origine végétale, convient aux végétariens. Anti-agglomérant : stéarate de magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"alr-grid\"\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003eLe sport intensif génère du stress oxydatif. Cette formule aide à récupérer et protéger vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🏙️ Citadins exposés\u003c\/h3\u003e\n \u003cp\u003ePollution, stress chronique, rythme de vie intense : renforcez vos défenses antioxydantes naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e😴 En manque d'énergie\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à réduire la fatigue et retrouver votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🎯 Exigeants sur la qualité\u003c\/h3\u003e\n \u003cp\u003eVous voulez une formule à haute biodisponibilité avec des actifs sélectionnés et bien dosés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"alr-usage-box\"\u003e\n \u003cdiv class=\"alr-usage-step\"\u003e\n \u003cspan class=\"alr-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDosage\u003c\/strong\u003e\n \u003cp\u003ePrenez 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=\"alr-usage-step\"\u003e\n \u003cspan class=\"alr-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMoment idéal\u003c\/strong\u003e\n \u003cp\u003eLe matin, avant ou pendant le petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-usage-step\"\u003e\n \u003cspan class=\"alr-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDurée\u003c\/strong\u003e\n \u003cp\u003e1 flacon = 30 jours d'utilisation (cure d'1 mois)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003eℹ️ Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"alr-accordion\"\u003e\n \u003cdetails class=\"alr-accordion-item\"\u003e\n \u003csummary class=\"alr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"alr-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Refermez bien après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alr-accordion-item\"\u003e\n \u003csummary class=\"alr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"alr-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser 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. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alr-accordion-item\"\u003e\n \u003csummary class=\"alr-accordion-header\"\u003e💊 Si vous êtes diabétique\u003c\/summary\u003e\n \u003cdiv class=\"alr-accordion-content\"\u003e\n \u003cp\u003eL'acide alpha lipoïque peut influencer la glycémie. Si vous êtes diabétique sous traitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alr-accordion-item\"\u003e\n \u003csummary class=\"alr-accordion-header\"\u003e🏭 Qualité Jade Recherche\u003c\/summary\u003e\n \u003cdiv class=\"alr-accordion-content\"\u003e\n \u003cp\u003eJade Recherche est un laboratoire français spécialisé dans les compléments alimentaires naturels de haute qualité. Chaque formule est élaborée avec rigueur pour vous offrir des actifs soigneusement sélectionnés et des dosages optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alr-cta-box\"\u003e\n \u003cp\u003e🔬 \u003cstrong\u003eUne formule scientifiquement pensée\u003c\/strong\u003e pour une protection antioxydante complète.\u003cbr\u003eL'acide R-alpha lipoïque régénère votre vitamine C pour une action prolongée, dans tous les compartiments cellulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alr-cream: #FDF8F3;\n --alr-white: #ffffff;\n --alr-primary: #E86A33;\n --alr-primary-dark: #C65528;\n --alr-primary-light: #FFF0E8;\n --alr-secondary: #1A8B6D;\n --alr-secondary-light: #E8F5F1;\n --alr-accent: #F5A623;\n --alr-text: #1a1a1a;\n --alr-text-light: #5a5a5a;\n --alr-border: #e0e0e0;\n --alr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --alr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --alr-radius: 20px;\n --alr-radius-sm: 12px;\n}\n\n.alr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.alr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--alr-primary) 0%, var(--alr-primary-dark) 40%, var(--alr-secondary) 100%);\n border-radius: var(--alr-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(--alr-shadow-lg);\n}\n\n.alr-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.alr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.alr-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(--alr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alr-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.alr-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.alr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.alr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alr-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.alr-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(--alr-primary), var(--alr-secondary));\n border-radius: 2px;\n}\n\n.alr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alr-card {\n background: var(--alr-white);\n border-radius: var(--alr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alr-shadow-lg);\n border-color: var(--alr-primary);\n}\n\n.alr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alr-card-highlight {\n background: linear-gradient(135deg, var(--alr-primary-light) 0%, var(--alr-white) 100%);\n border: 2px solid var(--alr-primary);\n}\n\n.alr-card-highlight:hover {\n border-color: var(--alr-primary-dark);\n}\n\n.alr-dosage {\n font-size: clamp(28px, 5vw, 40px) !important;\n font-weight: 900 !important;\n color: var(--alr-primary) !important;\n margin: .5rem 0 !important;\n letter-spacing: -.02em;\n}\n\n.alr-usage-box {\n background: var(--alr-white);\n border-radius: var(--alr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alr-shadow);\n}\n\n.alr-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--alr-border);\n}\n\n.alr-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.alr-usage-step:first-child {\n padding-top: 0;\n}\n\n.alr-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alr-primary), var(--alr-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: 18px;\n}\n\n.alr-usage-step strong {\n display: block;\n color: var(--alr-primary-dark);\n font-size: 16px;\n margin-bottom: .25rem;\n}\n\n.alr-usage-step p {\n margin: 0;\n color: var(--alr-text-light);\n font-size: 14px;\n line-height: 1.5;\n}\n\n.alr-accordion {\n background: var(--alr-white);\n border-radius: var(--alr-radius);\n box-shadow: var(--alr-shadow);\n overflow: hidden;\n}\n\n.alr-accordion-item {\n border-bottom: 1px solid var(--alr-border);\n margin: 0;\n padding: 0;\n}\n\n.alr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alr-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.alr-accordion-header:hover {\n background: var(--alr-primary-light);\n}\n\n.alr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--alr-primary);\n transition: transform .2s ease;\n}\n\n.alr-accordion-item[open] .alr-accordion-header::after {\n content: '−';\n}\n\n.alr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.alr-accordion-content p {\n margin: 0;\n}\n\n.alr-cta-box {\n background: linear-gradient(135deg, var(--alr-secondary) 0%, #147A5E 100%);\n border-radius: var(--alr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alr-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}\n\n.alr-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 position: relative;\n z-index: 1;\n}\n\n.alr-cta-box strong {\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .alr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alr-card {\n padding: 1.125rem;\n }\n \n .alr-section {\n margin-bottom: 1.75rem;\n }\n \n .alr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alr-radius-sm);\n }\n \n .alr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alr-badges-top {\n gap: 8px;\n }\n \n .alr-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .alr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .alr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .alr-usage-box {\n padding: 1.25rem;\n }\n \n .alr-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alr-card:nth-child(1) { animation-delay: .05s; }\n .alr-card:nth-child(2) { animation-delay: .1s; }\n .alr-card:nth-child(3) { animation-delay: .15s; }\n .alr-card:nth-child(4) { animation-delay: .2s; }\n .alr-card:nth-child(5) { animation-delay: .25s; }\n .alr-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 .alr-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":45755329347741,"sku":"JADEALPHAR60","price":36.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/alpha-r-lipoique-vitamine-c-liposomale-60-gelules-jade-reche-packshothd.webp?v=1786012490"},{"product_id":"vitamine-c-liposomale-en-spray-100-ml-jade-recherche","title":"Vitamine C Liposomale en Spray - 100 ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine C Liposomale en Spray - Jade Recherche\nPalette détectée:\n - Primaire: #FF8C42 (Orange vif du packaging, dynamique et énergisant)\n - Secondaire: #2E9B5A (Vert émeraude des bandes, évoque naturel\/santé)\n - Accent: #FFB573 (Orange clair pour backgrounds doux)\nAmbiance: Santé\/Vitalité - Design médical moderne avec codes couleurs énergisants (orange = vitalité, vert = naturel\/santé). Le spray évoque praticité et innovation. Style professionnel mais accessible.\nPréfixe CSS: vcl\n--\u003e\n\n\u003cdiv class=\"vcl-premium\"\u003e\n \u003cdiv class=\"vcl-hero\"\u003e\n \u003cdiv class=\"vcl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vcl-hero-content\"\u003e\n \u003cdiv class=\"vcl-badges-top\"\u003e\n \u003cspan class=\"vcl-badge\"\u003e💊 270 mg par dose\u003c\/span\u003e\n \u003cspan class=\"vcl-badge\"\u003e🚀 ×8 absorption\u003c\/span\u003e\n \u003cspan class=\"vcl-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vcl-hero-title\"\u003eVitamine C liposomale en spray\u003c\/span\u003e\n \u003cp class=\"vcl-subtitle\"\u003eL'innovation qui révolutionne votre apport quotidien\u003c\/p\u003e\n \u003cp class=\"vcl-description\"\u003eGrâce à la technologie liposomale, profitez d'une absorption jusqu'à 8 fois supérieure. 2 sprays = 2250 mg de vitamine C traditionnelle !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e🎯 Pourquoi choisir le liposomal ?\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🔬 Technologie liposomale\u003c\/h3\u003e\n \u003cp\u003eDes liposomes encapsulent la vitamine C, protégeant ses principes actifs et permettant une absorption optimale au niveau cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e⚡ Efficacité décuplée\u003c\/h3\u003e\n \u003cp\u003e270 mg de vitamine C liposomale équivaut à 2250 mg de vitamine C classique. Un ratio d'efficacité exceptionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e💧 Format spray pratique\u003c\/h3\u003e\n \u003cp\u003eFini les gélules ! Notre spray offre une utilisation simple, rapide et agréable, avec un goût peu acide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e✨ Pureté française\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France avec des ingrédients naturels triés sur le volet. Aucun additif synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits de la vitamine C\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🛡️ Bouclier antioxydant\u003c\/h3\u003e\n \u003cp\u003eCombat les radicaux libres, ralentit le vieillissement cellulaire et protège du stress oxydatif quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🔋 Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003ePouvoir anti-fatigue exceptionnel. Redonne du tonus et augmente la résistance physique et mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🦠 Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eRenforce votre système immunitaire naturellement. Action anti-infectieuse et protection contre les allergies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e❤️ Santé circulatoire\u003c\/h3\u003e\n \u003cp\u003eAméliore la micro-circulation cellulaire et favorise la production de globules rouges.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🔗 Synergie vitaminique\u003c\/h3\u003e\n \u003cp\u003ePotentialise l'action des autres vitamines. Catalyseur essentiel dans les réactions d'oxydo-réduction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🦴 Métabolisme osseux\u003c\/h3\u003e\n \u003cp\u003eContribue au métabolisme phospho-calcique, essentiel pour des os et des dents solides à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e🧪 Composition pure et efficace\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n \u003ch3\u003e🍋 Vitamine C active\u003c\/h3\u003e\n \u003cp\u003eAcide L-ascorbique + ascorbate de sodium\u003c\/p\u003e\n \u003cspan class=\"vcl-dose\"\u003e270 mg par dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n \u003ch3\u003e🌻 Lécithine de tournesol\u003c\/h3\u003e\n \u003cp\u003eÉmulsifiant liposomal naturel\u003c\/p\u003e\n \u003cspan class=\"vcl-dose\"\u003e100% végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase ultra-pure\u003c\/p\u003e\n \u003cspan class=\"vcl-dose\"\u003eQualité pharmaceutique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Glycérol naturel\u003c\/h3\u003e\n \u003cp\u003eStabilisant doux\u003c\/p\u003e\n \u003cspan class=\"vcl-dose\"\u003eOrigine végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eSans additifs synthétiques\u003c\/strong\u003e • Conservation naturelle avec sorbate de potassium • Formule minimaliste et efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"vcl-steps\"\u003e\n \u003cdiv class=\"vcl-step\"\u003e\n \u003cdiv class=\"vcl-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vcl-step-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eBien agiter avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-step\"\u003e\n \u003cdiv class=\"vcl-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vcl-step-content\"\u003e\n \u003ch3\u003ePulvérisez 2 fois\u003c\/h3\u003e\n \u003cp\u003e2 sprays par jour suffisent, directement dans la bouche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-step\"\u003e\n \u003cdiv class=\"vcl-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vcl-step-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eGardez quelques secondes en bouche pour maximiser l'absorption sublinguale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e💼 Actifs surmenés\u003c\/h3\u003e\n \u003cp\u003eCombattez la fatigue et le stress quotidien. Retrouvez énergie et concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eOptimisez votre récupération et protégez vos cellules du stress oxydatif intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n \u003cp\u003eRalentissez le vieillissement cellulaire et maintenez votre vitalité naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eGoût agréable et peu acide. Convient aux enfants comme aux adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e📊 Chiffres clés\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid-compact\"\u003e\n \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n \u003ch3\u003e270 mg\u003c\/h3\u003e\n \u003cp\u003eVitamine C par dose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n \u003ch3\u003e×8\u003c\/h3\u003e\n \u003cp\u003eAbsorption supérieure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n \u003ch3\u003e100 ml\u003c\/h3\u003e\n \u003cp\u003e~50 jours d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n \u003ch3\u003e2 sprays\u003c\/h3\u003e\n \u003cp\u003ePar jour seulement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"vcl-accordion\"\u003e\n \u003cdetails class=\"vcl-accordion-item\"\u003e\n \u003csummary class=\"vcl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vcl-accordion-content\"\u003e\n \u003cp\u003eConserver au réfrigérateur après ouverture. À consommer dans les 2 mois après ouverture. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vcl-accordion-item\"\u003e\n \u003csummary class=\"vcl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vcl-accordion-content\"\u003e\n \u003cp\u003eComplément alimentaire : ne peut se substituer à une alimentation variée et équilibrée et à un mode de vie sain. Respecter la dose journalière recommandée. Femmes enceintes : demander conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vcl-accordion-item\"\u003e\n \u003csummary class=\"vcl-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"vcl-accordion-content\"\u003e\n \u003cp\u003eFabriqué en France par Jade Recherche. Ingrédients 100% naturels, sans additifs synthétiques. Technologie liposomale de pointe pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vcl-cta-box\"\u003e\n \u003cp\u003e🚀 \u003cstrong\u003eBoostez votre vitalité naturellement\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eDécouvrez la puissance de la vitamine C liposomale et transformez votre quotidien. Une santé optimale commence par les bons choix !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --vcl-cream: #FFF9F5;\n --vcl-white: #ffffff;\n --vcl-primary: #FF8C42;\n --vcl-primary-dark: #E07030;\n --vcl-primary-light: #FFF0E5;\n --vcl-secondary: #2E9B5A;\n --vcl-accent: #FFB573;\n --vcl-text: #1a1a1a;\n --vcl-text-light: #5a5a5a;\n --vcl-border: #e0e0e0;\n --vcl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --vcl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --vcl-radius: 20px;\n --vcl-radius-sm: 12px;\n}\n\n.vcl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vcl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vcl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 50%, var(--vcl-secondary) 100%);\n border-radius: var(--vcl-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(--vcl-shadow-lg);\n}\n\n.vcl-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% 50%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.vcl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vcl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.vcl-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(--vcl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vcl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vcl-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.vcl-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.vcl-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.vcl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vcl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vcl-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.vcl-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(--vcl-primary), var(--vcl-secondary));\n border-radius: 2px;\n}\n\n.vcl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vcl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vcl-card {\n background: var(--vcl-white);\n border-radius: var(--vcl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vcl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vcl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vcl-shadow-lg);\n border-color: var(--vcl-primary);\n}\n\n.vcl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vcl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vcl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vcl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vcl-card-ingredient {\n background: linear-gradient(135deg, var(--vcl-white), var(--vcl-primary-light));\n}\n\n.vcl-dose {\n display: inline-block;\n margin-top: .75rem;\n padding: 6px 14px;\n background: var(--vcl-secondary);\n color: white;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n.vcl-card-stat h3 {\n font-size: clamp(28px, 6vw, 42px);\n background: linear-gradient(135deg, var(--vcl-primary), var(--vcl-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: .25rem;\n}\n\n.vcl-card-stat p {\n font-size: 12px;\n}\n\n.vcl-highlight-box {\n background: linear-gradient(135deg, var(--vcl-secondary), #248C4D);\n border-radius: var(--vcl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n margin-top: 1.5rem;\n}\n\n.vcl-highlight-box p {\n color: white;\n font-size: clamp(13px, 2vw, 15px);\n margin: 0;\n}\n\n.vcl-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vcl-step {\n background: var(--vcl-white);\n border-radius: var(--vcl-radius);\n padding: 1.25rem;\n box-shadow: var(--vcl-shadow);\n display: flex;\n align-items: center;\n gap: 1.25rem;\n transition: all .3s ease;\n}\n\n.vcl-step:hover {\n transform: translateX(8px);\n border-left: 4px solid var(--vcl-primary);\n}\n\n.vcl-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--vcl-primary), var(--vcl-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n color: white;\n}\n\n.vcl-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--vcl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vcl-step-content p {\n font-size: 14px;\n color: var(--vcl-text-light);\n margin: 0;\n}\n\n.vcl-accordion {\n background: var(--vcl-white);\n border-radius: var(--vcl-radius);\n box-shadow: var(--vcl-shadow);\n overflow: hidden;\n}\n\n.vcl-accordion-item {\n border-bottom: 1px solid var(--vcl-border);\n margin: 0;\n padding: 0;\n}\n\n.vcl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vcl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vcl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.vcl-accordion-header:hover {\n background: var(--vcl-primary-light);\n}\n\n.vcl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vcl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vcl-primary);\n transition: transform .2s ease;\n}\n\n.vcl-accordion-item[open] .vcl-accordion-header::after {\n content: '−';\n}\n\n.vcl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vcl-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.vcl-accordion-content p {\n margin: 0;\n}\n\n.vcl-cta-box {\n background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 50%, var(--vcl-secondary) 100%);\n border-radius: var(--vcl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vcl-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 0 .75rem 0;\n}\n\n.vcl-cta-box p:last-child {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .vcl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vcl-grid-compact {\n gap: .625rem;\n }\n \n .vcl-grid-compact .vcl-card {\n padding: .75rem;\n }\n \n .vcl-card {\n padding: 1.125rem;\n }\n \n .vcl-section {\n margin-bottom: 1.75rem;\n }\n \n .vcl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vcl-radius-sm);\n }\n \n .vcl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vcl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vcl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vcl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .vcl-step {\n padding: 1rem;\n }\n \n .vcl-step-number {\n width: 38px;\n height: 38px;\n font-size: 16px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .vcl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .vcl-card:nth-child(1) { animation-delay: .05s; }\n .vcl-card:nth-child(2) { animation-delay: .1s; }\n .vcl-card:nth-child(3) { animation-delay: .15s; }\n .vcl-card:nth-child(4) { animation-delay: .2s; }\n .vcl-card:nth-child(5) { animation-delay: .25s; }\n .vcl-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 .vcl-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":45755349270685,"sku":"JADELIPOSO100","price":28.43,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-en-spray-100-ml-jade-recherche-packshothd_25d5c29c-f8c4-4a94-aae9-f41a61a30e5b.webp?v=1786010713"},{"product_id":"magnesium-marin-hyposode-pauvre-en-sel-20-ampoules-algosource","title":"Magnésium Marin Hyposodé - Pauvre en sodium - 15 Ampoules - AlgoSource","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magnésium Marin Hyposodé - AlgoSource\nPalette détectée:\n - Primaire: #C4A66B (doré\/bronze du packaging et de l'ampoule)\n - Secondaire: #1E4A6E (bleu marine foncé des textes et accents)\n - Accent: #F5F0E6 (crème\/beige clair du fond)\n - Tertiaire: #8B7355 (brun doré soutenu)\nAmbiance: Naturel premium, marin\/breton, élégant et authentique, inspiration marais salants\nPréfixe CSS: mg\n--\u003e\n\n\u003cdiv class=\"mg-premium\"\u003e\n \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🌊 Origine marine\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🧂 Compatible régimes sans sel\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e✅ Sans colorants ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eMagnésium Original 75 mg\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eMagOrigine® - magnésium naturel liquide\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eIssu des eaux-mères désodées des marais salants de Guérande, ce magnésium marin liquide aide à réduire la fatigue, soutient la concentration et contribue au bon fonctionnement musculaire et nerveux. Une ampoule apporte 75 mg de magnésium, soit 20% des Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du Magnésium Original 75 mg\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 contribue à réduire la fatigue et accompagne les périodes de baisse d’énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n \u003cp\u003eUne solution de recharge quotidienne pour soutenir l’équilibre physique et mental, idéale en période de rythme intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧘 Fonctionnement nerveux\u003c\/h3\u003e\n \u003cp\u003eLe magnésium contribue au fonctionnement normal du système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦵 Fonctionnement musculaire\u003c\/h3\u003e\n \u003cp\u003eIl contribue également au bon fonctionnement musculaire, utile au quotidien comme après l’effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💧 Forme liquide\u003c\/h3\u003e\n \u003cp\u003eSa présentation en ampoules liquides permet une prise simple, pure ou diluée dans un verre d’eau ou de jus de fruits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌿 Magnésium naturel\u003c\/h3\u003e\n \u003cp\u003eUne alternative d’origine marine aux formes chimiques de magnésium, avec une formule issue des marais salants de Guérande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🧂 Compatible avec les régimes sans sel\u003c\/h2\u003e\n \u003cdiv class=\"mg-highlight-box\"\u003e\n \u003cdiv class=\"mg-highlight-content\"\u003e\n \u003ch3\u003eUn magnésium marin désodé\u003c\/h3\u003e\n \u003cp\u003eGrâce à un procédé exclusif de réduction du sodium, MagOrigine® conserve la richesse minérale des eaux-mères des marais salants de Guérande tout en affichant une faible teneur en sodium : moins de 12 mg par ampoule.\u003c\/p\u003e\n \u003cp\u003eCette formule est compatible avec les régimes sans sel et offre une excellente alternative pour les personnes qui souhaitent limiter leur apport en sodium tout en profitant d’un magnésium d’origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"mg-highlight-badges\"\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Sodium \u0026lt;12 mg par ampoule\u003c\/span\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Compatible régimes sans sel\u003c\/span\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Origine marine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🔬 Composition par ampoule\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition\"\u003e\n \u003cdiv class=\"mg-compo-main\"\u003e\n \u003cdiv class=\"mg-compo-circle\"\u003e\n \u003cspan class=\"mg-compo-value\"\u003e75 mg\u003c\/span\u003e\n \u003cspan class=\"mg-compo-label\"\u003eMagnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-vr\"\u003e\n \u003cspan class=\"mg-vr-number\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"mg-vr-text\"\u003edes Valeurs Nutritionnelles de Référence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-details\"\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🌊\u003c\/span\u003e\n \u003cspan\u003eEaux-mères désodées des marais salants de Guérande concentrées en magnésium à 7,5 g\/L, MagOrigine®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan\u003eEau purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🍏\u003c\/span\u003e\n \u003cspan\u003eJus concentré de pommes et jus concentré de citrons\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🧂\u003c\/span\u003e\n \u003cspan\u003eSodium : moins de 12 mg par ampoule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan\u003eSans colorants, sans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📌 Quand penser à une cure de magnésium ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eLorsque la fatigue s’installe malgré le repos et que le rythme quotidien devient plus difficile à tenir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e🧠 Baisse de concentration\u003c\/h3\u003e\n \u003cp\u003eEn période d’examens, de charge mentale ou de journées intenses nécessitant plus de clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e🦵 Sollicitations musculaires\u003c\/h3\u003e\n \u003cp\u003eLe magnésium contribue au fonctionnement musculaire normal, notamment lorsque le corps est davantage sollicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e😰 Équilibre nerveux\u003c\/h3\u003e\n \u003cp\u003eLe magnésium contribue au fonctionnement normal du système nerveux et participe à l’équilibre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📋 Conseils d’utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mg-steps\"\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eSecouez l’ampoule\u003c\/h3\u003e\n \u003cp\u003eLa présence de particules est naturelle. Secouez l’ampoule avant usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eOuvrez les deux extrémités\u003c\/h3\u003e\n \u003cp\u003eCassez délicatement les deux pointes de l’ampoule avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003ePrenez-la pure ou diluée\u003c\/h3\u003e\n \u003cp\u003eÀ prendre pure ou diluée dans un verre d’eau ou de jus de fruits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eLe matin. Programme recommandé : 4 semaines minimum, idéalement 8 semaines. À renouveler autant de fois que nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😓 Personnes fatiguées\u003c\/h3\u003e\n \u003cp\u003ePour soutenir l’énergie physique et mentale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003ePour accompagner les périodes de concentration, d’examens ou de travail intellectuel intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💼 Actifs surmenés\u003c\/h3\u003e\n \u003cp\u003eUne recharge quotidienne pour les périodes de rythme soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour contribuer au bon fonctionnement musculaire après l’effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧂 Régimes sans sel\u003c\/h3\u003e\n \u003cp\u003eUne formule compatible avec les régimes sans sel grâce à sa faible teneur en sodium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eUn magnésium naturel d’origine marine, issu des marais salants de Guérande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eℹ️ Bon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"mg-info-box\"\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e💡 Magnésium ionisé Mg²+\u003c\/h3\u003e\n \u003cp\u003eMagnésium Original 75 mg délivre un magnésium ionisé Mg²+, une forme immédiatement assimilable. Sa biodisponibilité est comparable aux formes chimiques de référence comme le bisglycinate ou le malate, avec la naturalité en plus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e🍋 Goût légèrement fruité\u003c\/h3\u003e\n \u003cp\u003eLa formule est subtilement aromatisée avec des concentrés de pommes et de citrons, pour une prise plus agréable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e👀 Présence de particules\u003c\/h3\u003e\n \u003cp\u003eLa présence de particules est naturelle dans ce produit liquide. Il suffit de secouer l’ampoule avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🏭 L’expertise AlgoSource\u003c\/h2\u003e\n \u003cdiv class=\"mg-brand-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eAlgoSource\u003c\/strong\u003e développe des compléments alimentaires liquides naturels à partir d’actifs d’origine marine. Installée à Guérande, l’entreprise valorise notamment les eaux-mères des marais salants pour proposer un magnésium naturel liquide, hautement biodisponible et compatible avec les régimes sans sel.\u003c\/p\u003e\n \u003cdiv class=\"mg-brand-badges\"\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e🌊 Marais salants de Guérande\u003c\/span\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e✅ Origine marine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003eBoîte de 15 ampoules de 10 ml, soit 150 ml. Programme de 15 jours à raison d’une ampoule 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🍎 Informations nutritionnelles\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003ePour 1 ampoule : magnésium 75 mg, soit 20% des Valeurs Nutritionnelles de Référence. Sodium : moins de 12 mg. Glucides : 2,23 g, dont sucres : 2,05 g.\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\"\u003e\n \u003cp\u003eConservez les ampoules à l’abri de la chaleur et de l’humidité, 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⚠️ Précautions d’emploi\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. En cas de grossesse, d’allaitement, de pathologie particulière, de traitement médical ou d’insuffisance rénale, demandez conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e🌊 Soutenez votre énergie physique et mentale avec un magnésium naturel français, issu des marais salants de Guérande, hautement biodisponible et compatible avec les régimes sans sel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #FAF8F5;\n --mg-white: #ffffff;\n --mg-primary: #C4A66B;\n --mg-primary-dark: #8B7355;\n --mg-primary-light: #F5EFE6;\n --mg-secondary: #1E4A6E;\n --mg-secondary-light: #E8EEF3;\n --mg-accent: #D4AF37;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #e0e0e0;\n --mg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mg-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #1E4A6E 0%, #2D5A7E 40%, #C4A66B 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-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 Q35 15 30 25 Q25 35 30 45 Q35 55 30 55' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\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-secondary);\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.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}\n\n.mg-subtitle {\n color: var(--mg-primary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.mg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\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-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.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\/* === GRILLE === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\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-secondary);\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-warning {\n border-left: 4px solid var(--mg-primary);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mg-highlight-box {\n background: linear-gradient(135deg, var(--mg-secondary-light) 0%, var(--mg-primary-light) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--mg-primary);\n}\n\n.mg-highlight-content h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 1rem 0;\n}\n\n.mg-highlight-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--mg-text);\n line-height: 1.7;\n margin: 0 0 1.25rem 0;\n}\n\n.mg-highlight-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.mg-mini-badge {\n padding: 6px 12px;\n background: var(--mg-white);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--mg-secondary);\n}\n\n\/* === COMPOSITION === *\/\n.mg-composition {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-compo-main {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n flex-wrap: wrap;\n}\n\n.mg-compo-circle {\n width: 140px;\n height: 140px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--mg-secondary) 0%, var(--mg-primary) 100%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white;\n box-shadow: 0 8px 32px rgba(30,74,110,.3);\n}\n\n.mg-compo-value {\n font-size: 28px;\n font-weight: 900;\n}\n\n.mg-compo-label {\n font-size: 13px;\n font-weight: 600;\n opacity: .9;\n}\n\n.mg-compo-vr {\n text-align: center;\n}\n\n.mg-vr-number {\n display: block;\n font-size: 48px;\n font-weight: 900;\n color: var(--mg-primary);\n line-height: 1;\n}\n\n.mg-vr-text {\n display: block;\n font-size: 14px;\n color: var(--mg-text-light);\n max-width: 180px;\n}\n\n.mg-compo-details {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-top: 1.5rem;\n border-top: 1px solid var(--mg-border);\n}\n\n.mg-compo-item {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 14px;\n color: var(--mg-text);\n}\n\n.mg-compo-icon {\n font-size: 20px;\n}\n\n\/* === STEPS === *\/\n.mg-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--mg-shadow);\n transition: all .3s ease;\n}\n\n.mg-step:hover {\n transform: translateX(8px);\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--mg-secondary) 0%, var(--mg-primary) 100%);\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.mg-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 .35rem 0;\n}\n\n.mg-step-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INFO BOX === *\/\n.mg-info-box {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-info-item {\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-left: 4px solid var(--mg-primary);\n}\n\n.mg-info-item h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 .75rem 0;\n}\n\n.mg-info-item p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === BRAND BOX === *\/\n.mg-brand-box {\n background: linear-gradient(135deg, var(--mg-secondary) 0%, #2D6A8E 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n}\n\n.mg-brand-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0 0 1.5rem 0;\n}\n\n.mg-brand-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.mg-brand-badge {\n padding: 8px 16px;\n background: rgba(255,255,255,.15);\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,.2);\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-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.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: 5px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\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::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 70%);\n}\n\n.mg-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 .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-compo-main {\n flex-direction: column;\n gap: 1.5rem;\n }\n \n .mg-compo-circle {\n width: 120px;\n height: 120px;\n }\n \n .mg-compo-value {\n font-size: 24px;\n }\n \n .mg-vr-number {\n font-size: 40px;\n }\n \n .mg-step {\n padding: 1rem;\n }\n \n .mg-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n font-size: 16px;\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\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: fadeInUp .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 .mg-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .mg-step:nth-child(1) { animation-delay: .1s; }\n .mg-step:nth-child(2) { animation-delay: .2s; }\n .mg-step:nth-child(3) { animation-delay: .3s; }\n .mg-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755368308893,"sku":"ALPHABMAGNE20","price":13.22,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-marin-hyposode-pauvre-en-sodium-15-ampoules-algoso-lifestyle.webp?v=1783608781"},{"product_id":"magnesium-marin-et-vitamine-b6-20-ampoules-superdiet","title":"Magnésium marin \u0026 Vitamine B6 - 20 ampoules - Superdiet","description":"\u003cdiv class=\"mag-premium\"\u003e\n \u003cdiv class=\"mag-hero\"\u003e\n \u003cdiv class=\"mag-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mag-hero-content\"\u003e\n \u003cdiv class=\"mag-badges-top\"\u003e\n \u003cspan class=\"mag-badge\"\u003e🌊 Eau de mer des côtes françaises\u003c\/span\u003e\n \u003cspan class=\"mag-badge\"\u003e🍋 Goût citron\u003c\/span\u003e\n \u003cspan class=\"mag-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mag-hero-title\"\u003eMagnésium Marin \u0026amp; Vitamine B6\u003c\/span\u003e\n \u003cp class=\"mag-subtitle\"\u003eFatigue \u0026amp; Nervosité — 20 ampoules buvables\u003c\/p\u003e\n \u003cp class=\"mag-description\"\u003eRetrouvez tonus et sérénité grâce à l'association synergique du magnésium marin (262 mg) et de la vitamine B6 (2 mg). Une formule concentrée Superdiet, au goût citron rafraîchissant.\u003c\/p\u003e\n \u003cdiv class=\"mag-hero-stats\"\u003e\n \u003cdiv class=\"mag-stat\"\u003e\n \u003cspan class=\"mag-stat-num\"\u003e262\u003csmall\u003emg\u003c\/small\u003e\u003c\/span\u003e\n \u003cspan class=\"mag-stat-label\"\u003eMagnésium marin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-stat\"\u003e\n \u003cspan class=\"mag-stat-num\"\u003e70\u003csmall\u003e%\u003c\/small\u003e\u003c\/span\u003e\n \u003cspan class=\"mag-stat-label\"\u003edes VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-stat\"\u003e\n \u003cspan class=\"mag-stat-num\"\u003e20\u003csmall\u003ej\u003c\/small\u003e\u003c\/span\u003e\n \u003cspan class=\"mag-stat-label\"\u003ede cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003eMagnésium marin \u0026amp; Vitamine B6 Superdiet : votre allié anti-fatigue au quotidien\u003c\/h2\u003e\n \u003cp class=\"mag-section-intro\"\u003eCoup de mou, nervosité, difficultés à récupérer ? Le \u003cstrong\u003emagnésium marin et vitamine B6\u003c\/strong\u003e de Superdiet vous accompagne pour retrouver tonus et sérénité. Présenté en ampoules buvables au goût citron, ce complément alimentaire associe deux nutriments essentiels reconnus pour leur action synergique.\u003c\/p\u003e\n \u003cp class=\"mag-section-intro\"\u003eIdéal si vous cherchez \u003cstrong\u003equel magnésium pour la fatigue\u003c\/strong\u003e privilégier, ce format liquide offre une assimilation rapide et un dosage optimisé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003ePourquoi associer magnésium et vitamine B6 ?\u003c\/h2\u003e\n \u003cp class=\"mag-section-intro\"\u003eLa relation entre \u003cstrong\u003emagnésium et fatigue\u003c\/strong\u003e est bien documentée : ce minéral participe à plus de 300 réactions enzymatiques dans l'organisme. Un apport insuffisant peut se traduire par une sensation de lassitude, des crampes ou une irritabilité accrue.\u003c\/p\u003e\n \u003cdiv class=\"mag-grid\"\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n \u003cp\u003eExtrait de l'eau de mer des côtes françaises via la méthode Canopée, il contribue à réduire la fatigue et au fonctionnement normal du système nerveux et musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e💊 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003eElle optimise l'assimilation cellulaire du magnésium et soutient le métabolisme énergétique, faisant de ce duo un véritable \u003cstrong\u003emagnésium anti-stress\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003eLes bienfaits ressentis au fil de la cure\u003c\/h2\u003e\n \u003cdiv class=\"mag-grid-compact\"\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e⚡ Anti-fatigue\u003c\/h3\u003e\n \u003cp\u003eRéduction de la fatigue physique et mentale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n \u003cp\u003eSoutien face au stress et à la nervosité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e💪 Fonction musculaire\u003c\/h3\u003e\n \u003cp\u003eMaintien d'une fonction musculaire normale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre\u003c\/h3\u003e\n \u003cp\u003eÉquilibre électrolytique préservé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e🧬 Synthèse protéique\u003c\/h3\u003e\n \u003cp\u003eContribution à une synthèse protéique normale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-card\"\u003e\n \u003ch3\u003e🌿 Tonus \u0026amp; sérénité\u003c\/h3\u003e\n \u003cp\u003eUn quotidien plus serein, jour après jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 1 ampoule de 10 ml)\u003c\/h2\u003e\n \u003cdiv class=\"mag-table-wrap\"\u003e\n \u003ctable class=\"mag-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eIngrédient\u003c\/th\u003e\n \u003cth\u003eQuantité \/ VNR\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eEau de mer concentrée\u003c\/td\u003e\n \u003ctd\u003e\n\u003cstrong\u003e262 mg\u003c\/strong\u003e de magnésium \u003cspan class=\"mag-tag\"\u003e70 %\u003c\/span\u003e\n\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B6 (chlorhydrate de pyridoxine)\u003c\/td\u003e\n \u003ctd\u003e\n\u003cstrong\u003e2 mg\u003c\/strong\u003e \u003cspan class=\"mag-tag\"\u003e143 %\u003c\/span\u003e\n\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eJus concentré et arôme naturel de citron\u003c\/td\u003e\n \u003ctd\u003eGoût frais\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eEau purifiée\u003c\/td\u003e\n \u003ctd\u003eBase\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-tip\"\u003e\n \u003cspan class=\"mag-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans conservateur, sans colorant.\u003c\/strong\u003e Fabriqué en France selon la méthode Canopée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003eComment prendre vos ampoules ?\u003c\/h2\u003e\n \u003cdiv class=\"mag-timeline\"\u003e\n \u003cdiv class=\"mag-timeline-item\"\u003e\n \u003cdiv class=\"mag-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mag-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour pendant 20 jours, au cours d'un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-timeline-item\"\u003e\n \u003cdiv class=\"mag-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mag-timeline-content\"\u003e\n \u003ch3\u003eMode de consommation\u003c\/h3\u003e\n \u003cp\u003eÀ boire pure ou diluée dans un grand verre d'eau. Placez l'ampoule au réfrigérateur pour un goût encore plus rafraîchissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-timeline-item\"\u003e\n \u003cdiv class=\"mag-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mag-timeline-content\"\u003e\n \u003ch3\u003eOuverture en toute sécurité\u003c\/h3\u003e\n \u003cp\u003ePour casser l'ampoule, utilisez le film protecteur fourni et évitez de la casser au-dessus du verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mag-tip\"\u003e\n \u003cspan class=\"mag-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e pour maximiser l'effet \u003cstrong\u003emagnésium anti stress\u003c\/strong\u003e, associez la cure à un sommeil régulier, une alimentation riche en légumes verts et limitez café et alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le magnésium pour la fatigue\u003c\/h2\u003e\n \u003cdiv class=\"mag-accordion\"\u003e\n \u003cdetails class=\"mag-accordion-item\"\u003e\n \u003csummary class=\"mag-accordion-header\"\u003e📅 Quand faire une cure ?\u003c\/summary\u003e\n \u003cdiv class=\"mag-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de \u003cstrong\u003efatigue et magnésium\u003c\/strong\u003e insuffisant, au changement de saison, en période d'examens ou de stress prolongé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mag-accordion-item\"\u003e\n \u003csummary class=\"mag-accordion-header\"\u003e⏱️ Combien de temps ?\u003c\/summary\u003e\n \u003cdiv class=\"mag-accordion-content mt-3\"\u003e\n \u003cp\u003eUne boîte couvre 20 jours. Renouvelable selon vos besoins, avec une pause entre deux cures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mag-accordion\"\u003e\n \u003cdetails class=\"mag-accordion-item\"\u003e\n \u003csummary class=\"mag-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"mag-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de troubles rénaux ou d'hyperthyroïdie. Demandez l'avis de votre médecin en cas de grossesse, d'allaitement ou de régime pauvre en sel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mag-accordion-item\"\u003e\n \u003csummary class=\"mag-accordion-header\"\u003e🧂 Dosage \u0026amp; effets\u003c\/summary\u003e\n \u003cdiv class=\"mag-accordion-content mt-3\"\u003e\n \u003cp\u003eUn apport excessif de magnésium peut provoquer un effet laxatif. Respectez la dose conseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mag-accordion-item\"\u003e\n \u003csummary class=\"mag-accordion-header\"\u003e👶 Conservation \u0026amp; sécurité\u003c\/summary\u003e\n \u003cdiv class=\"mag-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mag-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mag-cream: #f4f8fc;\n --mag-white: #ffffff;\n --mag-primary: #2b7cc9;\n --mag-primary-dark: #1a5490;\n --mag-primary-light: #e6f0fa;\n --mag-secondary: #7cb342;\n --mag-accent: #f4d03f;\n --mag-text: #1a2b3d;\n --mag-text-light: #5a6b7d;\n --mag-border: #d8e4ef;\n --mag-shadow: 0 4px 24px rgba(26,84,144,.08);\n --mag-shadow-lg: 0 12px 48px rgba(26,84,144,.18);\n --mag-radius: 20px;\n --mag-radius-sm: 12px;\n}\n\n.mag-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mag-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mag-text);\n line-height: 1.6;\n}\n\n.mag-premium *, .mag-premium *::before, .mag-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mag-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5490 0%, #2b7cc9 50%, #4ba3e0 100%);\n border-radius: var(--mag-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(--mag-shadow-lg);\n}\n\n.mag-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,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(124,179,66,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.mag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mag-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.mag-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 letter-spacing: .02em;\n}\n\n.mag-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.3vw, 16px);\n max-width: 680px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.mag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mag-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(--mag-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mag-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 4vw, 3rem);\n flex-wrap: wrap;\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255,255,255,.2);\n}\n\n.mag-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n}\n\n.mag-stat-num {\n color: white;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n letter-spacing: -.03em;\n line-height: 1;\n}\n\n.mag-stat-num small {\n font-size: .5em;\n font-weight: 700;\n margin-left: 2px;\n opacity: .9;\n}\n\n.mag-stat-label {\n color: rgba(255,255,255,.85);\n font-size: clamp(11px, 1.8vw, 13px);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.mag-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mag-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mag-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.mag-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(--mag-primary), var(--mag-secondary));\n border-radius: 2px;\n}\n\n.mag-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mag-text-light);\n margin: 0 auto 1.25rem;\n max-width: 760px;\n line-height: 1.75;\n}\n\n.mag-section-intro strong {\n color: var(--mag-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mag-card {\n background: var(--mag-white);\n border-radius: var(--mag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mag-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mag-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mag-shadow-lg);\n border-color: var(--mag-primary);\n}\n\n.mag-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mag-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mag-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mag-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mag-card p strong {\n color: var(--mag-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.mag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mag-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.mag-grid-compact .mag-card {\n padding: 1rem;\n}\n\n.mag-grid-compact .mag-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mag-grid-compact .mag-card p {\n font-size: 12px;\n}\n\n\/* === TABLE === *\/\n.mag-table-wrap {\n background: var(--mag-white);\n border-radius: var(--mag-radius);\n box-shadow: var(--mag-shadow);\n overflow: hidden;\n overflow-x: auto;\n}\n\n.mag-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 14px;\n}\n\n.mag-table thead {\n background: linear-gradient(135deg, var(--mag-primary), var(--mag-primary-dark));\n}\n\n.mag-table th {\n color: white;\n font-weight: 800;\n text-align: left;\n padding: 14px 18px;\n font-size: 13px;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.mag-table td {\n padding: 14px 18px;\n border-bottom: 1px solid var(--mag-border);\n color: var(--mag-text);\n}\n\n.mag-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.mag-table tbody tr:nth-child(even) {\n background: var(--mag-primary-light);\n}\n\n.mag-table td strong {\n color: var(--mag-primary-dark);\n font-weight: 800;\n}\n\n.mag-tag {\n display: inline-block;\n background: var(--mag-secondary);\n color: white;\n padding: 2px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-left: 6px;\n}\n\n\/* === TIMELINE === *\/\n.mag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mag-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mag-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mag-primary), var(--mag-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(43,124,201,.3);\n}\n\n.mag-timeline-content {\n flex: 1;\n background: var(--mag-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mag-radius-sm);\n box-shadow: var(--mag-shadow);\n}\n\n.mag-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mag-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mag-timeline-content p {\n font-size: 14px;\n color: var(--mag-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mag-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mag-primary-light);\n border-left: 4px solid var(--mag-secondary);\n border-radius: var(--mag-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mag-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.mag-tip p {\n font-size: 14px;\n color: var(--mag-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mag-tip p strong {\n color: var(--mag-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mag-accordion {\n background: var(--mag-white);\n border-radius: var(--mag-radius);\n box-shadow: var(--mag-shadow);\n overflow: hidden;\n}\n\n.mag-accordion-item {\n border-bottom: 1px solid var(--mag-border);\n margin: 0;\n padding: 0;\n}\n\n.mag-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mag-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mag-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.mag-accordion-header:hover {\n background: var(--mag-primary-light);\n}\n\n.mag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mag-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--mag-primary);\n transition: transform .2s ease;\n margin-left: 12px;\n}\n\n.mag-accordion-item[open] .mag-accordion-header::after {\n content: '−';\n}\n\n.mag-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mag-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mag-accordion-content p {\n margin: 0;\n}\n\n.mag-accordion-content p strong {\n color: var(--mag-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.mag-disclaimer {\n font-size: 12px;\n color: var(--mag-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mag-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mag-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .mag-grid-compact .mag-card {\n padding: .75rem;\n }\n \n .mag-card {\n padding: 1.125rem;\n }\n \n .mag-section {\n margin-bottom: 1.75rem;\n }\n \n .mag-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mag-radius-sm);\n }\n \n .mag-hero-stats {\n gap: 1rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n }\n \n .mag-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mag-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .mag-timeline-content {\n padding: .875rem 1rem;\n }\n \n .mag-timeline-content h3 {\n font-size: 14px;\n }\n \n .mag-timeline-content p {\n font-size: 13px;\n }\n \n .mag-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mag-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mag-table th,\n .mag-table td {\n padding: 10px 12px;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mag-card {\n animation: magFadeInUp .5s ease backwards;\n }\n .mag-card:nth-child(1) { animation-delay: .05s; }\n .mag-card:nth-child(2) { animation-delay: .1s; }\n .mag-card:nth-child(3) { animation-delay: .15s; }\n .mag-card:nth-child(4) { animation-delay: .2s; }\n .mag-card:nth-child(5) { animation-delay: .25s; }\n .mag-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes magFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mag-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":45755376992413,"sku":"NBAISUP0006","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-marin-vitamine-b6-20-ampoules-superdiet-packshothd.webp?v=1776425567"},{"product_id":"tonic-potion-jai-la-peche-10-ampoules-propolia-apimab","title":"Tonic Potion - 10 ampoules Propolis, Miel, Pollen, Gingembre \u0026 Acérola","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tonic Potion - J'ai la Pêche - Propolia\nPalette détectée:\n - Primaire: #E85A5A (rouge corail\/pêche du packaging)\n - Secondaire: #F5A69A (rose pêche clair)\n - Accent: #D4A84B (doré miel des ampoules)\n - Tertiaire: #FFFFFF (blanc du packaging)\nAmbiance: Naturel, énergisant, apicole\/ruche, frais et dynamique, féminin-neutre\nPréfixe CSS: tp\n--\u003e\n\n\u003cdiv class=\"tp-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tp-hero\"\u003e\n \u003cdiv class=\"tp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tp-hero-content\"\u003e\n \u003cdiv class=\"tp-badges-top\"\u003e\n \u003cspan class=\"tp-badge\"\u003e🐝 Produits de la ruche\u003c\/span\u003e\n \u003cspan class=\"tp-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e\n \u003cspan class=\"tp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tp-hero-title\"\u003eTonic Potion®\u003c\/span\u003e\n \u003cp class=\"tp-subtitle\"\u003eJ'ai la pêche !\u003c\/p\u003e\n \u003cp class=\"tp-description\"\u003eLe coup de boost 100% naturel qui allie la puissance des produits de la ruche aux vertus dynamisantes des plantes pour retrouver énergie et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"tp-hero-stats\"\u003e\n \u003cdiv class=\"tp-stat\"\u003e\n \u003cspan class=\"tp-stat-number\"\u003e10\u003c\/span\u003e\n \u003cspan class=\"tp-stat-label\"\u003eampoules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-stat\"\u003e\n \u003cspan class=\"tp-stat-number\"\u003e8\u003c\/span\u003e\n \u003cspan class=\"tp-stat-label\"\u003eactifs naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-stat\"\u003e\n \u003cspan class=\"tp-stat-number\"\u003e150mg\u003c\/span\u003e\n \u003cspan class=\"tp-stat-label\"\u003egelée royale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits de la Tonic Potion\u003c\/h2\u003e\n \u003cdiv class=\"tp-grid\"\u003e\n \u003cdiv class=\"tp-card tp-benefit-card\"\u003e\n \u003cdiv class=\"tp-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eCoup de boost instantané\u003c\/h3\u003e\n \u003cp\u003eRetrouvez tonus et énergie dès la première ampoule grâce à la synergie du guarana et du ginseng.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-benefit-card\"\u003e\n \u003cdiv class=\"tp-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eSoutient l'immunité\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C naturelle de l'acérola renforce vos défenses naturelles et réduit la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-benefit-card\"\u003e\n \u003cdiv class=\"tp-card-icon\"\u003e🍯\u003c\/div\u003e\n \u003ch3\u003eVitalité durable\u003c\/h3\u003e\n \u003cp\u003eL'alliance unique miel, propolis et gelée royale apporte une énergie naturelle qui dure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-benefit-card\"\u003e\n \u003cdiv class=\"tp-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003e100% naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule sans artifice, respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e🐝 Une composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"tp-composition-wrapper\"\u003e\n \u003cdiv class=\"tp-composition-category\"\u003e\n \u003ch3 class=\"tp-category-title\"\u003e\n \u003cspan class=\"tp-category-icon\"\u003e🍯\u003c\/span\u003e\n Trésors de la ruche\n \u003c\/h3\u003e\n \u003cdiv class=\"tp-ingredients-grid\"\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e20%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eMiel\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eSource naturelle d'énergie\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e2,3%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003ePropolis purifiée\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eBouclier naturel\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e3%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003ePollen\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eSuper-aliment vitalisant\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e150mg\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eGelée royale\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eÉlixir royal des abeilles\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tp-composition-category\"\u003e\n \u003ch3 class=\"tp-category-title\"\u003e\n \u003cspan class=\"tp-category-icon\"\u003e🌱\u003c\/span\u003e\n Plantes dynamisantes\n \u003c\/h3\u003e\n \u003cdiv class=\"tp-ingredients-grid\"\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e5%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eGingembre\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eStimulant naturel\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e4,8%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eAcérola\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eExtrait titré à 25 % de vitamine C\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e0,95%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eRacine énergisante\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-card\"\u003e\n \u003cdiv class=\"tp-ingredient-percent\"\u003e1%\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-name\"\u003eGuarana\u003c\/div\u003e\n \u003cdiv class=\"tp-ingredient-desc\"\u003eBoost naturel\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tp-extra-ingredients\"\u003e\n \u003cspan class=\"tp-extra-tag\"\u003e+ Extrait de pépins de pamplemousse (0,91%)\u003c\/span\u003e\n \u003cspan class=\"tp-extra-tag\"\u003e+ Huile essentielle de citron\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=\"tp-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tp-usage-box\"\u003e\n \u003cdiv class=\"tp-usage-steps\"\u003e\n \u003cdiv class=\"tp-step\"\u003e\n \u003cdiv class=\"tp-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tp-step-content\"\u003e\n \u003ch4\u003eAgitez\u003c\/h4\u003e\n \u003cp\u003eBien agiter l'ampoule avant ouverture\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-step\"\u003e\n \u003cdiv class=\"tp-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tp-step-content\"\u003e\n \u003ch4\u003eDiluez\u003c\/h4\u003e\n \u003cp\u003eDans un demi-verre d'eau ou de jus de fruit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-step\"\u003e\n \u003cdiv class=\"tp-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tp-step-content\"\u003e\n \u003ch4\u003eSavourez\u003c\/h4\u003e\n \u003cp\u003eChaque matin pour un boost d'énergie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-usage-info\"\u003e\n \u003cdiv class=\"tp-info-item\"\u003e\n \u003cspan class=\"tp-info-icon\"\u003e⏰\u003c\/span\u003e\n \u003cspan\u003e1 ampoule par jour, le matin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-info-item\"\u003e\n \u003cspan class=\"tp-info-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan\u003eCure de 10 jours renouvelable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-info-item\"\u003e\n \u003cspan class=\"tp-info-icon\"\u003e💡\u003c\/span\u003e\n \u003cspan\u003eIdéal en période de fatigue ou changement de saison\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"tp-grid tp-grid-3\"\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e💼\u003c\/div\u003e\n \u003ch3\u003eActifs débordés\u003c\/h3\u003e\n \u003cp\u003ePour garder le rythme au quotidien malgré un emploi du temps chargé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e🏃\u003c\/div\u003e\n \u003ch3\u003eSportifs\u003c\/h3\u003e\n \u003cp\u003ePour optimiser l'énergie et la récupération naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e📚\u003c\/div\u003e\n \u003ch3\u003eÉtudiants\u003c\/h3\u003e\n \u003cp\u003ePour rester concentré et dynamique pendant les révisions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e🍂\u003c\/div\u003e\n \u003ch3\u003eChangement de saison\u003c\/h3\u003e\n \u003cp\u003ePour renforcer l'organisme lors des transitions saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e😴\u003c\/div\u003e\n \u003ch3\u003eFatigue passagère\u003c\/h3\u003e\n \u003cp\u003ePour retrouver rapidement énergie et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card tp-profile-card\"\u003e\n \u003cdiv class=\"tp-profile-emoji\"\u003e🌡️\u003c\/div\u003e\n \u003ch3\u003eConvalescence\u003c\/h3\u003e\n \u003cp\u003ePour aider le corps à se remettre en forme après un coup de mou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e🇫🇷 Origine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"tp-origin-box\"\u003e\n \u003cdiv class=\"tp-origin-content\"\u003e\n \u003cdiv class=\"tp-origin-badge\"\u003e\n \u003cspan class=\"tp-origin-flag\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"tp-origin-text\"\u003ePropolia France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eProduite en France par \u003cstrong\u003ePropolia-Apimab\u003c\/strong\u003e, cette potion respecte les savoir-faire de l'apiculture française et garantit des ingrédients sélectionnés avec soin pour leur \u003cem\u003epureté\u003c\/em\u003e et leur efficacité.\u003c\/p\u003e\n \u003cp\u003eLa fabrication locale répond aux standards de qualité et de traçabilité les plus exigeants, pour un produit respectueux de l'environnement et de votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-origin-features\"\u003e\n \u003cdiv class=\"tp-origin-feature\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e Fabrication française\n \u003c\/div\u003e\n \u003cdiv class=\"tp-origin-feature\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e Ingrédients naturels\n \u003c\/div\u003e\n \u003cdiv class=\"tp-origin-feature\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e Traçabilité garantie\n \u003c\/div\u003e\n \u003cdiv class=\"tp-origin-feature\"\u003e\n \u003cspan\u003e✓\u003c\/span\u003e Savoir-faire apicole\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tp-warning-box\"\u003e\n \u003cdiv class=\"tp-warning-grid\"\u003e\n \u003cdiv class=\"tp-warning-item\"\u003e\n \u003cspan class=\"tp-warning-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-warning-item\"\u003e\n \u003cspan class=\"tp-warning-icon\"\u003e☕\u003c\/span\u003e\n \u003cp\u003eContient de la caféine (10 mg\/ampoule) : déconseillé aux enfants, femmes enceintes ou allaitantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-warning-item\"\u003e\n \u003cspan class=\"tp-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-warning-item\"\u003e\n \u003cspan class=\"tp-warning-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée et à un mode de vie sain\u003c\/p\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=\"tp-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tp-info-grid\"\u003e\n \u003cdiv class=\"tp-info-card\"\u003e\n \u003cspan class=\"tp-info-card-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-value\"\u003e10 ampoules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-info-card\"\u003e\n \u003cspan class=\"tp-info-card-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-label\"\u003eDurée de cure\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-value\"\u003e10 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-info-card\"\u003e\n \u003cspan class=\"tp-info-card-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-label\"\u003eFabricant\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-value\"\u003ePropolia France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-info-card\"\u003e\n \u003cspan class=\"tp-info-card-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"tp-info-card-value\"\u003e100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tp-cta-box\"\u003e\n \u003cdiv class=\"tp-cta-bee\"\u003e🐝\u003c\/div\u003e\n \u003cp\u003eOptez pour la \u003cstrong\u003eTonic Potion \"J'ai la pêche\"\u003c\/strong\u003e et faites le plein d'énergie naturelle pour retrouver dynamisme et bien-être au quotidien !\u003c\/p\u003e\n \u003cdiv class=\"tp-cta-features\"\u003e\n \u003cspan\u003e✨ Énergie naturelle\u003c\/span\u003e\n \u003cspan\u003e🛡️ Immunité renforcée\u003c\/span\u003e\n \u003cspan\u003e🇫🇷 Made in France\u003c\/span\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 \/* Couleurs principales *\/\n --tp-cream: #FFF9F7;\n --tp-white: #ffffff;\n --tp-primary: #E85A5A;\n --tp-primary-dark: #C94545;\n --tp-primary-light: #FEE8E5;\n --tp-secondary: #F5A69A;\n --tp-accent: #D4A84B;\n --tp-accent-light: #FDF4E3;\n \n \/* Textes *\/\n --tp-text: #1a1a1a;\n --tp-text-light: #5a5a5a;\n \n \/* Effets *\/\n --tp-border: #f0e6e4;\n --tp-shadow: 0 4px 24px rgba(232, 90, 90, .08);\n --tp-shadow-lg: 0 12px 48px rgba(232, 90, 90, .15);\n --tp-radius: 20px;\n --tp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tp-text);\n line-height: 1.6;\n}\n\n.tp-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-secondary) 50%, var(--tp-accent) 100%);\n border-radius: var(--tp-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(--tp-shadow-lg);\n}\n\n.tp-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\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 5L37.5 15L52.5 15L45 25L50 40L30 32.5L10 40L15 25L7.5 15L22.5 15L30 5Z' fill='%23ffffff' fill-opacity='1'\/%3E%3C\/svg%3E\");\n background-size: 80px 80px;\n}\n\n.tp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tp-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(--tp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tp-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n font-style: italic;\n}\n\n.tp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2vw, 19px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.tp-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.tp-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(--tp-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.tp-stat-number {\n display: block;\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n line-height: 1;\n}\n\n.tp-stat-label {\n color: rgba(255,255,255,.85);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.tp-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tp-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tp-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.tp-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(--tp-primary), var(--tp-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.tp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.tp-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS === *\/\n.tp-card {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tp-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tp-shadow-lg);\n border-color: var(--tp-primary);\n}\n\n.tp-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--tp-text);\n margin: 0 0 0.75rem 0;\n}\n\n.tp-card p {\n font-size: 15px;\n color: var(--tp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS === *\/\n.tp-benefit-card {\n text-align: center;\n}\n\n.tp-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === COMPOSITION === *\/\n.tp-composition-wrapper {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--tp-shadow);\n}\n\n.tp-composition-category {\n margin-bottom: 2rem;\n}\n\n.tp-composition-category:last-of-type {\n margin-bottom: 1.5rem;\n}\n\n.tp-category-title {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 20px;\n font-weight: 800;\n color: var(--tp-primary-dark);\n margin: 0 0 1.5rem 0;\n padding-bottom: 0.75rem;\n border-bottom: 2px solid var(--tp-primary-light);\n}\n\n.tp-category-icon {\n font-size: 28px;\n}\n\n.tp-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.tp-ingredient-card {\n background: linear-gradient(135deg, var(--tp-primary-light) 0%, var(--tp-accent-light) 100%);\n border-radius: var(--tp-radius-sm);\n padding: 1.25rem;\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.tp-ingredient-card:hover {\n transform: translateY(-4px) scale(1.02);\n border-color: var(--tp-accent);\n}\n\n.tp-ingredient-percent {\n font-size: 22px;\n font-weight: 900;\n color: var(--tp-primary-dark);\n margin-bottom: 0.25rem;\n}\n\n.tp-ingredient-name {\n font-size: 15px;\n font-weight: 700;\n color: var(--tp-text);\n margin-bottom: 0.25rem;\n}\n\n.tp-ingredient-desc {\n font-size: 13px;\n color: var(--tp-text-light);\n}\n\n.tp-extra-ingredients {\n display: flex;\n flex-wrap: wrap;\n gap: 0.75rem;\n justify-content: center;\n padding-top: 1rem;\n border-top: 1px dashed var(--tp-border);\n}\n\n.tp-extra-tag {\n background: var(--tp-cream);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--tp-text-light);\n}\n\n\/* === USAGE === *\/\n.tp-usage-box {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--tp-shadow);\n}\n\n.tp-usage-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.tp-step {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tp-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(232, 90, 90, .3);\n}\n\n.tp-step-content h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--tp-text);\n margin: 0 0 0.25rem 0;\n}\n\n.tp-step-content p {\n font-size: 14px;\n color: var(--tp-text-light);\n margin: 0;\n}\n\n.tp-usage-info {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: center;\n padding-top: 1.5rem;\n border-top: 2px solid var(--tp-primary-light);\n}\n\n.tp-info-item {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--tp-primary-light);\n padding: 10px 18px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n color: var(--tp-primary-dark);\n}\n\n.tp-info-icon {\n font-size: 18px;\n}\n\n\/* === PROFILE CARDS === *\/\n.tp-profile-card {\n text-align: center;\n}\n\n.tp-profile-emoji {\n font-size: 42px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.tp-profile-card h3 {\n font-size: 16px;\n}\n\n.tp-profile-card p {\n font-size: 14px;\n}\n\n\/* === ORIGIN === *\/\n.tp-origin-box {\n background: linear-gradient(135deg, var(--tp-accent-light) 0%, var(--tp-primary-light) 100%);\n border-radius: var(--tp-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n}\n\n@media (min-width: 768px) {\n .tp-origin-box {\n grid-template-columns: 2fr 1fr;\n }\n}\n\n.tp-origin-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--tp-white);\n padding: 10px 20px;\n border-radius: 999px;\n margin-bottom: 1rem;\n box-shadow: var(--tp-shadow);\n}\n\n.tp-origin-flag {\n font-size: 28px;\n}\n\n.tp-origin-text {\n font-size: 16px;\n font-weight: 800;\n color: var(--tp-primary-dark);\n}\n\n.tp-origin-content p {\n font-size: 15px;\n color: var(--tp-text);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.tp-origin-content p:last-child {\n margin-bottom: 0;\n}\n\n.tp-origin-features {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n justify-content: center;\n}\n\n.tp-origin-feature {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 15px;\n font-weight: 600;\n color: var(--tp-text);\n}\n\n.tp-origin-feature span {\n color: var(--tp-primary);\n font-weight: 800;\n}\n\n\/* === WARNING === *\/\n.tp-warning-box {\n background: linear-gradient(135deg, #FFF5E6 0%, #FFEDE6 100%);\n border-radius: var(--tp-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border-left: 5px solid var(--tp-accent);\n}\n\n.tp-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n}\n\n.tp-warning-item {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n\n.tp-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tp-warning-item p {\n font-size: 14px;\n color: var(--tp-text);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INFO GRID === *\/\n.tp-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.tp-info-card {\n background: var(--tp-white);\n border-radius: var(--tp-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--tp-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.tp-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--tp-primary);\n}\n\n.tp-info-card-icon {\n font-size: 32px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.tp-info-card-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: var(--tp-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.25rem;\n}\n\n.tp-info-card-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--tp-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.tp-cta-box {\n background: linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-primary-dark) 100%);\n border-radius: var(--tp-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tp-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: 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.tp-cta-bee {\n font-size: 60px;\n margin-bottom: 1rem;\n display: block;\n animation: float 3s ease-in-out infinite;\n position: relative;\n z-index: 1;\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n.tp-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n position: relative;\n z-index: 1;\n}\n\n.tp-cta-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.tp-cta-features span {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 10px 20px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tp-grid,\n .tp-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .tp-hero-stats {\n gap: 1rem;\n }\n \n .tp-stat {\n padding: 0.75rem 1rem;\n }\n \n .tp-usage-steps {\n grid-template-columns: 1fr;\n }\n \n .tp-ingredients-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tp-card,\n .tp-ingredient-card,\n .tp-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .tp-card:nth-child(1), .tp-ingredient-card:nth-child(1), .tp-info-card:nth-child(1) { animation-delay: .1s; }\n .tp-card:nth-child(2), .tp-ingredient-card:nth-child(2), .tp-info-card:nth-child(2) { animation-delay: .2s; }\n .tp-card:nth-child(3), .tp-ingredient-card:nth-child(3), .tp-info-card:nth-child(3) { animation-delay: .3s; }\n .tp-card:nth-child(4), .tp-ingredient-card:nth-child(4), .tp-info-card:nth-child(4) { animation-delay: .4s; }\n .tp-card:nth-child(5) { animation-delay: .5s; }\n .tp-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .tp-cta-bee {\n animation: none;\n }\n \n .tp-cta-box::before {\n animation: none;\n }\n}\n\n@media (prefers-contrast: high) {\n .tp-premium {\n --tp-text: #000000;\n --tp-text-light: #333333;\n }\n \n .tp-card,\n .tp-ingredient-card,\n .tp-info-card {\n border: 2px solid var(--tp-text);\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":45755383808157,"sku":"AP0026","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tonic-potion-jai-la-peche-10-ampoules-propolia-packshothd.webp?v=1790689664"},{"product_id":"mush-n-go-regulation-stress-humeur","title":"Anti-Stress \u0026 Humeur Mush n Go - Ashwaganda, Reishi et Basilic Sacré","description":"\u003cdiv class=\"mng-premium\"\u003e\n\u003cdiv class=\"mng-hero\"\u003e\n\u003cdiv class=\"mng-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mng-hero-content\"\u003e\n\u003cdiv class=\"mng-badges-top\"\u003e\n\u003cspan class=\"mng-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"mng-badge\"\u003e🌿 Vegan\u003c\/span\u003e \u003cspan class=\"mng-badge\"\u003e🍄 Adaptogènes\u003c\/span\u003e \u003cspan class=\"mng-badge\"\u003e⚡ Ratio 50:1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mng-hero-title\"\u003eRetrouvez votre sérénité au quotidien\u003c\/span\u003e\n\u003cp class=\"mng-subtitle\"\u003eLa synergie adaptogène ultra-concentrée\u003c\/p\u003e\n\u003cp class=\"mng-description\"\u003eAshwagandha, Reishi, Basilic sacré, Schisandra et vitamine B6 réunis dans une formule pensée pour accompagner votre équilibre nerveux, sans caféine ni sucre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e🍄 Anti-Stress \u0026amp; Humeur Mush n Go : la synergie adaptogène pour retrouver votre sérénité\u003c\/h2\u003e\n\u003cp class=\"mng-section-intro\"\u003eCharge mentale débordante, tensions accumulées, difficultés à déconnecter le soir ? Le \u003cstrong\u003ecomplément alimentaire anti-stress Mush n Go\u003c\/strong\u003e associe le meilleur des \u003cstrong\u003echampignons adaptogènes\u003c\/strong\u003e et des plantes ayurvédiques dans une formule pensée pour accompagner votre équilibre nerveux au quotidien. Une combinaison ciblée, végane et fabriquée en France, pour traverser sereinement les périodes exigeantes.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e🌿 Champignons adaptogènes, c'est quoi exactement ?\u003c\/h2\u003e\n\u003cp class=\"mng-section-intro\"\u003eVous vous demandez ce que sont les \u003cstrong\u003echampignons adaptogènes\u003c\/strong\u003e ? Il s'agit d'ingrédients naturels utilisés depuis des siècles dans les traditions asiatiques, réputés pour aider l'organisme à mieux s'adapter aux périodes de tension. Contrairement à un simple \u003cstrong\u003ecafé aux champignons adaptogènes\u003c\/strong\u003e ou à une \u003cstrong\u003eboisson aux champignons adaptogènes\u003c\/strong\u003e tendance, notre formule concentrée en gélules vous garantit un dosage précis, sans caféine, sans sucre et sans compromis sur la qualité.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de la formule Anti-Stress \u0026amp; Humeur\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid\"\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🧠 Équilibre nerveux\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B6 contribue au fonctionnement normal du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa B6 soutient également un métabolisme énergétique normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🧘 Fonctions psychologiques\u003c\/h3\u003e\n\u003cp\u003eUn soutien précieux en période de forte charge mentale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌱 Synergie adaptogène\u003c\/h3\u003e\n\u003cp\u003eAshwagandha, Reishi et Basilic sacré, plantes emblématiques de l'Ayurvéda et des traditions asiatiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e☁️ Détente et sérénité\u003c\/h3\u003e\n\u003cp\u003eAccompagne les personnes soumises au stress du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e💯 Formule concentrée\u003c\/h3\u003e\n\u003cp\u003eRatio 50:1 sur l'Ashwagandha : jusqu'à 50 fois plus efficace qu'un extrait standard.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e🧪 Composition détaillée (par 2 gélules)\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid-compact\"\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌿 Ashwagandha\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 000 mg*\u003c\/strong\u003e\u003cbr\u003eExtrait concentré, ratio 50:1\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🍄 Reishi\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 000 mg*\u003c\/strong\u003e\u003cbr\u003eChampignon de longévité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌱 Basilic sacré (Tulsi)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e400 mg*\u003c\/strong\u003e\u003cbr\u003ePlante reine de l'Ayurvéda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌾 Fibre d'acacia\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e120 mg*\u003c\/strong\u003e\u003cbr\u003eSupport végétal naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🍒 Schisandra\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e90 mg*\u003c\/strong\u003e\u003cbr\u003eBaie adaptogène asiatique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e💊 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e\u003cbr\u003e143 % des AR\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"mng-disclaimer\"\u003e*Valeurs communiquées par le fabricant. Gélule végétale (HPMC).\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e📋 Comment prendre le complément anti-stress Mush n Go ?\u003c\/h2\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\u003ePosologie\u003c\/h3\u003e\n\u003cp\u003e1 à 2 gélules par jour selon vos besoins.\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\u003eMoment de prise\u003c\/h3\u003e\n\u003cp\u003eLe matin, avant ou après le petit-déjeuner, avec un grand verre d'eau.\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\u003eDurée conseillée\u003c\/h3\u003e\n\u003cp\u003eUne cure régulière de 2 à 3 semaines minimum pour profiter pleinement des bienfaits de la synergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e👤 À qui s'adresse ce complément alimentaire anti-stress ?\u003c\/h2\u003e\n\u003cp class=\"mng-section-intro\"\u003eCette formule s'adresse aux adultes qui souhaitent intégrer un soutien naturel à leur routine : professionnels sous pression, étudiants en période d'examens, parents jonglant avec un quotidien intense, ou toute personne peinant à déconnecter. Une alternative sérieuse à la \u003cstrong\u003eboisson aux champignons adaptogènes\u003c\/strong\u003e du matin, en version concentrée et pratique.\u003c\/p\u003e\n\u003cdiv class=\"mng-grid-compact\"\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e💼 Pros sous pression\u003c\/h3\u003e\n\u003cp\u003eCharge mentale et rythme soutenu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n\u003cp\u003ePériodes d'examens intenses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e👨👩👧 Parents actifs\u003c\/h3\u003e\n\u003cp\u003eQuotidien exigeant à jongler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌙 Hyperconnectés\u003c\/h3\u003e\n\u003cp\u003eDifficultés à déconnecter le soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mng-section\"\u003e\n\u003ch2\u003e✅ Les engagements Mush n Go\u003c\/h2\u003e\n\u003cdiv class=\"mng-grid-compact\"\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eSelon des normes strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🌿 100% Vegan\u003c\/h3\u003e\n\u003cp\u003eSans OGM, sucre ni caféine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e🧪 Contrôlé en labo\u003c\/h3\u003e\n\u003cp\u003eLaboratoire indépendant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mng-card\"\u003e\n\u003ch3\u003e💊 30 gélules\u003c\/h3\u003e\n\u003cp\u003eCure de 15 à 30 jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mng-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mng-accordion\"\u003e\n\u003cdetails class=\"mng-accordion-item\"\u003e\n\u003csummary class=\"mng-accordion-header\"\u003e📌 Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content mt-3\"\u003e\n\u003cp\u003eRespectez la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée, à un mode de vie sain, ni à un traitement médical. Tenir hors de portée des jeunes enfants.\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🤰 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes. En cas de traitement en cours ou de doute, demandez conseil à un professionnel de santé avant utilisation.\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💬 Avis sur Anti-Stress Mush n Go\u003c\/summary\u003e\n\u003cdiv class=\"mng-accordion-content mt-3\"\u003e\n\u003cp\u003eDécouvrez pourquoi cette formule séduit celles et ceux qui recherchent un accompagnement naturel, transparent et efficace au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mng-cream: #fdf4ef;\n --mng-white: #ffffff;\n --mng-primary: #f26430;\n --mng-primary-dark: #c94a1e;\n --mng-primary-light: #fde4d6;\n --mng-secondary: #ff8a5b;\n --mng-accent: #ffb08a;\n --mng-text: #2a1810;\n --mng-text-light: #6b5548;\n --mng-border: #f0d9c9;\n --mng-shadow: 0 4px 24px rgba(242,100,48,.10);\n --mng-shadow-lg: 0 12px 48px rgba(242,100,48,.20);\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 color: var(--mng-text);\n}\n\n.mng-hero {\n position: relative;\n background: linear-gradient(135deg, #ff8a5b 0%, #f26430 50%, #c94a1e 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% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\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(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.mng-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.mng-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\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.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 line-height: 1.2;\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: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.mng-section-intro strong {\n color: var(--mng-primary-dark);\n}\n\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.mng-card p strong {\n color: var(--mng-primary);\n font-size: 18px;\n font-weight: 800;\n}\n\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.mng-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\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 box-shadow: 0 4px 12px rgba(242,100,48,.3);\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.mng-accordion {\n background: var(--mng-white);\n border-radius: var(--mng-radius);\n box-shadow: var(--mng-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\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: 22px;\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.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@media (max-width: 767px) {\n .mng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .mng-card { padding: 1.125rem; }\n .mng-section { margin-bottom: 1.75rem; }\n .mng-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mng-radius-sm);\n }\n .mng-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mng-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .mng-grid-compact {\n gap: .625rem;\n }\n .mng-grid-compact .mng-card {\n padding: .75rem;\n }\n .mng-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .mng-timeline-content {\n padding: .875rem 1rem;\n }\n .mng-timeline-content h3 { font-size: 14px; }\n .mng-timeline-content p { font-size: 13px; }\n .mng-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .mng-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mng-card {\n animation: fadeInUp .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}\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 .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":53523522191737,"sku":"antistressmushngo","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/anti-stress-humeur-mush-n-go-ashwaganda-reishi-rhodiole-packshothd_cc975618-5aa1-4aed-b82f-6713f542a991.webp?v=1789379327"},{"product_id":"energie-boost-naturel-mush-n-go","title":"Mush n Go Énergie - Ginseng, Cordyceps \u0026 Maca - 30 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Mush n Go Énergie - Ginseng, Cordyceps \u0026 Maca\nPalette détectée:\n - Primaire: #E8656C (rose corail\/saumon du packaging)\n - Secondaire: #D4525A (rose corail foncé du couvercle)\n - Accent: #F5A855 (doré\/orangé des cordyceps et halo lumineux)\n - Background: #FDF5F0 (crème rosé très clair)\nAmbiance: Énergisant, naturel, dynamique, chaleureux - évoque la vitalité et les plantes adaptogènes avec une touche moderne et accessible\nPréfixe CSS: mng\n--\u003e\n\n\u003cdiv class=\"mng-premium\"\u003e\n \n \u003c!-- HERO SECTION --\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🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mng-badge\"\u003e🍃 100% Vegan\u003c\/span\u003e\n \u003cspan class=\"mng-badge\"\u003e🔬 Scientifiquement prouvé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mng-hero-title\"\u003eÉnergie naturelle \u0026amp; durable\u003c\/span\u003e\n \u003cp class=\"mng-subtitle\"\u003eCordyceps • Ginseng de Sibérie • Maca\u003c\/p\u003e\n \u003cp class=\"mng-description\"\u003eLa synergie parfaite de 3 adaptogènes puissants pour retrouver votre vitalité sans coups de fatigue. Fini les stimulants artificiels, place à l'énergie au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI CETTE FORMULE --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003e⚡ Pourquoi cette formule est différente\u003c\/h2\u003e\n \u003cdiv class=\"mng-grid\"\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🎯 Action en profondeur\u003c\/h3\u003e\n \u003cp\u003eContrairement aux stimulants classiques, les adaptogènes travaillent sur les causes de la fatigue, pas seulement les symptômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e📈 Énergie stable\u003c\/h3\u003e\n \u003cp\u003ePas de pic suivi d'un coup de barre. Une énergie constante et maîtrisée tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🧠 Corps \u0026amp; esprit\u003c\/h3\u003e\n \u003cp\u003eSoutien des capacités physiques ET mentales : endurance, concentration, résistance au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACTIFS PRINCIPAUX --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003e🍄 Nos 3 adaptogènes stars\u003c\/h2\u003e\n \u003cdiv class=\"mng-grid\"\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003cdiv class=\"mng-dosage\"\u003e480 mg\/jour\u003c\/div\u003e\n \u003ch3\u003e🔥 Cordyceps\u003c\/h3\u003e\n \u003cp class=\"mng-ingredient-subtitle\"\u003eLe champignon de l'endurance\u003c\/p\u003e\n \u003cp\u003eUtilisé depuis des siècles en médecine tibétaine, il favorise une meilleure oxygénation cellulaire. Idéal pour l'endurance et la récupération sportive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003cdiv class=\"mng-dosage\"\u003e120 mg\/jour\u003c\/div\u003e\n \u003ch3\u003e🌿 Ginseng de Sibérie\u003c\/h3\u003e\n \u003cp class=\"mng-ingredient-subtitle\"\u003eL'allié anti-fatigue\u003c\/p\u003e\n \u003cp\u003eAussi appelé éleuthérocoque, cet adaptogène réduit la fatigue, renforce les défenses naturelles et améliore la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card mng-card-ingredient\"\u003e\n \u003cdiv class=\"mng-dosage\"\u003e120 mg\/jour\u003c\/div\u003e\n \u003ch3\u003e⚡ Maca\u003c\/h3\u003e\n \u003cp class=\"mng-ingredient-subtitle\"\u003eLa racine péruvienne de la vitalité\u003c\/p\u003e\n \u003cp\u003eCultivée sur les hauts plateaux des Andes, elle stimule l'énergie, soutient l'équilibre hormonal et maintient une libido saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- HUILE MCT BONUS --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003cdiv class=\"mng-highlight-box\"\u003e\n \u003cdiv class=\"mng-highlight-content\"\u003e\n \u003cspan class=\"mng-highlight-icon\"\u003e🥥\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003e+ Huile MCT de coco bio (520 mg)\u003c\/h3\u003e\n \u003cp\u003eLes triglycérides à chaîne moyenne sont rapidement convertis en énergie sans pic glycémique. Une source d'énergie propre qui soutient la clarté mentale.\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=\"mng-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mng-grid\"\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e😴 Fatigué(e) chronique\u003c\/h3\u003e\n \u003cp\u003eVous ressentez une fatigue persistante malgré un sommeil suffisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🏃 Sportif(ve)\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à améliorer vos performances et votre récupération naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e💼 Surmené(e)\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période de stress intense ou de surcharge mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🎯 Actif(ve) au quotidien\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez maintenir vitalité et concentration toute la journée.\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=\"mng-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mng-steps\"\u003e\n \u003cdiv class=\"mng-step\"\u003e\n \u003cspan class=\"mng-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"mng-step-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-step\"\u003e\n \u003cspan class=\"mng-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"mng-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eLe matin ou début d'après-midi\u003c\/strong\u003e pour ne pas perturber le sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-step\"\u003e\n \u003cspan class=\"mng-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"mng-step-content\"\u003e\n \u003ch3\u003ePrise\u003c\/h3\u003e\n \u003cp\u003eAvec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e, pendant ou hors repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-step\"\u003e\n \u003cspan class=\"mng-step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"mng-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eMinimum 4 semaines\u003c\/strong\u003e pour des résultats optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CERTIFICATIONS --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003e✅ Nos garanties qualité\u003c\/h2\u003e\n \u003cdiv class=\"mng-grid-compact\"\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🌱 Bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients biologiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🥬 Vegan\u003c\/h3\u003e\n \u003cp\u003e100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-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=\"mng-card\"\u003e\n \u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n \u003cp\u003eNaturellement pur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🔬 Testé labo\u003c\/h3\u003e\n \u003cp\u003eLaboratoire indépendant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mng-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION DÉTAILLÉE + PRÉCAUTIONS (ACCORDÉON) --\u003e\n \u003csection class=\"mng-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mng-accordion\"\u003e\n \u003cdetails class=\"mng-accordion-item\"\u003e\n \u003csummary class=\"mng-accordion-header\"\u003e🧪 Composition complète (2 gélules)\u003c\/summary\u003e\n \u003cdiv class=\"mng-accordion-content\"\u003e\n \u003cul class=\"mng-compo-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eCordyceps (extrait)\u003c\/strong\u003e : 480 mg\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eHuile MCT de noix de coco bio\u003c\/strong\u003e : 520 mg\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGinseng de Sibérie (extrait)\u003c\/strong\u003e : 120 mg\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMaca (extrait)\u003c\/strong\u003e : 120 mg\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnveloppe végétale (HPMC)\u003c\/strong\u003e : 159,6 mg\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003cem\u003eGélules 100% végétales, sans additifs chimiques, sans OGM.\u003c\/em\u003e\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⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mng-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire est réservé aux adultes. Déconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. Si vous suivez un traitement médicamenteux ou souffrez d'une pathologie particulière, consultez votre médecin avant de débuter la cure.\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\"\u003e\n \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Ce produit 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=\"mng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mng-cta-box\"\u003e\n \u003cp\u003e🍄 30 gélules = 15 à 30 jours de vitalité retrouvée\u003cbr\u003e\u003cstrong\u003eRéveillez votre énergie naturellement avec Mush n Go !\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mng-cream: #FDF5F0;\n --mng-white: #ffffff;\n --mng-primary: #E8656C;\n --mng-primary-dark: #C94550;\n --mng-primary-light: #FEF0F0;\n --mng-secondary: #D4525A;\n --mng-accent: #F5A855;\n --mng-text: #1a1a1a;\n --mng-text-light: #5a5a5a;\n --mng-border: #f0e0da;\n --mng-shadow: 0 4px 24px rgba(232,101,108,.12);\n --mng-shadow-lg: 0 12px 48px rgba(232,101,108,.18);\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, var(--mng-primary) 0%, var(--mng-secondary) 50%, var(--mng-primary-dark) 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(245,168,85,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.mng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\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.mng-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.mng-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .1em;\n text-transform: uppercase;\n}\n\n.mng-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.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-accent));\n border-radius: 2px;\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(3, 1fr);\n gap: 1rem;\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\/* Cards ingrédients *\/\n.mng-card-ingredient {\n position: relative;\n padding-top: clamp(2.5rem, 5vw, 3.5rem);\n}\n\n.mng-dosage {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--mng-accent), #F7B96B);\n color: white;\n font-size: 12px;\n font-weight: 800;\n padding: 6px 14px;\n border-radius: 999px;\n box-shadow: 0 4px 12px rgba(245,168,85,.4);\n}\n\n.mng-ingredient-subtitle {\n font-size: 13px !important;\n font-weight: 600 !important;\n color: var(--mng-primary) !important;\n margin-bottom: .75rem !important;\n font-style: italic;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mng-highlight-box {\n background: linear-gradient(135deg, var(--mng-primary-light) 0%, #FFF5E6 100%);\n border-radius: var(--mng-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-left: 5px solid var(--mng-accent);\n}\n\n.mng-highlight-content {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n}\n\n.mng-highlight-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.mng-highlight-content h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--mng-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mng-highlight-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--mng-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === STEPS === *\/\n.mng-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mng-step {\n background: var(--mng-white);\n border-radius: var(--mng-radius);\n padding: 1.5rem;\n box-shadow: var(--mng-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n transition: all .3s ease;\n}\n\n.mng-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--mng-shadow-lg);\n}\n\n.mng-step-number {\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-size: 18px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.mng-step-content h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--mng-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mng-step-content p {\n font-size: 14px;\n color: var(--mng-text-light);\n margin: 0;\n line-height: 1.5;\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}\n\n.mng-accordion-content p {\n margin: 0;\n}\n\n.mng-compo-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.mng-compo-list li {\n padding: .5rem 0;\n border-bottom: 1px dashed var(--mng-border);\n}\n\n.mng-compo-list li:last-child {\n border-bottom: none;\n}\n\n\/* === CTA BOX === *\/\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::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 50%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: translate(-30%, -30%); }\n 50% { transform: translate(30%, 30%); }\n}\n\n.mng-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 .mng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mng-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .mng-grid-compact .mng-card {\n padding: .875rem;\n }\n \n .mng-grid-compact .mng-card h3 {\n font-size: 13px;\n margin-bottom: .25rem;\n }\n \n .mng-grid-compact .mng-card p {\n font-size: 11px;\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-steps {\n grid-template-columns: 1fr;\n gap: .875rem;\n }\n \n .mng-step {\n padding: 1rem;\n }\n \n .mng-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .mng-highlight-content {\n flex-direction: column;\n text-align: center;\n }\n \n .mng-highlight-icon {\n font-size: 32px;\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 .mng-card-ingredient {\n padding-top: 2.25rem;\n }\n \n .mng-dosage {\n font-size: 11px;\n padding: 5px 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mng-card, .mng-step {\n animation: fadeInUp .5s ease backwards;\n }\n .mng-card:nth-child(1), .mng-step:nth-child(1) { animation-delay: .05s; }\n .mng-card:nth-child(2), .mng-step:nth-child(2) { animation-delay: .1s; }\n .mng-card:nth-child(3), .mng-step:nth-child(3) { animation-delay: .15s; }\n .mng-card:nth-child(4), .mng-step: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}\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 .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":53523554042233,"sku":"ENERGIEMUSHNGO","price":24.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mush-n-go-energie-ginseng-cordyceps-maca-30-gelules-packshothd_328ad091-fc98-4f8d-9ef2-cc5da687cd93.webp?v=1776853700"},{"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.79,"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":"acerola-bio-60-gelules-graine-sauvage","title":"Acérola Bio - 60 gélules - Graine Sauvage","description":"\u003cdiv class=\"ac-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ac-hero\"\u003e\n \u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ac-hero-content\"\u003e\n \u003cdiv class=\"ac-badges-top\"\u003e\n \u003cspan class=\"ac-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ac-hero-title\"\u003eAcérola Bio\u003c\/span\u003e\n \u003cp class=\"ac-subtitle\"\u003eSource naturelle de vitamine C\u003c\/p\u003e\n \u003cp class=\"ac-description\"\u003e1200 mg de poudre de jus d'acérola bio par dose · Titré à 17 % de vitamine C · Cure de 20 jours pour retrouver vitalité et énergie naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eAcérola Bio Graine Sauvage : votre source naturelle de vitamine C\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eConnaissez-vous cette petite baie rouge originaire d'Amérique latine, considérée comme l'un des fruits les plus riches en vitamine C au monde ?\u003c\/p\u003e\n \u003cdiv class=\"ac-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eacérola bio\u003c\/strong\u003e de Graine Sauvage concentre toute la puissance de ce superfruit dans un format pratique de \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e. Avec \u003cstrong\u003e1200 mg de poudre de jus d'acérola\u003c\/strong\u003e par dose quotidienne, ce \u003cstrong\u003ecomplément alimentaire acérola\u003c\/strong\u003e certifié bio vous apporte un soutien précieux pour affronter chaque journée avec vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003ePourquoi la vitamine C de l'acérola est-elle si spéciale ?\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🍊 Cofacteurs naturels\u003c\/h3\u003e\n \u003cp\u003eFlavonoïdes, caroténoïdes et minéraux accompagnent naturellement la vitamine C pour une absorption optimale par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🔬 Titrage à 17 %\u003c\/h3\u003e\n \u003cp\u003eLa poudre de jus d'acérola est titrée à 17 % de vitamine C, garantissant un apport significatif et constant à chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌱 Qualité bio certifiée\u003c\/h3\u003e\n \u003cp\u003eIssue de l'agriculture biologique, cette acérola vitamine C offre une qualité irréprochable, sans produit chimique de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e⚡ Meilleure assimilation\u003c\/h3\u003e\n \u003cp\u003eContrairement à la vitamine C synthétique, votre corps assimile mieux la forme naturelle et en tire davantage de bénéfices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de l'acérola au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e😴 Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C contribue à diminuer la fatigue passagère, notamment lors des changements de saison ou des périodes de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🛡️ Soutien du système immunitaire\u003c\/h3\u003e\n \u003cp\u003eElle participe activement au fonctionnement normal de vos défenses naturelles pour vous protéger tout au long de l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🧬 Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle aide à protéger vos cellules contre le stress oxydatif, facteur majeur du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🧠 Système nerveux équilibré\u003c\/h3\u003e\n \u003cp\u003eElle contribue à l'équilibre de vos fonctions psychologiques normales et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🩸 Meilleure absorption du fer\u003c\/h3\u003e\n \u003cp\u003eUn atout précieux si vous avez tendance aux carences en fer : la vitamine C facilite son assimilation par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComposition détaillée — pour 3 gélules\u003c\/h2\u003e\n \u003cdiv class=\"ac-composition\"\u003e\n \u003cdiv class=\"ac-compo-item ac-compo-main\"\u003e\n \u003cdiv class=\"ac-compo-header\"\u003e\n \u003cspan class=\"ac-compo-emoji\"\u003e🍒\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003ePoudre de jus d'acérola biologique*\u003c\/h3\u003e\n \u003cspan class=\"ac-compo-dose\"\u003e1200 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eTitrée à 17 % de vitamine C, soit environ \u003cstrong\u003e204 mg de vitamine C naturelle\u003c\/strong\u003e par dose quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-compo-item\"\u003e\n \u003cdiv class=\"ac-compo-header\"\u003e\n \u003cspan class=\"ac-compo-emoji\"\u003e🌾\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eFibre d'acacia biologique*\u003c\/h3\u003e\n \u003cspan class=\"ac-compo-dose\"\u003e300 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003ePour un meilleur confort digestif et une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-compo-item\"\u003e\n \u003cdiv class=\"ac-compo-header\"\u003e\n \u003cspan class=\"ac-compo-emoji\"\u003e💊\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eGélule végétale en hypromellose\u003c\/h3\u003e\n \u003cspan class=\"ac-compo-dose\"\u003eEnveloppe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eConvient aux régimes végétariens et végans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ac-disclaimer\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique, certifiés par FR-BIO-01.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComment prendre l'acérola bio Graine Sauvage ?\u003c\/h2\u003e\n \u003cdiv class=\"ac-timeline\"\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003ePrenez 3 gélules par jour\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau, en une seule fois au petit-déjeuner ou réparties sur la matinée selon votre préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eDe préférence avant 15h\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C ayant un léger effet stimulant, mieux vaut éviter une prise en fin de journée pour ne pas perturber votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 60 gélules correspond à une cure complète. Pour un effet optimal, renouvelez la cure à chaque changement de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e associez votre cure d'acérola aux périodes clés — rentrée, début de l'hiver, printemps — pour un soutien immunitaire maximal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eCe qui fait la différence\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eCertification Agriculture Biologique garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🧾 Formule transparente\u003c\/h3\u003e\n \u003cp\u003eAucun additif inutile, aucun conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eFaciles à avaler, adaptées à tous les régimes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💪 Dosage généreux\u003c\/h3\u003e\n \u003cp\u003e1200 mg d'acérola pour un apport réellement efficace en vitamine C naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ac-accordion\"\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e📋 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"ac-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=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ac-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=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e🥗 Complément alimentaire\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas une alimentation variée et équilibrée\u003c\/strong\u003e ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e💊 Traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e🏠 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, 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\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ac-cream: #f8f9f2;\n --ac-white: #ffffff;\n --ac-primary: #7ab648;\n --ac-primary-dark: #4a7a2a;\n --ac-primary-light: #edf5e4;\n --ac-secondary: #c8d632;\n --ac-accent: #f0e03b;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e0e0e0;\n --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #4a7a2a 0%, #7ab648 40%, #c8d632 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(240,224,59,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\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.ac-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2.2vw, 16px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ac-highlight-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-highlight-box p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--ac-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.ac-highlight-box strong {\n color: var(--ac-primary-dark);\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.ac-composition {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-compo-item {\n background: var(--ac-white);\n border-radius: var(--ac-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--ac-shadow);\n transition: all .3s ease;\n}\n\n.ac-compo-item:hover {\n transform: translateY(-3px);\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-compo-main {\n border: 2px solid var(--ac-primary);\n background: var(--ac-primary-light);\n}\n\n.ac-compo-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: .5rem;\n}\n\n.ac-compo-emoji {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.ac-compo-header h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0;\n line-height: 1.3;\n}\n\n.ac-compo-dose {\n display: inline-block;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n padding: 2px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-top: 4px;\n}\n\n.ac-compo-item p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-compo-item p strong {\n color: var(--ac-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ac-testimonial {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n.ac-accordion-content strong {\n color: var(--ac-text);\n}\n\n\/* === DISCLAIMER === *\/\n.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ac-highlight-box {\n padding: 1.25rem;\n }\n\n .ac-compo-item {\n padding: 1rem;\n }\n\n .ac-compo-emoji {\n font-size: 26px;\n }\n\n .ac-compo-header h3 {\n font-size: 14px;\n }\n\n .ac-tip {\n padding: .875rem 1rem;\n }\n\n .ac-tip-icon {\n font-size: 20px;\n }\n\n .ac-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n\n .ac-compo-item {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-compo-item:nth-child(1) { animation-delay: .05s; }\n .ac-compo-item:nth-child(2) { animation-delay: .1s; }\n .ac-compo-item:nth-child(3) { animation-delay: .15s; }\n\n .ac-timeline-item {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ac-timeline-item:nth-child(2) { animation-delay: .1s; }\n .ac-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes acFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54881431552377,"sku":"GS0006","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-bio-60-gelules-graine-sauvage-packshothd.webp?v=1785946343"},{"product_id":"graines-de-sommeil-graine-sauvage","title":"Graines de sommeil bio - 60 gélules - Graine Sauvage","description":"\u003cdiv class=\"gs-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gs-hero\"\u003e\n\u003cdiv class=\"gs-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gs-hero-content\"\u003e\n\u003cdiv class=\"gs-badges-top\"\u003e\n\u003cspan class=\"gs-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"gs-badge\"\u003e🌙 60 gélules végétales\u003c\/span\u003e \u003cspan class=\"gs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gs-hero-title\"\u003eGraines de Sommeil Bio\u003c\/span\u003e\n\u003cp class=\"gs-subtitle\"\u003eNuit paisible — par Graine Sauvage\u003c\/p\u003e\n\u003cp class=\"gs-description\"\u003e4 plantes bio apaisantes réunies dans une gélule végétale pour retrouver un endormissement naturel et un sommeil profond, soir après soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gs-section\"\u003e\n\u003ch2\u003eGraines de Sommeil Bio : retrouvez des nuits paisibles grâce à quatre plantes apaisantes\u003c\/h2\u003e\n\u003cp class=\"gs-section-intro\"\u003eVous tournez dans votre lit, votre esprit refuse de se calmer, et le réveil approche trop vite ?\u003c\/p\u003e\n\u003cdiv class=\"gs-testimonial\"\u003e\n\u003cp class=\"gs-testimonial-text\"\u003eLes \u003cstrong\u003eGraines de Sommeil Bio\u003c\/strong\u003e de \u003cem\u003eGraine Sauvage\u003c\/em\u003e ont été formulées précisément pour vous. Ce complément alimentaire en \u003cstrong\u003egélules sommeil\u003c\/strong\u003e réunit quatre plantes biologiques aux vertus relaxantes, soigneusement dosées pour favoriser un \u003cstrong\u003eendormissement naturel\u003c\/strong\u003e et un sommeil profond et réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gs-section\"\u003e\n\u003ch2\u003eUne synergie de quatre plantes bio aux vertus complémentaires\u003c\/h2\u003e\n\u003cp class=\"gs-section-intro\"\u003eContrairement à certaines solutions contenant un seul actif, cette formule mise sur la complémentarité de quatre extraits végétaux. Chaque plante joue un rôle précis dans le processus d'endormissement et le maintien d'un sommeil de qualité.\u003c\/p\u003e\n\u003cdiv class=\"gs-grid\"\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e🌸 Passiflore bio\u003c\/h3\u003e\n\u003cp\u003eVéritable alliée de la détente, elle aide à relâcher les tensions nerveuses accumulées dans la journée. Particulièrement utile si vous avez tendance à ressasser vos pensées au moment du coucher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e🍺 Houblon bio\u003c\/h3\u003e\n\u003cp\u003eReconnu depuis des siècles pour ses effets calmants, il contribue à apaiser l'agitation intérieure et à préparer votre organisme au repos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e🌼 Aubépine bio\u003c\/h3\u003e\n\u003cp\u003eElle soutient l'équilibre émotionnel en réduisant la nervosité et l'irritabilité. Si le stress du quotidien perturbe vos nuits, l'aubépine vous aide à retrouver la sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e☕ Camomille bio\u003c\/h3\u003e\n\u003cp\u003eDouce et apaisante, elle accompagne la phase d'endormissement et limite les réveils nocturnes pour un sommeil continu et véritablement réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-tip\"\u003e\n\u003cspan class=\"gs-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCette association végétale offre une alternative naturelle pour celles et ceux qui recherchent des \u003cstrong\u003egélules sommeil\u003c\/strong\u003e efficaces sans mélatonine de synthèse. Si vous avez déjà testé des formules comme les \u003cstrong\u003eMéla-Sommeil 2 gélules\u003c\/strong\u003e et préférez une approche 100 % plantes, cette synergie est faite pour vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gs-section\"\u003e\n\u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gs-composition-box\"\u003e\n\u003cdiv class=\"gs-composition-header\"\u003e\n\u003cp\u003e🧪 Ingrédients pour 3 gélules (dose journalière)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-grid-compact\"\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e🌸 Passiflore bio\u003c\/h3\u003e\n\u003cp\u003ePartie aérienne — \u003cstrong\u003e450 mg\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e☕ Camomille bio\u003c\/h3\u003e\n\u003cp\u003eFleur — \u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e🍺 Houblon bio\u003c\/h3\u003e\n\u003cp\u003eCône — \u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e🌼 Aubépine bio\u003c\/h3\u003e\n\u003cp\u003eSommité fleurie — \u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gs-envelope-note\"\u003eEnveloppe : gélule végétale (HPMC)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-timeline\"\u003e\n\u003cdiv class=\"gs-timeline-item\"\u003e\n\u003cdiv class=\"gs-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gs-timeline-content\"\u003e\n\u003ch3\u003ePrenez 3 gélules\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, environ \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-timeline-item\"\u003e\n\u003cdiv class=\"gs-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gs-timeline-content\"\u003e\n\u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n\u003cp\u003eLe pilulier contient \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e, soit une cure complète d'environ 20 jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-timeline-item\"\u003e\n\u003cdiv class=\"gs-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gs-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez pour des résultats durables\u003c\/h3\u003e\n\u003cp\u003ePour des bienfaits optimaux, nous vous conseillons de renouveler la cure pendant \u003cstrong\u003edeux à trois mois\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gs-section\"\u003e\n\u003ch2\u003ePourquoi choisir ces gélules sommeil bio ?\u003c\/h2\u003e\n\u003cdiv class=\"gs-grid-compact\"\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e🌱 Certifié bio AB\u003c\/h3\u003e\n\u003cp\u003eFR-BIO-01 : des ingrédients cultivés sans pesticides ni engrais chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e🥬 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eGélules végétales convenant aux végétariens et végétaliens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans additifs chimiques, sans gluten : une formule propre, sans excipients inutiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003ePar Graine Sauvage, marque engagée dans une démarche écologique et responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-tip\"\u003e\n\u003cspan class=\"gs-tip-icon\"\u003e🌰\u003c\/span\u003e\n\u003cp\u003eBien des personnes se tournent vers les \u003cstrong\u003egraines de courge pour le sommeil\u003c\/strong\u003e ou les \u003cstrong\u003egraines de chanvre pour le sommeil\u003c\/strong\u003e. Si ces aliments sont intéressants au plan nutritionnel, ils n'offrent pas la concentration en principes actifs relaxants que procure une formule spécifiquement conçue pour la nuit. C'est tout l'avantage des Graines de Sommeil Bio : un dosage précis, une action ciblée, un format pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gs-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions et recommandations\u003c\/h2\u003e\n\u003cdiv class=\"gs-accordion\"\u003e\n\u003cdetails class=\"gs-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"gs-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé en cas d'antécédent personnel ou familial de cancer hormono-dépendant. Ne peut remplacer une alimentation variée et équilibrée et un mode de vie sain. Ne pas dépasser les doses recommandées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gs-accordion-item\"\u003e\n\u003csummary class=\"gs-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver à l'abri de la lumière et dans un environnement propre, sec et à température ambiante. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gs-accordion-item\"\u003e\n\u003csummary class=\"gs-accordion-header\"\u003e🩺 Consultation médicale\u003c\/summary\u003e\n\u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n\u003cp\u003eSi vos troubles du sommeil persistent, consultez votre médecin afin d'identifier d'éventuelles causes sous-jacentes. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gs-cta-box\"\u003e\n\u003cp\u003e🌙 Offrez-vous enfin des nuits complètes et un réveil en pleine forme : les \u003cstrong\u003eGraines de Sommeil Bio\u003c\/strong\u003e sont votre allié naturel pour des nuits paisibles, soir après soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gs-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:root {\n --gs-cream: #F7F5EC;\n --gs-white: #ffffff;\n --gs-primary: #7CB342;\n --gs-primary-dark: #558B2F;\n --gs-primary-light: #E8F5E9;\n --gs-secondary: #AED581;\n --gs-accent: #E53935;\n --gs-text: #1a1a1a;\n --gs-text-light: #5a5a5a;\n --gs-border: #e0e0e0;\n --gs-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gs-radius: 20px;\n --gs-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gs-hero {\n position: relative;\n background: linear-gradient(135deg, #2E7D32 0%, #558B2F 40%, #33691E 100%);\n border-radius: var(--gs-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(--gs-shadow-lg);\n}\n\n.gs-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(174,213,129,.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.gs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gs-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.gs-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.gs-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.gs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gs-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(--gs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gs-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.gs-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(--gs-primary), var(--gs-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gs-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.gs-card {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gs-shadow-lg);\n border-color: var(--gs-primary);\n}\n\n.gs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gs-grid-compact .gs-card {\n padding: 1rem;\n}\n\n.gs-grid-compact .gs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gs-grid-compact .gs-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gs-composition-box {\n margin-bottom: 1.5rem;\n}\n\n.gs-composition-header {\n text-align: center;\n margin-bottom: 1rem;\n}\n\n.gs-composition-header p {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--gs-primary-dark);\n margin: 0;\n}\n\n.gs-envelope-note {\n text-align: center;\n font-size: 13px;\n color: var(--gs-text-light);\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.gs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gs-primary), var(--gs-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.gs-timeline-content {\n flex: 1;\n background: var(--gs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gs-radius-sm);\n box-shadow: var(--gs-shadow);\n}\n\n.gs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gs-timeline-content p {\n font-size: 14px;\n color: var(--gs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gs-testimonial {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gs-shadow);\n border-left: 4px solid var(--gs-primary);\n}\n\n.gs-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gs-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gs-primary-light);\n border-radius: var(--gs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gs-tip p {\n font-size: 14px;\n color: var(--gs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gs-accordion {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n box-shadow: var(--gs-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.gs-accordion-item {\n border-bottom: 1px solid var(--gs-border);\n margin: 0;\n padding: 0;\n}\n\n.gs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gs-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.gs-accordion-header:hover {\n background: var(--gs-primary-light);\n}\n\n.gs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gs-primary);\n transition: transform .2s ease;\n}\n\n.gs-accordion-item[open] .gs-accordion-header::after {\n content: '−';\n}\n\n.gs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gs-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gs-cta-box {\n background: linear-gradient(135deg, var(--gs-primary) 0%, var(--gs-primary-dark) 100%);\n border-radius: var(--gs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gs-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.gs-disclaimer {\n font-size: 12px;\n color: var(--gs-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 .gs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gs-card {\n padding: 1.125rem;\n }\n\n .gs-section {\n margin-bottom: 1.75rem;\n }\n\n .gs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gs-radius-sm);\n }\n\n .gs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gs-grid-compact {\n gap: .625rem;\n }\n\n .gs-grid-compact .gs-card {\n padding: .75rem;\n }\n\n .gs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gs-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gs-timeline-content h3 {\n font-size: 14px;\n }\n\n .gs-timeline-content p {\n font-size: 13px;\n }\n\n .gs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gs-testimonial {\n padding: 1.25rem;\n }\n\n .gs-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gs-card {\n animation: gsFadeInUp .5s ease backwards;\n }\n .gs-card:nth-child(1) { animation-delay: .05s; }\n .gs-card:nth-child(2) { animation-delay: .1s; }\n .gs-card:nth-child(3) { animation-delay: .15s; }\n .gs-card:nth-child(4) { animation-delay: .2s; }\n .gs-card:nth-child(5) { animation-delay: .25s; }\n .gs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gsFadeInUp {\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 .gs-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":54887975256441,"sku":"GS4011","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/graines-de-sommeil-bio-60-gelules-graine-sauvage-packshothd.webp?v=1785941649"},{"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.9,"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":"pavot-de-californie-bio-graine-sauvage","title":"Pavot de Californie bio - 60 gélules - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pavot de Californie bio - 60 gélules - Graine Sauvage\nPalette détectée:\n - Primaire: #8DB600 (vert-jaune vif du bouchon et accents packaging)\n - Secondaire: #4A7C10 (vert foncé du logo AB et textes)\n - Accent: #C8D96F (vert-jaune clair, fond packaging)\n - Cream: #F7F5EF (beige\/crème neutre, fond étiquette)\nAmbiance: Naturel\/bio, bien-être, douceur, nuit sereine, univers végétal et apaisant\nPréfixe CSS: pv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits du Pavot de Californie\"\n 2. \"Une formule biologique et respectueuse de votre santé\"\n 3. \"Conseils d'utilisation\"\n 4. \"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=\"pv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pv-hero\"\u003e\n \u003cdiv class=\"pv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pv-hero-content\"\u003e\n \u003cdiv class=\"pv-badges-top\"\u003e\n \u003cspan class=\"pv-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e🌙 Nuit sereine\u003c\/span\u003e\n \u003cspan class=\"pv-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pv-hero-title\"\u003ePavot de Californie bio\u003c\/span\u003e\n \u003cp class=\"pv-subtitle\"\u003eGraine Sauvage — Eschscholtzia\u003c\/p\u003e\n \u003cp class=\"pv-description\"\u003eRetrouvez un sommeil réparateur grâce à cette plante médicinale traditionnelle. Chaque gélule contient un extrait 100 % biologique de pavot de Californie, cultivé sans pesticides ni produits chimiques, pour des nuits sereines et un apaisement naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eLes bienfaits du Pavot de Californie\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003eAussi appelé \u003cstrong\u003eeschscholtzia\u003c\/strong\u003e, le pavot de Californie est une plante médicinale traditionnelle aux vertus relaxantes douces, sans accoutumance.\u003c\/p\u003e\n \u003cdiv class=\"pv-grid\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e😴 Endormissement facilité\u003c\/h3\u003e\n \u003cp\u003eFavorise un endormissement naturel en cas de troubles du sommeil, pour retrouver des nuits complètes et réparatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🧘 Réduction de la nervosité\u003c\/h3\u003e\n \u003cp\u003eRéduit les états de nervosité et d'anxiété grâce à ses propriétés sédatives douces, sans effet de somnolence diurne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e💚 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eSoutient la relaxation et l'équilibre émotionnel au quotidien pour une sérénité retrouvée naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-tip\"\u003e\n \u003cspan class=\"pv-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eGrâce à sa composition 100 % naturelle et ses propriétés sédatives douces, le pavot de Californie est idéal pour retrouver un \u003cstrong\u003esommeil réparateur sans créer d'accoutumance\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eUne formule biologique et respectueuse de votre santé\u003c\/h2\u003e\n \u003cp class=\"pv-section-intro\"\u003eDes gélules conçues par \u003cem\u003eGraine Sauvage\u003c\/em\u003e pour répondre aux attentes des consommateurs soucieux de leur bien-être et de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"pv-grid-compact\"\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🌱 100 % bio certifié\u003c\/h3\u003e\n \u003cp\u003eIngrédients biologiques certifiés par FR-BIO-01, Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🥬 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eAdaptées aux régimes végétariens et végétaliens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs ni colorants artificiels ajoutés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-card\"\u003e\n \u003ch3\u003e📦 60 gélules\u003c\/h3\u003e\n \u003cp\u003eUn flacon pratique pour 15 jours d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pv-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"pv-timeline\"\u003e\n \u003cdiv class=\"pv-timeline-item\"\u003e\n \u003cdiv class=\"pv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 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=\"pv-timeline-item\"\u003e\n \u003cdiv class=\"pv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003een soirée\u003c\/strong\u003e, environ 30 minutes avant le coucher pour favoriser la détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-item\"\u003e\n \u003cdiv class=\"pv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pv-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUn flacon correspond à \u003cstrong\u003e15 jours de cure\u003c\/strong\u003e. Ne pas dépasser la dose conseillée.\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=\"pv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pv-accordion\"\u003e\n \u003cdetails class=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e⚠️ Complément alimentaire\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\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=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez un professionnel de santé en cas de grossesse, d'allaitement ou de traitement médical en cours avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pv-accordion-item\"\u003e\n \u003csummary class=\"pv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, dans un endroit sec et frais. 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=\"pv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pv-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez-vous des nuits sereines grâce au pouvoir apaisant du pavot de Californie bio — une solution naturelle, douce et sans accoutumance pour un sommeil réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pv-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --pv-cream: #F7F5EF;\n --pv-white: #ffffff;\n --pv-primary: #8DB600;\n --pv-primary-dark: #3D6B0F;\n --pv-primary-light: #F0F5E0;\n --pv-secondary: #4A7C10;\n --pv-accent: #C8D96F;\n --pv-text: #1a1a1a;\n --pv-text-light: #5a5a5a;\n --pv-border: #e0e0e0;\n --pv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pv-radius: 20px;\n --pv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pv-hero {\n position: relative;\n background: linear-gradient(135deg, #3D6B0F 0%, #5A9A14 40%, #8DB600 100%);\n border-radius: var(--pv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pv-shadow-lg);\n}\n\n.pv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(200,217,111,.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(141,182,0,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.pv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.pv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.pv-description {\n color: rgba(255,255,255,.92);\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.pv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pv-primary), var(--pv-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pv-card {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pv-shadow-lg);\n border-color: var(--pv-primary);\n}\n\n.pv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pv-grid-compact .pv-card {\n padding: 1rem;\n}\n\n.pv-grid-compact .pv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pv-grid-compact .pv-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.pv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pv-primary-light);\n border-radius: var(--pv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pv-tip p {\n font-size: 14px;\n color: var(--pv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.pv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pv-primary), var(--pv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pv-timeline-content {\n flex: 1;\n background: var(--pv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pv-radius-sm);\n box-shadow: var(--pv-shadow);\n}\n\n.pv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pv-timeline-content p {\n font-size: 14px;\n color: var(--pv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.pv-accordion {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n box-shadow: var(--pv-shadow);\n overflow: hidden;\n}\n\n.pv-accordion-item {\n border-bottom: 1px solid var(--pv-border);\n margin: 0;\n padding: 0;\n}\n\n.pv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pv-accordion-header:hover {\n background: var(--pv-primary-light);\n}\n\n.pv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pv-primary);\n transition: transform .2s ease;\n}\n\n.pv-accordion-item[open] .pv-accordion-header::after {\n content: '−';\n}\n\n.pv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pv-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pv-cta-box {\n background: linear-gradient(135deg, var(--pv-primary) 0%, var(--pv-primary-dark) 100%);\n border-radius: var(--pv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pv-disclaimer {\n font-size: 12px;\n color: var(--pv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pv-card {\n padding: 1.125rem;\n }\n\n .pv-section {\n margin-bottom: 1.75rem;\n }\n\n .pv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pv-radius-sm);\n }\n\n .pv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pv-grid-compact {\n gap: .625rem;\n }\n\n .pv-grid-compact .pv-card {\n padding: .75rem;\n }\n\n .pv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pv-timeline-content h3 {\n font-size: 14px;\n }\n\n .pv-timeline-content p {\n font-size: 13px;\n }\n\n .pv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pv-testimonial {\n padding: 1.25rem;\n }\n\n .pv-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pv-card {\n animation: pvFadeInUp .5s ease backwards;\n }\n .pv-card:nth-child(1) { animation-delay: .05s; }\n .pv-card:nth-child(2) { animation-delay: .1s; }\n .pv-card:nth-child(3) { animation-delay: .15s; }\n .pv-card:nth-child(4) { animation-delay: .2s; }\n .pv-card:nth-child(5) { animation-delay: .25s; }\n .pv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54893622264185,"sku":"GS9114","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pavot-de-californie-bio-60-gelules-graine-sauvage-packshothd.webp?v=1785941968"},{"product_id":"thym-originel-100-ml-dioter","title":"Thym Originel 100 ml (extrait de Thym) - Dioter","description":"\u003cdiv class=\"th-premium\"\u003e\n\n\u003cdiv class=\"th-hero\"\u003e\n\u003cdiv class=\"th-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"th-hero-content\"\u003e\n\u003cdiv class=\"th-badges-top\"\u003e\n\u003cspan class=\"th-badge\"\u003e🇫🇷 Thym français\u003c\/span\u003e\n\u003cspan class=\"th-badge\"\u003e🌿 Sans alcool\u003c\/span\u003e\n\u003cspan class=\"th-badge\"\u003e🧪 Laboratoire Dioter\u003c\/span\u003e\n\u003cspan class=\"th-badge\"\u003e💧 100 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"th-hero-title\"\u003eThym Originel 100 ml\u003c\/span\u003e\n\u003cp class=\"th-subtitle\"\u003eExtrait de thym liquide concentré\u003c\/p\u003e\n\u003cp class=\"th-description\"\u003eUn concentré puissant de thym français, sans alcool ni conservateurs, pour soutenir vos défenses naturelles et apaiser votre gorge au fil des saisons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eExtrait de thym liquide : un concentré naturel pour vos défenses\u003c\/h2\u003e\n\u003cdiv class=\"th-testimonial\"\u003e\n\u003cp class=\"th-testimonial-text\"\u003eVous cherchez un allié naturel pour traverser sereinement les changements de saison ? Le \u003cstrong\u003eThym Originel\u003c\/strong\u003e du \u003cstrong\u003eLaboratoire Dioter\u003c\/strong\u003e est un \u003cstrong\u003eextrait de thym\u003c\/strong\u003e liquide concentré, formulé sans alcool et sans conservateurs, pour vous accompagner au quotidien. Issu de thym 100 % français, il associe la puissance des principes actifs du thym à la douceur d'une formule bien tolérée par toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003ePourquoi choisir cet extrait de thym ?\u003c\/h2\u003e\n\u003cp class=\"th-section-intro\"\u003eLe thym (\u003cem\u003eThymus vulgaris\u003c\/em\u003e) est l'une des plantes les plus réputées de la pharmacopée traditionnelle. Bien plus qu'un simple aromate, il renferme des composés précieux aux vertus reconnues.\u003c\/p\u003e\n\u003cdiv class=\"th-grid-compact\"\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🧬 Thymol\u003c\/h3\u003e\n\u003cp\u003eActif majeur du thym, reconnu pour ses propriétés assainissantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🛡️ Carvacrol\u003c\/h3\u003e\n\u003cp\u003eComposé puissant contribuant au confort respiratoire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🌸 Linalol\u003c\/h3\u003e\n\u003cp\u003ePrincipes actifs apaisants pour la gorge et les voies respiratoires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🍃 Géraniol \u0026amp; thujanol\u003c\/h3\u003e\n\u003cp\u003eActifs complémentaires pour une action synergique complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-tip\"\u003e\n\u003cspan class=\"th-tip-icon\"\u003e⚗️\u003c\/span\u003e\n\u003cp\u003eCe qui distingue le Thym Originel, c'est sa \u003cstrong\u003eméthode d'extraction par macération\u003c\/strong\u003e. Contrairement aux simples infusions, cette technique capture une concentration optimale de principes actifs tout en préservant leur intégrité. Chaque lot est filtré avec soin pour garantir un produit pur et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eLes bienfaits du Thym Originel Dioter\u003c\/h2\u003e\n\u003cdiv class=\"th-grid\"\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🛡️ Soutient le système immunitaire\u003c\/h3\u003e\n\u003cp\u003eGrâce à sa teneur en vitamine C naturelle (21 % des VNR par dose journalière), il renforce vos défenses au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e⚡ Aide à réduire la fatigue\u003c\/h3\u003e\n\u003cp\u003eContribue à retrouver un niveau d'énergie satisfaisant, idéal lors des périodes de surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🫁 Apaise la gorge et les voies respiratoires\u003c\/h3\u003e\n\u003cp\u003eParticulièrement utile en période hivernale pour un confort respiratoire optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🍽️ Facilite la digestion\u003c\/h3\u003e\n\u003cp\u003eComme le veut l'usage traditionnel du thym, il soutient une digestion confortable après les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🌿 Sans alcool, sans conservateurs\u003c\/h3\u003e\n\u003cp\u003eUne formule douce à base de glycérine végétale, adaptée aussi aux enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eÉlaboré à partir de thym d'origine française, par le Laboratoire Dioter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"th-composition-box\"\u003e\n\u003cdiv class=\"th-composition-header\"\u003e\n\u003ch3\u003e🧪 Ingrédients\u003c\/h3\u003e\n\u003cp\u003eGlycérine végétale, extrait aqueux de thym (\u003cem\u003eThymus vulgaris\u003c\/em\u003e), vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-composition-detail\"\u003e\n\u003cdiv class=\"th-vnr-badge\"\u003e\n\u003cspan class=\"th-vnr-number\"\u003e21 %\u003c\/span\u003e\n\u003cspan class=\"th-vnr-label\"\u003edes VNR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-vnr-info\"\u003e\n\u003ch3\u003eApport pour 5 ml\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e17 mg de vitamine C\u003c\/strong\u003e, soit 21 % des Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-tip\"\u003e\n\u003cspan class=\"th-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa formule ne contient ni alcool, ni colorant, ni conservateur artificiel. La glycérine végétale sert à la fois de support d'extraction et de vecteur naturel pour les principes actifs du thym.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"th-timeline\"\u003e\n\u003cdiv class=\"th-timeline-item\"\u003e\n\u003cdiv class=\"th-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-content\"\u003e\n\u003ch3\u003e👨 Adultes\u003c\/h3\u003e\n\u003cp\u003e30 gouttes, 3 fois par jour, pures ou diluées dans un verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-item\"\u003e\n\u003cdiv class=\"th-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-content\"\u003e\n\u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n\u003cp\u003e10 gouttes, 2 fois par jour. Possibilité de mélanger dans une boisson chaude ou froide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-item\"\u003e\n\u003cdiv class=\"th-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"th-timeline-content\"\u003e\n\u003ch3\u003e📅 Durée de la cure\u003c\/h3\u003e\n\u003cp\u003eCure recommandée de \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e, renouvelable selon les besoins. Un flacon de 100 ml correspond à environ \u003cstrong\u003e2 semaines d'utilisation\u003c\/strong\u003e pour un adulte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-tip\"\u003e\n\u003cspan class=\"th-tip-icon\"\u003e🍯\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en période de froid, associez votre extrait de thym à une cuillère de \u003cstrong\u003emiel de thym liquide\u003c\/strong\u003e dans une tisane tiède. Vous obtiendrez une boisson réconfortante qui combine les vertus des deux produits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"th-accordion\"\u003e\n\u003cdetails class=\"th-accordion-item\" open\u003e\n\u003csummary class=\"th-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"th-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e ni à un mode de vie sain. Ne dépassez pas la dose journalière recommandée. Conservez le flacon à l'abri de la chaleur après ouverture. Tenez hors de portée des jeunes enfants. En cas de doute, consultez votre médecin ou votre pharmacien avant utilisation, notamment en cas de grossesse ou d'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"th-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"th-grid-compact\"\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes de 100 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🌱 Origine du thym\u003c\/h3\u003e\n\u003cp\u003eFrance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n\u003cp\u003eLaboratoire Dioter, France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"th-card\"\u003e\n\u003ch3\u003e🧊 Conservation\u003c\/h3\u003e\n\u003cp\u003eAu frais après ouverture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"th-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:root {\n --th-cream: #f7f5f0;\n --th-white: #ffffff;\n --th-primary: #5a8a3c;\n --th-primary-dark: #3d6b28;\n --th-primary-light: #edf5e6;\n --th-secondary: #8db56b;\n --th-accent: #c9a84c;\n --th-text: #1a1a1a;\n --th-text-light: #5a5a5a;\n --th-border: #e0e0e0;\n --th-shadow: 0 4px 24px rgba(0,0,0,.08);\n --th-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --th-radius: 20px;\n --th-radius-sm: 12px;\n}\n\n.th-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--th-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.th-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b28 0%, #5a8a3c 40%, #8db56b 100%);\n border-radius: var(--th-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(--th-shadow-lg);\n}\n\n.th-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.th-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.th-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.th-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(--th-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.th-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.th-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.th-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.th-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.th-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.th-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--th-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.th-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(--th-primary), var(--th-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.th-card {\n background: var(--th-white);\n border-radius: var(--th-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--th-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.th-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--th-shadow-lg);\n border-color: var(--th-primary);\n}\n\n.th-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--th-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.th-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.th-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.th-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.th-grid-compact .th-card {\n padding: 1rem;\n}\n\n.th-grid-compact .th-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.th-grid-compact .th-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.th-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.th-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.th-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--th-primary), var(--th-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.th-timeline-content {\n flex: 1;\n background: var(--th-white);\n padding: 1rem 1.25rem;\n border-radius: var(--th-radius-sm);\n box-shadow: var(--th-shadow);\n}\n\n.th-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--th-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.th-timeline-content p {\n font-size: 14px;\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.th-testimonial {\n background: var(--th-white);\n border-radius: var(--th-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--th-shadow);\n border-left: 4px solid var(--th-primary);\n}\n\n.th-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--th-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.th-composition-box {\n background: var(--th-white);\n border-radius: var(--th-radius);\n box-shadow: var(--th-shadow);\n overflow: hidden;\n}\n\n.th-composition-header {\n padding: clamp(1.25rem, 3vw, 2rem);\n border-bottom: 1px solid var(--th-border);\n}\n\n.th-composition-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--th-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.th-composition-header p {\n font-size: 15px;\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.th-composition-detail {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.th-vnr-badge {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--th-primary), var(--th-secondary));\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white;\n box-shadow: 0 4px 16px rgba(90,138,60,.3);\n}\n\n.th-vnr-number {\n font-size: 22px;\n font-weight: 900;\n line-height: 1;\n}\n\n.th-vnr-label {\n font-size: 11px;\n font-weight: 600;\n opacity: .9;\n}\n\n.th-vnr-info h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--th-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.th-vnr-info p {\n font-size: 14px;\n color: var(--th-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.th-accordion {\n background: var(--th-white);\n border-radius: var(--th-radius);\n box-shadow: var(--th-shadow);\n overflow: hidden;\n}\n\n.th-accordion-item {\n border-bottom: 1px solid var(--th-border);\n margin: 0;\n padding: 0;\n}\n\n.th-accordion-item:last-child {\n border-bottom: none;\n}\n\n.th-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--th-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.th-accordion-header:hover {\n background: var(--th-primary-light);\n}\n\n.th-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.th-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--th-primary);\n transition: transform .2s ease;\n}\n\n.th-accordion-item[open] .th-accordion-header::after {\n content: '−';\n}\n\n.th-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--th-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.th-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.th-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--th-primary-light);\n border-radius: var(--th-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.th-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.th-tip p {\n font-size: 14px;\n color: var(--th-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.th-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--th-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === DISCLAIMER === *\/\n.th-disclaimer {\n font-size: 12px;\n color: var(--th-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 .th-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .th-card {\n padding: 1.125rem;\n }\n\n .th-section {\n margin-bottom: 1.75rem;\n }\n\n .th-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--th-radius-sm);\n }\n\n .th-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .th-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .th-grid-compact {\n gap: .625rem;\n }\n\n .th-grid-compact .th-card {\n padding: .75rem;\n }\n\n .th-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .th-timeline-content {\n padding: .875rem 1rem;\n }\n\n .th-timeline-content h3 {\n font-size: 14px;\n }\n\n .th-timeline-content p {\n font-size: 13px;\n }\n\n .th-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .th-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .th-testimonial {\n padding: 1.25rem;\n }\n\n .th-testimonial-text {\n font-size: 14px;\n }\n\n .th-vnr-badge {\n width: 64px;\n height: 64px;\n }\n\n .th-vnr-number {\n font-size: 18px;\n }\n\n .th-vnr-label {\n font-size: 10px;\n }\n\n .th-composition-detail {\n gap: 1rem;\n }\n\n .th-vnr-info h3 {\n font-size: 14px;\n }\n\n .th-vnr-info p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .th-card {\n animation: thFadeInUp .5s ease backwards;\n }\n .th-card:nth-child(1) { animation-delay: .05s; }\n .th-card:nth-child(2) { animation-delay: .1s; }\n .th-card:nth-child(3) { animation-delay: .15s; }\n .th-card:nth-child(4) { animation-delay: .2s; }\n .th-card:nth-child(5) { animation-delay: .25s; }\n .th-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes thFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .th-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":54962026381689,"sku":"DI5030","price":24.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/thym-originel-100-ml-extrait-de-thym-dioter-packshothd.webp?v=1775147913"},{"product_id":"magform-complexe-magnesium-120-gelules","title":"Magform Inolab – Complexe 4 Magnésium haute assimilation – 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magform Inolab - Complexe 4 Magnésium\nPalette détectée:\n - Primaire: #1e3a5f (Bleu marine profond du packaging doypack)\n - Secondaire: #5ba3d9 (Bleu clair\/cyan des icônes sur le packaging)\n - Accent: #c9a227 (Or\/doré du badge \"Albion\" qualité)\n - Vert naturel: #7cb342 (Vert de la laitue de mer sur l'image)\nAmbiance: Scientifique\/laboratoire premium, confiance médicale, naturalité avec légitimité technique, santé et bien-être\nPréfixe CSS: mg\n--\u003e\n\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🔬 4 formes de magnésium\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e⚡ Haute assimilation\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eComplexe 4 Magnésium\u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa formule scientifique pour une forme optimale\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003eUne synergie unique de quatre formes de magnésium hautement biodisponibles + vitamine B6 active pour une efficacité maximale sur votre équilibre nerveux, musculaire et énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e🧪 Les 4 formes de magnésium biodisponibles\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏅 Bisglycinate de magnésium\u003c\/h3\u003e\n\u003cdiv class=\"mg-dosage\"\u003e375 mg \u003csmall\u003e\/ jour\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cp\u003eBreveté Albion TRAACS®, forme la plus biodisponible pour le système nerveux et la réduction de la fatigue\u003c\/p\u003e\n\u003cspan class=\"mg-origin\"\u003e🇺🇸 Origine USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Malate de magnésium\u003c\/h3\u003e\n\u003cdiv class=\"mg-dosage\"\u003e1 020 mg \u003csmall\u003e\/ jour\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cp\u003eSoutien ciblé pour les muscles et le système osseux, favorise l'énergie cellulaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌊 Laitue de mer bio\u003c\/h3\u003e\n\u003cdiv class=\"mg-dosage\"\u003e375 mg \u003csmall\u003e\/ jour\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cp\u003eSource naturelle bretonne titrée à 25% de magnésium, l'une des plus concentrées au monde\u003c\/p\u003e\n\u003cspan class=\"mg-origin\"\u003e🇫🇷 Bio Bretagne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Taurate de magnésium\u003c\/h3\u003e\n\u003cdiv class=\"mg-dosage\"\u003e210 mg \u003csmall\u003e\/ jour\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cp\u003eFavorise un métabolisme énergétique normal et la santé cérébrale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-synergy-box\"\u003e\n\u003cdiv class=\"mg-synergy-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"mg-synergy-content\"\u003e\n\u003ch3\u003e+ Vitamine B6 active (P-5-P)\u003c\/h3\u003e\n\u003cp\u003eLa forme pyridoxal-5-phosphate, directement assimilable, renforce l'action du magnésium sur le système nerveux et le métabolisme énergétique. Une synergie scientifiquement prouvée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits scientifiquement reconnus\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eContribue au fonctionnement normal du système nerveux et à des fonctions psychologiques normales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Fonction musculaire\u003c\/h3\u003e\n\u003cp\u003eSoutient une fonction musculaire normale et aide à réduire les crampes et tensions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Énergie \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eContribue à un métabolisme énergétique normal et aide à réduire la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🦴 Os \u0026amp; dents\u003c\/h3\u003e\n\u003cp\u003eParticipe au maintien d'une ossature et d'une dentition normales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre électrolytique\u003c\/h3\u003e\n\u003cp\u003eContribue à l'équilibre électrolytique de l'organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧬 Division cellulaire\u003c\/h3\u003e\n\u003cp\u003eJoue un rôle dans le processus de division cellulaire et la synthèse protéique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e🎯 Pourquoi choisir Magform Inolab ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-features-grid\"\u003e\n\u003cdiv class=\"mg-feature-card\"\u003e\n\u003cdiv class=\"mg-feature-number\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eFormes complémentaires\u003c\/h3\u003e\n\u003cp\u003eSynergie unique pour une action globale sur l'organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature-card\"\u003e\n\u003cdiv class=\"mg-feature-number\"\u003e100%\u003c\/div\u003e\n\u003ch3\u003eBiodisponibilité optimale\u003c\/h3\u003e\n\u003cp\u003eFormes hautement assimilables pour une efficacité maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature-card\"\u003e\n\u003cdiv class=\"mg-feature-number\"\u003e0\u003c\/div\u003e\n\u003ch3\u003eTroubles digestifs\u003c\/h3\u003e\n\u003cp\u003eExcellente tolérance digestive, sans effet laxatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-feature-card\"\u003e\n\u003cdiv class=\"mg-feature-number\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% végétal\u003c\/h3\u003e\n\u003cp\u003eGélules HPMC, convient aux végétariens et végétaliens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mg-timeline\"\u003e\n\u003cdiv class=\"mg-step\"\u003e\n\u003cdiv class=\"mg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mg-step-content\"\u003e\n\u003ch3\u003eAdultes\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e pendant un repas, avec un grand verre d'eau ou de jus de fruit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-step\"\u003e\n\u003cdiv class=\"mg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mg-step-content\"\u003e\n\u003ch3\u003eEnfants\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDès 11 ans : 2 gélules par jour.\u003c\/strong\u003e \u003cstrong\u003eDès 4 ans : 1 gélule par jour.\u003c\/strong\u003e Ouvrir la gélule et mélanger son contenu à la nourriture (yaourt, compote).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-step\"\u003e\n\u003cdiv class=\"mg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mg-step-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 mois\u003c\/strong\u003e, à prendre en continu pour des effets durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip\"\u003e\n\u003cp\u003e💡 \u003cstrong\u003eConseil d'expert :\u003c\/strong\u003e Pour les troubles du sommeil, privilégiez la prise le soir au dîner pour bénéficier de l'effet relaxant du magnésium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e👥 Pour qui est conçu Magform ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e😫 Fatigue chronique\u003c\/h3\u003e\n\u003cp\u003ePersonnes souffrant de fatigue persistante, manque d'énergie et épuisement nerveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e😰 Stress \u0026amp; nervosité\u003c\/h3\u003e\n\u003cp\u003eIndividus exposés au stress quotidien, anxiété, irritabilité et tensions nerveuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003ePratiquants d'activités physiques régulières sujets aux crampes et tensions musculaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌱 Végétariens \u0026amp; végétaliens\u003c\/h3\u003e\n\u003cp\u003ePersonnes recherchant une source de magnésium bien tolérée et 100% végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eAdapté aux adultes et aux enfants dès 4 ans, avec une posologie adaptée à l'âge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n\u003cp\u003ePersonnes ayant des difficultés d'endormissement ou un sommeil non réparateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e📊 Composition détaillée\u003c\/h2\u003e\n\u003cp class=\"mg-compo-intro\"\u003eÀ la dose recommandée de \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e : \u003cstrong\u003e300 mg de magnésium élément\u003c\/strong\u003e (80 % des VNR) et \u003cstrong\u003e2,1 mg de vitamine B6\u003c\/strong\u003e active.\u003c\/p\u003e\n\u003cdiv class=\"mg-accordion\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e📊 Valeurs nutritionnelles\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content\"\u003e\n\u003cdiv class=\"mg-nutri-wrap\"\u003e\n\u003ctable class=\"mg-nutri\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eIngrédient\u003c\/th\u003e\n\u003cth\u003e1 gélule\u003c\/th\u003e\n\u003cth\u003e3 gélules\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eMagnésium malate\u003c\/td\u003e\n\u003ctd\u003e340 mg\u003c\/td\u003e\n\u003ctd\u003e1 020 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLaitue de mer bio \u003cspan class=\"mg-nutri-sub\"\u003etitrée à 25 % de magnésium\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e125 mg\u003c\/td\u003e\n\u003ctd\u003e375 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMagnésium bisglycinate chélaté \u003cspan class=\"mg-nutri-sub\"\u003eAlbion TRAACS®\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e125 mg\u003c\/td\u003e\n\u003ctd\u003e375 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTaurate de magnésium\u003c\/td\u003e\n\u003ctd\u003e70 mg\u003c\/td\u003e\n\u003ctd\u003e210 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"mg-nutri-hl\"\u003e\n\u003ctd\u003eMagnésium élément total\u003c\/td\u003e\n\u003ctd\u003e100 mg\u003c\/td\u003e\n\u003ctd\u003e300 mg\u003cspan class=\"mg-nutri-vnr\"\u003e80 % VNR*\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"mg-nutri-hl\"\u003e\n\u003ctd\u003eVitamine B6 \u003cspan class=\"mg-nutri-sub\"\u003eP-5-P (forme active)\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e0,7 mg\u003c\/td\u003e\n\u003ctd\u003e2,1 mg\u003cspan class=\"mg-nutri-vnr\"\u003e150 % VNR*\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibregum® \u003cspan class=\"mg-nutri-sub\"\u003edont fibres d'acacia 8,37 mg \/ 25,11 mg\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e9,3 mg\u003c\/td\u003e\n\u003ctd\u003e27,9 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-note\"\u003e3 gélules = dose journalière recommandée pour un adulte. *VNR : valeurs nutritionnelles de référence.\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📋 Ingrédients et origines\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content\"\u003e\n\u003cp\u003eMagnésium malate (Allemagne), laitue de mer bio titrée à 25 % de magnésium (Bretagne, France), magnésium bisglycinate chélaté Albion TRAACS® (États-Unis), taurate de magnésium (États-Unis), Fibregum® – fibres d'acacia (France), vitamine B6 P-5-P, gélule d'origine 100 % végétale (HPMC, hydroxypropylméthylcellulose).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e🏆 Qualité \u0026amp; engagements\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eProduction française, standards pharmaceutiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans OGM, colorants ni conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-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=\"mg-card\"\u003e\n\u003ch3\u003e🔬 Laboratoire certifié\u003c\/h3\u003e\n\u003cp\u003eINOLAB, nutraceutique de pointe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏅 Ingrédients brevetés\u003c\/h3\u003e\n\u003cp\u003eBisglycinate Albion TRAACS®\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"mg-accordion\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eNe se substitue pas à une alimentation variée et équilibrée\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n\u003cli\u003eConsulter un professionnel de santé en cas de grossesse, allaitement ou traitement médical\u003c\/li\u003e\n\u003c\/ul\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\"\u003e\n\u003cp\u003eConserver à température stable et modérée, à l'abri de la lumière, de l'air et de l'humidité.\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📦 Contenance \u0026amp; durée\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e120 gélules\u003c\/strong\u003e par boîte, soit \u003cstrong\u003e40 à 60 jours\u003c\/strong\u003e de cure selon la posologie (2 à 3 gélules\/jour).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003ch3\u003eFaites le choix de l'excellence\u003c\/h3\u003e\n\u003cp\u003eMagform Inolab combine science, innovation et naturalité pour vous offrir le meilleur du magnésium. Une formule premium pensée pour votre bien-être quotidien.\u003c\/p\u003e\n\u003cp class=\"mg-cta-details\"\u003e\u003cstrong\u003e120 gélules • 40 à 60 jours de cure • Fabriqué en France\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mg-cream: #f7f9fc;\n --mg-white: #ffffff;\n --mg-primary: #1e3a5f;\n --mg-primary-dark: #0f2233;\n --mg-primary-light: #e8f1f8;\n --mg-secondary: #5ba3d9;\n --mg-accent: #c9a227;\n --mg-green: #7cb342;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #e0e0e0;\n --mg-shadow: 0 4px 24px rgba(30, 58, 95, 0.08);\n --mg-shadow-lg: 0 12px 48px rgba(30, 58, 95, 0.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 color: var(--mg-text);\n line-height: 1.6;\n}\n\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-secondary) 50%, var(--mg-primary-dark) 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 opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\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.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}\n\n.mg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.mg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n}\n\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-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\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-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-dosage {\n font-size: clamp(20px, 3.5vw, 26px);\n font-weight: 900;\n color: var(--mg-secondary);\n margin: .5rem 0;\n}\n\n.mg-origin {\n display: inline-block;\n margin-top: .75rem;\n padding: 5px 12px;\n background: var(--mg-primary-light);\n color: var(--mg-primary-dark);\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n}\n\n.mg-synergy-box {\n background: linear-gradient(135deg, var(--mg-primary-light) 0%, rgba(91, 163, 217, 0.1) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-top: 1.5rem;\n border-left: 4px solid var(--mg-accent);\n display: flex;\n align-items: center;\n gap: 1.5rem;\n}\n\n.mg-synergy-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mg-synergy-content h3 {\n text-align: left;\n margin-bottom: .5rem;\n}\n\n.mg-synergy-content p {\n text-align: left;\n margin: 0;\n}\n\n.mg-features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-feature-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.mg-feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n}\n\n.mg-feature-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-secondary);\n}\n\n.mg-feature-number {\n font-size: clamp(40px, 8vw, 60px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: .5rem;\n background: linear-gradient(135deg, var(--mg-secondary), var(--mg-primary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.mg-feature-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mg-feature-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n}\n\n.mg-timeline {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.mg-step {\n display: flex;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n align-items: flex-start;\n}\n\n.mg-step-num {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\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-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(30, 58, 95, 0.2);\n}\n\n.mg-step-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-step-content h3 {\n text-align: left;\n font-size: clamp(15px, 2.5vw, 17px);\n margin-bottom: .35rem;\n}\n\n.mg-step-content p {\n margin: 0;\n text-align: left;\n}\n\n.mg-tip {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.1), rgba(201, 162, 39, 0.05));\n border-left: 4px solid var(--mg-accent);\n border-radius: var(--mg-radius-sm);\n padding: 1.25rem;\n margin-top: 1.5rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n margin: 0;\n color: var(--mg-text);\n}\n\n.mg-table {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n overflow: hidden;\n box-shadow: var(--mg-shadow);\n margin-bottom: .75rem;\n}\n\n.mg-table-row {\n display: grid;\n grid-template-columns: 2fr 1fr 0.8fr;\n gap: .75rem;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--mg-border);\n font-size: clamp(13px, 2vw, 15px);\n transition: background .2s ease;\n}\n\n.mg-table-row:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-table-row:last-child {\n border-bottom: none;\n}\n\n.mg-table-header {\n background: var(--mg-primary);\n color: white;\n font-weight: 700;\n font-size: clamp(12px, 1.8vw, 14px);\n}\n\n.mg-table-header:hover {\n background: var(--mg-primary);\n}\n\n.mg-highlight {\n background: var(--mg-primary-light);\n font-weight: 700;\n color: var(--mg-primary-dark);\n}\n\n.mg-table-cell {\n display: flex;\n align-items: center;\n}\n\n.mg-note {\n font-size: 12px;\n font-style: italic;\n color: var(--mg-text-light);\n text-align: center;\n margin: 0;\n}\n\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: 5px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n.mg-accordion-content ul {\n margin: .5rem 0 0 0;\n padding-left: 1.25rem;\n list-style: disc;\n}\n\n.mg-accordion-content li {\n margin-bottom: .35rem;\n}\n\n.mg-accordion-content li::before {\n display: none;\n}\n\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 h3 {\n color: white;\n font-size: clamp(20px, 4vw, 28px);\n margin-bottom: 1rem;\n}\n\n.mg-cta-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n margin-bottom: .75rem;\n}\n\n.mg-cta-details {\n margin-top: 1rem !important;\n font-size: clamp(14px, 2vw, 16px) !important;\n}\n\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mg-grid-compact {\n gap: .625rem;\n }\n \n .mg-grid-compact .mg-card {\n padding: .75rem;\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 .mg-features-grid {\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n \n .mg-feature-card {\n padding: 1rem;\n }\n \n .mg-feature-number {\n font-size: 36px;\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-synergy-box {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n \n .mg-synergy-content h3,\n .mg-synergy-content p {\n text-align: center;\n }\n \n .mg-step {\n flex-direction: column;\n gap: .75rem;\n }\n \n .mg-step-num {\n margin: 0 auto;\n width: 38px;\n height: 38px;\n font-size: 18px;\n }\n \n .mg-step-content {\n text-align: center;\n }\n \n .mg-step-content h3,\n .mg-step-content p {\n text-align: center;\n }\n \n .mg-tip {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .mg-table-row {\n grid-template-columns: 2fr 1fr 0.7fr;\n gap: .5rem;\n padding: .75rem 1rem;\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\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: fadeInUp .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 fadeInUp {\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\n\/* Tableau de composition *\/\n.mg-compo-intro { text-align: center; max-width: 720px; margin: 0 auto 1.25rem; color: var(--mg-text-light); line-height: 1.7; }\n.mg-compo-intro strong { color: var(--mg-primary); }\n.mg-dosage small { font-size: .55em; font-weight: 600; opacity: .7; }\n.mg-nutri-wrap { overflow-x: auto; max-width: 720px; margin: .5rem auto 0; }\n.mg-premium table.mg-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--mg-text); word-break: normal; }\n.mg-premium table.mg-nutri th, .mg-premium table.mg-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--mg-border); padding: .6rem .75rem !important; box-shadow: none; vertical-align: middle; }\n.mg-premium table.mg-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--mg-secondary); border-bottom: 2px solid var(--mg-primary); }\n.mg-premium table.mg-nutri tbody tr:last-child td { border-bottom: none; }\n.mg-premium table.mg-nutri tbody tr:nth-child(even) td { background: var(--mg-primary-light); }\n.mg-premium table.mg-nutri th:not(:first-child), .mg-premium table.mg-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.mg-premium table.mg-nutri td:last-child { font-weight: 700; color: var(--mg-primary); }\n.mg-premium table.mg-nutri tr.mg-nutri-hl td { font-weight: 700; }\n.mg-nutri-sub { display: block; font-size: 12px; font-weight: 400; color: var(--mg-text-light); }\n.mg-nutri-vnr { display: block; font-size: 11px; font-weight: 600; color: var(--mg-accent); }\n@media (max-width: 767px) { .mg-premium table.mg-nutri { font-size: 13px; } .mg-premium table.mg-nutri th, .mg-premium table.mg-nutri td { padding: .5rem .4rem !important; } .mg-premium table.mg-nutri th { letter-spacing: 0; } }\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55084715639161,"sku":"53015013","price":19.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/packshot-avant-magform-inolab.webp?v=1769595968"},{"product_id":"multi-vitamines-60-gelules-laboratoire-code","title":"Multi Vitamines - 60 gélules - Laboratoire Code","description":"\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🇫🇷 Formulé en France\u003c\/span\u003e\n \u003cspan class=\"mv-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n \u003cspan class=\"mv-badge\"\u003e🍒 Vitamines naturelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mv-hero-title\"\u003eMulti Vitamines\u003c\/span\u003e\n \u003cp class=\"mv-subtitle\"\u003eLaboratoire Code — 60 gélules végétales de 385 mg\u003c\/p\u003e\n \u003cp class=\"mv-description\"\u003e9 vitamines essentielles d'origine naturelle réunies en une seule gélule pour soutenir votre vitalité, votre immunité et votre bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mv-section\"\u003e\n \u003ch2\u003eMulti Vitamines Laboratoire Code : votre allié vitalité au quotidien\u003c\/h2\u003e\n \u003cp class=\"mv-section-intro\"\u003eVous cherchez un \u003cstrong\u003emultivitamines\u003c\/strong\u003e complet, formulé en France, à base d'ingrédients d'origine naturelle ?\u003c\/p\u003e\n \u003cdiv class=\"mv-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003ecomplexe Multi Vitamines du Laboratoire Code\u003c\/strong\u003e réunit en une seule gélule végétale l'ensemble des \u003cstrong\u003evitamines du complexe B\u003c\/strong\u003e, de la vitamine C issue d'acérola et de la vitamine E naturelle. Une formule pensée pour combler vos besoins quotidiens en micronutriments essentiels, sans superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complexe multivitamines ?\u003c\/h2\u003e\n \u003cdiv class=\"mv-grid\"\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🍃 Sources naturelles\u003c\/h3\u003e\n \u003cp\u003eContrairement aux multivitamines synthétiques, cette formule mise sur la levure de bière, l'acérola et l'algue nori pour une biodisponibilité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🔬 Spectre complet\u003c\/h3\u003e\n \u003cp\u003eLa levure de bière apporte un spectre complet de \u003cstrong\u003evitamines B complexe\u003c\/strong\u003e, tandis que l'acérola fournit une vitamine C hautement assimilable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e✅ 100 % des VNR\u003c\/h3\u003e\n \u003cp\u003eAvec \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, couvrez au minimum 100 % des Valeurs Nutritionnelles de Référence pour neuf vitamines clés.\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\u003eUn geste simple qui fait une vraie différence, surtout lors des changements de saison ou en période de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mv-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette formule\u003c\/h2\u003e\n \u003cdiv class=\"mv-grid\"\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLes vitamines C, B5, B6, B9 et B12 contribuent à un métabolisme énergétique normal et aident à lutter contre la fatigue persistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🛡️ Soutien du système immunitaire\u003c\/h3\u003e\n \u003cp\u003eLes vitamines C, B9 et B12 participent au fonctionnement normal de vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🧠 Équilibre du système nerveux\u003c\/h3\u003e\n \u003cp\u003eLes vitamines B1, B6 et B8 soutiennent les fonctions psychologiques normales et le bon fonctionnement du système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e🔒 Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E protège les cellules contre le stress oxydatif grâce à son pouvoir antioxydant reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-card\"\u003e\n \u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n \u003cp\u003eLes vitamines B2, B3 et B8 contribuent au maintien d'une peau normale, éclatante et en bonne santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mv-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"mv-table-wrapper\"\u003e\n \u003ctable class=\"mv-nutri-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eVitamine\u003c\/th\u003e\n \u003cth\u003eQuantité\u003c\/th\u003e\n \u003cth\u003e% VNR*\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine E\u003c\/td\u003e\n \u003ctd\u003e19,92 mg\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"mv-vnr-badge\"\u003e166 %\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B3 (niacine)\u003c\/td\u003e\n \u003ctd\u003e54 mg\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"mv-vnr-badge mv-vnr-high\"\u003e337 %\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B5 (acide pantothénique)\u003c\/td\u003e\n \u003ctd\u003e18 mg\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"mv-vnr-badge mv-vnr-high\"\u003e300 %\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B2 (riboflavine)\u003c\/td\u003e\n \u003ctd\u003e4,2 mg\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"mv-vnr-badge mv-vnr-high\"\u003e300 %\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B1 (thiamine)\u003c\/td\u003e\n \u003ctd\u003e3,3 mg\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"mv-vnr-badge mv-vnr-high\"\u003e300 %\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B6\u003c\/td\u003e\n \u003ctd\u003e2 mg\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"mv-vnr-badge\"\u003e142 %\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B9 (acide folique)\u003c\/td\u003e\n \u003ctd\u003e0,2 mg\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"mv-vnr-badge\"\u003e100 %\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B8 (biotine)\u003c\/td\u003e\n \u003ctd\u003e50 µg\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"mv-vnr-badge\"\u003e100 %\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B12\u003c\/td\u003e\n \u003ctd\u003e3 µg\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"mv-vnr-badge\"\u003e120 %\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cp class=\"mv-disclaimer\"\u003e*VNR : Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mv-section\"\u003e\n \u003ch2\u003eIngrédients\u003c\/h2\u003e\n \u003cdiv class=\"mv-ingredients-box\"\u003e\n \u003cp\u003eLevure de bière (source naturelle de \u003cstrong\u003evitamines B\u003c\/strong\u003e – contient du gluten), gélule végétale (hypromellose), extrait d'acérola standardisé en vitamine C, vitamine B3, bêta-carotène naturel, nori (\u003cem\u003ePorphyra umbilicalis\u003c\/em\u003e), vitamine E d'origine naturelle, vitamines B5, B2, B1, B6, B8, B9 et B12.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mv-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\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\u003ePosologie quotidienne\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=\"mv-timeline-item\"\u003e\n \u003cdiv class=\"mv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mv-timeline-content\"\u003e\n \u003ch3\u003eDurée d'une cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de 30 jours correspond à un flacon complet de 60 gélules.\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\u003eRésultats optimaux\u003c\/h3\u003e\n \u003cp\u003eNous recommandons une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\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\" open\u003e\n \u003csummary class=\"mv-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n \u003cdiv class=\"mv-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. Ce produit est \u003cstrong\u003edéconseillé aux fumeurs et anciens fumeurs\u003c\/strong\u003e en raison de la présence de bêta-carotène.\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💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n \u003cp\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée ni un suivi médical. En cas de doute, consultez votre médecin ou pharmacien avant de commencer une supplémentation en \u003cstrong\u003emultivitamines et minéraux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mv-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre organisme les vitamines essentielles dont il a besoin chaque jour — naturellement, simplement, efficacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mv-cream: #f5f7fa;\n --mv-white: #ffffff;\n --mv-primary: #4a7fb5;\n --mv-primary-dark: #2c5a8a;\n --mv-primary-light: #e8f0f8;\n --mv-secondary: #c0392b;\n --mv-accent: #e74c3c;\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, #2c5a8a 0%, #4a7fb5 40%, #c0392b 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: 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 opacity: 1;\n}\n\n.mv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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,.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.mv-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 16px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\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}\n\n\/* === HIGHLIGHT BOX === *\/\n.mv-highlight-box {\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-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--mv-text);\n line-height: 1.8;\n margin: 0;\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\/* === GRILLES === *\/\n.mv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\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\/* === TABLE === *\/\n.mv-table-wrapper {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n border-radius: var(--mv-radius);\n box-shadow: var(--mv-shadow);\n}\n\n.mv-nutri-table {\n width: 100%;\n border-collapse: collapse;\n background: var(--mv-white);\n border-radius: var(--mv-radius);\n overflow: hidden;\n}\n\n.mv-nutri-table thead tr {\n background: linear-gradient(135deg, var(--mv-primary), var(--mv-primary-dark));\n}\n\n.mv-nutri-table th {\n padding: 14px 16px;\n color: white;\n font-weight: 700;\n font-size: 14px;\n text-align: left;\n letter-spacing: .02em;\n}\n\n.mv-nutri-table td {\n padding: 12px 16px;\n font-size: 14px;\n color: var(--mv-text);\n border-bottom: 1px solid var(--mv-border);\n}\n\n.mv-nutri-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.mv-nutri-table tbody tr:hover {\n background: var(--mv-primary-light);\n}\n\n.mv-nutri-table tbody tr:nth-child(even) {\n background: #fafbfc;\n}\n\n.mv-nutri-table tbody tr:nth-child(even):hover {\n background: var(--mv-primary-light);\n}\n\n.mv-vnr-badge {\n display: inline-block;\n padding: 3px 10px;\n background: var(--mv-primary-light);\n color: var(--mv-primary-dark);\n border-radius: 999px;\n font-weight: 700;\n font-size: 13px;\n}\n\n.mv-vnr-badge.mv-vnr-high {\n background: linear-gradient(135deg, var(--mv-secondary), var(--mv-accent));\n color: white;\n}\n\n\/* === INGREDIENTS BOX === *\/\n.mv-ingredients-box {\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 dashed var(--mv-border);\n}\n\n.mv-ingredients-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mv-text-light);\n line-height: 1.8;\n margin: 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\/* === 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 margin-bottom: 1.5rem;\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\/* === CTA === *\/\n.mv-cta-box {\n background: linear-gradient(135deg, var(--mv-primary) 0%, var(--mv-primary-dark) 100%);\n border-radius: var(--mv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mv-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.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-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-nutri-table th,\n .mv-nutri-table td {\n padding: 10px 12px;\n font-size: 13px;\n }\n\n .mv-highlight-box {\n padding: 1.25rem;\n }\n\n .mv-ingredients-box {\n padding: 1rem;\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":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118065992057,"sku":"LC1008","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/multi-vitamines-60-gelules-laboratoire-code-packshothd.webp?v=1775987135"},{"product_id":"diomune-200-ml-laboratoire-dioter","title":"Diomune - 200 ml – Laboratoire Dioter","description":"\u003cdiv class=\"dm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dm-hero\"\u003e\n\u003cdiv class=\"dm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dm-hero-content\"\u003e\n\u003cdiv class=\"dm-badges-top\"\u003e\n\u003cspan class=\"dm-badge\"\u003e🌿 Phytothérapie\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🍃 Echinacée · Sureau · Thym\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🧴 200 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dm-hero-title\"\u003eDiomune\u003c\/span\u003e\n\u003cp class=\"dm-subtitle\"\u003eSirop défenses naturelles, Laboratoire Dioter\u003c\/p\u003e\n\u003cp class=\"dm-description\"\u003eUn véritable élixir naturel issu de la phytothérapie, conçu pour renforcer vos défenses immunitaires de façon douce, mais efficace. Grâce à un \u003cem\u003eprocédé de broyage à froid\u003c\/em\u003e préservant tous les principes actifs des plantes, ce complexe assure une synergie optimale entre nature et bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUne formule naturelle, biologique et complémentaire\u003c\/h2\u003e\n\u003cp class=\"dm-section-intro\"\u003eChaque ingrédient a été sélectionné pour ses vertus reconnues et sa complémentarité au service de vos défenses immunitaires.\u003c\/p\u003e\n\u003cdiv class=\"dm-grid\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌸 Echinacée\u003c\/h3\u003e\n\u003cp\u003eStimule naturellement les défenses de l'organisme. Plante de référence en phytothérapie pour soutenir l'immunité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🫐 Sureau\u003c\/h3\u003e\n\u003cp\u003eContribue à l'élimination des toxines et soutient le système respiratoire. Un allié précieux lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌿 Thym\u003c\/h3\u003e\n\u003cp\u003eRéputé pour ses propriétés antiseptiques et fortifiantes. Un pilier de la tradition herboristique française.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003eRéduit la fatigue et contribue au fonctionnement normal du système immunitaire. 12 mg par dose journalière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUn allié idéal en cure préventive\u003c\/h2\u003e\n\u003cdiv class=\"dm-card dm-card-highlight\"\u003e\n\u003cp\u003eAdapté à toute la famille, le sirop Diomune est recommandé en \u003cstrong\u003ecure saisonnière\u003c\/strong\u003e ou lors des changements de saison pour \u003cstrong\u003erenforcer la résistance naturelle de l'organisme\u003c\/strong\u003e. Il peut également être utilisé en soutien ponctuel lors des périodes de fatigue ou de fragilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses en automne et en hiver\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e💪 Fatigue passagère\u003c\/h3\u003e\n\u003cp\u003eSoutien ponctuel lors des coups de mou\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eUn sirop adapté à toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🛡️ Prévention\u003c\/h3\u003e\n\u003cp\u003eCure préventive pour une immunité renforcée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUne fabrication respectueuse de l'environnement\u003c\/h2\u003e\n\u003cdiv class=\"dm-card dm-card-highlight\"\u003e\n\u003cp\u003eCe produit est élaboré par le \u003cstrong\u003eLaboratoire Dioter\u003c\/strong\u003e, expert français en phytothérapie. Engagé dans une démarche éthique, Dioter privilégie les \u003cstrong\u003ematières premières biologiques\u003c\/strong\u003e et les \u003cstrong\u003eprocédés de fabrication doux et écologiques\u003c\/strong\u003e, pour des produits à la fois performants et respectueux de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eExpertise et savoir-faire du Laboratoire Dioter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌱 Matières premières bio\u003c\/h3\u003e\n\u003cp\u003eIngrédients biologiques sélectionnés avec soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e❄️ Broyage à froid\u003c\/h3\u003e\n\u003cp\u003eProcédé préservant tous les principes actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e♻️ Démarche éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcédés doux et respectueux de la planète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"dm-timeline\"\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrendre de \u003cstrong\u003e1 à 3 cuillères à café par jour\u003c\/strong\u003e, selon les besoins ou les recommandations d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003ePur ou dilué dans un peu d'eau, au moment qui vous convient le mieux dans la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eEn cure saisonnière de plusieurs semaines pour un soutien optimal de vos défenses immunitaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-tip\"\u003e\n\u003cspan class=\"dm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e commencez votre cure dès les premiers signes de changement de saison pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"dm-accordion\"\u003e\n\u003cdetails class=\"dm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eSirop de sucre, extraits fluides d'Echinacée (14 ml), de Sureau (14 ml), de Thym (7 ml), Vitamine C (160 mg).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e📊 Apport journalier (3 cuillères)\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003e2,63 ml d'extraits fluides dont Echinacée (40 %), Sureau (40 %), Thym (20 %), Vitamine C (12 mg).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"dm-accordion\"\u003e\n\u003cdetails class=\"dm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire n'est pas un médicament. Ne pas dépasser la dose journalière recommandée. À consommer dans le cadre d'un régime alimentaire varié et équilibré. \u003cstrong\u003eTenir hors de portée des jeunes enfants.\u003c\/strong\u003e\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=\"dm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"dm-cta-box\"\u003e\n\u003cp\u003e🌿 Renforcez naturellement vos défenses immunitaires avec Diomune : l'expertise phytothérapeutique du Laboratoire Dioter au service de votre bien-être quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"dm-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 === *\/\n:root {\n --dm-cream: #f7f6f1;\n --dm-white: #ffffff;\n --dm-primary: #7B8B2A;\n --dm-primary-dark: #4a5518;\n --dm-primary-light: #f0f3e4;\n --dm-secondary: #3A3A2E;\n --dm-accent: #A8B834;\n --dm-text: #1a1a1a;\n --dm-text-light: #5a5a5a;\n --dm-border: #e0e0e0;\n --dm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dm-radius: 20px;\n --dm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--dm-secondary) 0%, #52522e 40%, var(--dm-primary) 100%);\n border-radius: var(--dm-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(--dm-shadow-lg);\n}\n\n.dm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(168,184,52,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(123,139,42,.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.dm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.dm-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.dm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.dm-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.dm-description em {\n color: var(--dm-accent);\n font-style: italic;\n}\n\n\/* === BADGES === *\/\n.dm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dm-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(--dm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dm-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.dm-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(--dm-primary), var(--dm-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.dm-card {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dm-shadow-lg);\n border-color: var(--dm-primary);\n}\n\n.dm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dm-card-highlight {\n background: var(--dm-primary-light);\n border: 2px solid var(--dm-primary);\n margin-bottom: 1.25rem;\n text-align: left;\n}\n\n.dm-card-highlight:hover {\n transform: none;\n box-shadow: var(--dm-shadow);\n}\n\n.dm-card-highlight p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--dm-text);\n line-height: 1.7;\n}\n\n.dm-card-highlight strong {\n color: var(--dm-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.dm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dm-grid-compact .dm-card {\n padding: 1rem;\n}\n\n.dm-grid-compact .dm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dm-grid-compact .dm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dm-primary), var(--dm-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.dm-timeline-content {\n flex: 1;\n background: var(--dm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dm-radius-sm);\n box-shadow: var(--dm-shadow);\n}\n\n.dm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dm-timeline-content p {\n font-size: 14px;\n color: var(--dm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dm-testimonial {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dm-shadow);\n border-left: 4px solid var(--dm-primary);\n}\n\n.dm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dm-accordion {\n background: var(--dm-white);\n border-radius: var(--dm-radius);\n box-shadow: var(--dm-shadow);\n overflow: hidden;\n}\n\n.dm-accordion-item {\n border-bottom: 1px solid var(--dm-border);\n margin: 0;\n padding: 0;\n}\n\n.dm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dm-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.dm-accordion-header:hover {\n background: var(--dm-primary-light);\n}\n\n.dm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dm-primary);\n transition: transform .2s ease;\n}\n\n.dm-accordion-item[open] .dm-accordion-header::after {\n content: '−';\n}\n\n.dm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.dm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dm-primary-light);\n border-radius: var(--dm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dm-tip p {\n font-size: 14px;\n color: var(--dm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dm-cta-box {\n background: linear-gradient(135deg, var(--dm-primary) 0%, var(--dm-primary-dark) 100%);\n border-radius: var(--dm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dm-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.dm-disclaimer {\n font-size: 12px;\n color: var(--dm-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 .dm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dm-card {\n padding: 1.125rem;\n }\n\n .dm-section {\n margin-bottom: 1.75rem;\n }\n\n .dm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dm-radius-sm);\n }\n\n .dm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dm-grid-compact {\n gap: .625rem;\n }\n\n .dm-grid-compact .dm-card {\n padding: .75rem;\n }\n\n .dm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dm-timeline-content h3 {\n font-size: 14px;\n }\n\n .dm-timeline-content p {\n font-size: 13px;\n }\n\n .dm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dm-testimonial {\n padding: 1.25rem;\n }\n\n .dm-testimonial-text {\n font-size: 14px;\n }\n\n .dm-card-highlight {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dm-card {\n animation: dmFadeInUp .5s ease backwards;\n }\n .dm-card:nth-child(1) { animation-delay: .05s; }\n .dm-card:nth-child(2) { animation-delay: .1s; }\n .dm-card:nth-child(3) { animation-delay: .15s; }\n .dm-card:nth-child(4) { animation-delay: .2s; }\n .dm-card:nth-child(5) { animation-delay: .25s; }\n .dm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dmFadeInUp {\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 .dm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55118125171065,"sku":"DI5000","price":22.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/diomune-200-ml-laboratoire-dioter-lifestyle.webp?v=1770628421"},{"product_id":"griffonia-30-gelules-laboratoire-code","title":"Griffonia - 30 gélules - Laboratoire Code","description":"\u003cdiv class=\"grif-premium\"\u003e\n \u003cdiv class=\"grif-hero\"\u003e\n \u003cdiv class=\"grif-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"grif-hero-content\"\u003e\n \u003cdiv class=\"grif-badges-top\"\u003e\n \u003cspan class=\"grif-badge\"\u003e🌿 90 mg de 5-HTP\u003c\/span\u003e\n \u003cspan class=\"grif-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"grif-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"grif-hero-title\"\u003eGriffonia 5-HTP\u003c\/span\u003e\n \u003cp class=\"grif-subtitle\"\u003eLa plante du bonheur — Laboratoire Code\u003c\/p\u003e\n \u003cp class=\"grif-description\"\u003eOriginaire d'Afrique de l'Ouest, le \u003cstrong\u003eGriffonia simplicifolia\u003c\/strong\u003e est une plante grimpante dont les graines renferment naturellement du \u003cstrong\u003e5-HTP\u003c\/strong\u003e, un précurseur direct de la sérotonine. Un extrait concentré et titré, idéal pour soutenir votre équilibre émotionnel, apaiser les tensions du quotidien et favoriser un sommeil réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Griffonia du Laboratoire Code ?\u003c\/h2\u003e\n \u003cp class=\"grif-section-intro\"\u003eSurnommée la « plante du bonheur », le \u003cstrong\u003eGriffonia simplicifolia\u003c\/strong\u003e est utilisée traditionnellement en Afrique pour ses vertus apaisantes. Sa richesse en \u003cstrong\u003e5-HTP\u003c\/strong\u003e en fait un complément précieux pour les personnes traversant des périodes de stress, de fatigue émotionnelle ou de troubles passagers du sommeil.\u003c\/p\u003e\n \u003cdiv class=\"grif-grid-compact\"\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🎯 Dosage précis\u003c\/h3\u003e\n \u003cp\u003eExtrait titré à 30 % en 5-HTP, soit 90 mg par gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eQualité contrôlée à chaque étape de production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eGélules en hypromellose adaptées aux végans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e✨ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans gluten, sans lactose, sans OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003eLes bienfaits du Griffonia 5-HTP\u003c\/h2\u003e\n \u003cp class=\"grif-section-intro\"\u003eGrâce à sa concentration optimale en \u003cstrong\u003eHTP 5\u003c\/strong\u003e, le Griffonia agit en profondeur sur l'équilibre émotionnel et le sommeil.\u003c\/p\u003e\n \u003cdiv class=\"grif-grid\"\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e😊 Soutien de l'humeur\u003c\/h3\u003e\n \u003cp\u003eSoutient la production naturelle de \u003cstrong\u003esérotonine\u003c\/strong\u003e, essentielle à un état d'esprit positif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🧘 Apaisement nerveux\u003c\/h3\u003e\n \u003cp\u003eAide à apaiser les tensions et la nervosité passagère liées au stress quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eFavorise un \u003cstrong\u003esommeil de qualité\u003c\/strong\u003e en participant à la synthèse de la mélatonine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🍫 Anti-fringales\u003c\/h3\u003e\n \u003cp\u003eRéduit les envies sucrées et les grignotages émotionnels liés au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e💆 Confort mental\u003c\/h3\u003e\n \u003cp\u003eAccompagne les personnes sujettes aux maux de tête liés à l'anxiété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🌿 Synergie naturelle\u003c\/h3\u003e\n \u003cp\u003eL'association \u003cstrong\u003eGriffonia rhodiola\u003c\/strong\u003e est souvent recommandée : la rhodiola agit sur la résistance au stress, le Griffonia sur l'humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003eGriffonia : effet au bout de combien de temps ?\u003c\/h2\u003e\n \u003cdiv class=\"grif-timeline\"\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003eLes 2 premières semaines\u003c\/h3\u003e\n \u003cp\u003ePhase d'adaptation : votre organisme assimile progressivement le 5-HTP.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003eAprès 2 à 3 semaines\u003c\/h3\u003e\n \u003cp\u003eLes premiers effets sur la \u003cstrong\u003edétente\u003c\/strong\u003e et le \u003cstrong\u003esommeil\u003c\/strong\u003e se font ressentir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003eCure de 1 à 3 mois\u003c\/h3\u003e\n \u003cp\u003eBénéfices optimaux sur l'humeur et l'équilibre émotionnel global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-tip\"\u003e\n \u003cspan class=\"grif-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa constance est la clé : prenez votre gélule chaque soir à la même heure pour des résultats durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003eComposition pour 1 gélule\u003c\/h2\u003e\n \u003cdiv class=\"grif-grid-compact\"\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🌱 300 mg\u003c\/h3\u003e\n \u003cp\u003eExtrait de graines de \u003cstrong\u003eGriffonia simplicifolia\u003c\/strong\u003e titré à 30 % en 5-HTP\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e⚡ 90 mg\u003c\/h3\u003e\n \u003cp\u003eDe \u003cstrong\u003e5-HTP\u003c\/strong\u003e actif par gélule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🧪 75 mg\u003c\/h3\u003e\n \u003cp\u003eCellulose microcristalline (support)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🔬 20 mg\u003c\/h3\u003e\n \u003cp\u003eStéarate de magnésium végétal (agent d'écoulement)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-tip\"\u003e\n \u003cspan class=\"grif-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eEnveloppe végétale en hypromellose. \u003cstrong\u003eSans gluten, sans lactose, sans OGM.\u003c\/strong\u003e Convient aux végans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"grif-timeline\"\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003e1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 gélule\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003eLe soir au repas\u003c\/h3\u003e\n \u003cp\u003eDe préférence au moment du repas du soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-item\"\u003e\n \u003cdiv class=\"grif-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"grif-timeline-content\"\u003e\n \u003ch3\u003eEndormissement facilité\u003c\/h3\u003e\n \u003cp\u003eCette prise vespérale favorise la conversion du 5-HTP en sérotonine puis en mélatonine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\"\u003e\n \u003ch2\u003ePrécautions et danger éventuel du Griffonia\u003c\/h2\u003e\n \u003cp class=\"grif-section-intro\"\u003eLa question du \u003cstrong\u003egriffonia danger\u003c\/strong\u003e revient souvent : utilisé aux doses recommandées, le Griffonia est généralement bien toléré. Toutefois, certaines précautions s'imposent.\u003c\/p\u003e\n \u003cdiv class=\"grif-accordion\"\u003e\n \u003cdetails class=\"grif-accordion-item\"\u003e\n \u003csummary class=\"grif-accordion-header\"\u003e🚫 Personnes déconseillées\u003c\/summary\u003e\n \u003cdiv class=\"grif-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"grif-accordion-item\"\u003e\n \u003csummary class=\"grif-accordion-header\"\u003e⚠️ Contre-indication majeure\u003c\/summary\u003e\n \u003cdiv class=\"grif-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eStrictement contre-indiqué\u003c\/strong\u003e en cas de traitement antidépresseur, notamment les \u003cstrong\u003eISRS\u003c\/strong\u003e, en raison du risque de syndrome sérotoninergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"grif-accordion-item\"\u003e\n \u003csummary class=\"grif-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"grif-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin en cas de traitement médicamenteux en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"grif-accordion-item\"\u003e\n \u003csummary class=\"grif-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"grif-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 \u003c\/div\u003e\n \u003cp class=\"grif-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée, à un mode de vie sain, ni à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"grif-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"grif-grid-compact\"\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Code\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003e30 gélules végétales de 395 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e📅 Durée de la cure\u003c\/h3\u003e\n \u003cp\u003e1 mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"grif-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --grif-cream: #f4f8fb;\n --grif-white: #ffffff;\n --grif-primary: #5ba3d0;\n --grif-primary-dark: #2c6a96;\n --grif-primary-light: #e3eef7;\n --grif-secondary: #d9304a;\n --grif-accent: #e8485f;\n --grif-text: #1a1a1a;\n --grif-text-light: #5a6470;\n --grif-border: #d9e4ee;\n --grif-shadow: 0 4px 24px rgba(44,106,150,.08);\n --grif-shadow-lg: 0 12px 48px rgba(44,106,150,.18);\n --grif-radius: 20px;\n --grif-radius-sm: 12px;\n}\n\n.grif-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--grif-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--grif-text);\n}\n\n.grif-hero {\n position: relative;\n background: linear-gradient(135deg, #7cb8dd 0%, #5ba3d0 50%, #2c6a96 100%);\n border-radius: var(--grif-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(--grif-shadow-lg);\n}\n\n.grif-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, #fff 1px, transparent 1px);\n background-size: 60px 60px, 40px 40px;\n opacity: .08;\n}\n\n.grif-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.grif-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.grif-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.grif-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.grif-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.grif-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(--grif-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.grif-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.grif-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.grif-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--grif-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.grif-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(--grif-primary), var(--grif-secondary));\n border-radius: 2px;\n}\n\n.grif-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--grif-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.grif-card {\n background: var(--grif-white);\n border-radius: var(--grif-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--grif-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.grif-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--grif-shadow-lg);\n border-color: var(--grif-primary);\n}\n\n.grif-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--grif-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.grif-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--grif-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.grif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.grif-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.grif-grid-compact .grif-card {\n padding: 1rem;\n}\n\n.grif-grid-compact .grif-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.grif-grid-compact .grif-card p {\n font-size: 12px;\n}\n\n.grif-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.grif-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.grif-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--grif-primary), var(--grif-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(44,106,150,.3);\n}\n\n.grif-timeline-content {\n flex: 1;\n background: var(--grif-white);\n padding: 1rem 1.25rem;\n border-radius: var(--grif-radius-sm);\n box-shadow: var(--grif-shadow);\n}\n\n.grif-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--grif-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.grif-timeline-content p {\n font-size: 14px;\n color: var(--grif-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.grif-accordion {\n background: var(--grif-white);\n border-radius: var(--grif-radius);\n box-shadow: var(--grif-shadow);\n overflow: hidden;\n}\n\n.grif-accordion-item {\n border-bottom: 1px solid var(--grif-border);\n margin: 0;\n padding: 0;\n}\n\n.grif-accordion-item:last-child {\n border-bottom: none;\n}\n\n.grif-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--grif-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.grif-accordion-header:hover {\n background: var(--grif-primary-light);\n}\n\n.grif-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.grif-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--grif-primary);\n transition: transform .2s ease;\n}\n\n.grif-accordion-item[open] .grif-accordion-header::after {\n content: '−';\n}\n\n.grif-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--grif-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.grif-accordion-content p {\n margin: 0;\n}\n\n.grif-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--grif-primary-light);\n border-radius: var(--grif-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--grif-primary);\n}\n\n.grif-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.grif-tip p {\n font-size: 14px;\n color: var(--grif-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.grif-disclaimer {\n font-size: 12px;\n color: var(--grif-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .grif-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .grif-card {\n padding: 1.125rem;\n }\n .grif-section {\n margin-bottom: 1.75rem;\n }\n .grif-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--grif-radius-sm);\n }\n .grif-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .grif-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .grif-grid-compact {\n gap: .625rem;\n }\n .grif-grid-compact .grif-card {\n padding: .75rem;\n }\n .grif-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .grif-timeline-content {\n padding: .875rem 1rem;\n }\n .grif-timeline-content h3 {\n font-size: 14px;\n }\n .grif-timeline-content p {\n font-size: 13px;\n }\n .grif-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .grif-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .grif-card {\n animation: grifFadeInUp .5s ease backwards;\n }\n .grif-card:nth-child(1) { animation-delay: .05s; }\n .grif-card:nth-child(2) { animation-delay: .1s; }\n .grif-card:nth-child(3) { animation-delay: .15s; }\n .grif-card:nth-child(4) { animation-delay: .2s; }\n .grif-card:nth-child(5) { animation-delay: .25s; }\n .grif-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes grifFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .grif-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118259257721,"sku":"LC1013","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/griffonia-30-gelules-laboratoire-code-packshothd.webp?v=1778241412"},{"product_id":"passiflore-millepertuis-60-gelules-laboratoire-code","title":"Passiflore Millepertuis - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"pm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pm-hero\"\u003e\n \u003cdiv class=\"pm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pm-hero-content\"\u003e\n \u003cdiv class=\"pm-badges-top\"\u003e\n \u003cspan class=\"pm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"pm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pm-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"pm-badge\"\u003e😴 Stress \u0026amp; Sommeil\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pm-hero-title\"\u003ePassiflore Millepertuis Bio\u003c\/span\u003e\n \u003cp class=\"pm-subtitle\"\u003eLaboratoire Code · 60 gélules de 525 mg\u003c\/p\u003e\n \u003cp class=\"pm-description\"\u003eL'alliance de deux plantes bio d'exception pour retrouver calme intérieur et nuits sereines, sans accoutumance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003ePassiflore et millepertuis bio : l'alliance naturelle contre le stress et les troubles du sommeil\u003c\/h2\u003e\n \u003cp class=\"pm-section-intro\"\u003eVous traversez une période de tensions nerveuses, de fatigue émotionnelle ou de nuits agitées ? Le complément \u003cstrong\u003ePassiflore Millepertuis bio\u003c\/strong\u003e du \u003cstrong\u003eLaboratoire Code\u003c\/strong\u003e associe deux plantes parmi les plus étudiées en phytothérapie pour vous aider à retrouver \u003cstrong\u003esérénité\u003c\/strong\u003e et \u003cstrong\u003esommeil réparateur\u003c\/strong\u003e, naturellement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003ePourquoi associer la passiflore et le millepertuis ?\u003c\/h2\u003e\n \u003cp class=\"pm-section-intro\"\u003eChacune de ces plantes possède des propriétés complémentaires. Ensemble, elles forment une synergie particulièrement pertinente pour les personnes confrontées au stress quotidien et à ses répercussions sur le sommeil.\u003c\/p\u003e\n \u003cdiv class=\"pm-grid\"\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🌸 La passiflore officinale\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour calmer la nervosité et faciliter l'endormissement. Son action apaisante sur le système nerveux en fait une alliée précieuse lorsque le mental s'emballe au moment du coucher. La \u003cstrong\u003epassiflore et le sommeil\u003c\/strong\u003e forment un duo reconnu depuis des siècles en herboristerie européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e☀️ Le millepertuis\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eHypericum perforatum\u003c\/em\u003e — célèbre pour son influence positive sur l'humeur et l'équilibre émotionnel. Souvent recommandé en cas de baisse de moral passagère, le \u003cstrong\u003emillepertuis agit sur le stress\u003c\/strong\u003e et l'anxiété légère qui perturbent la qualité du repos nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🤝 Une synergie globale\u003c\/h3\u003e\n \u003cp\u003eLà où certaines formules comme les associations \u003cstrong\u003emélatonine, valériane et passiflore\u003c\/strong\u003e visent principalement l'endormissement, cette combinaison \u003cstrong\u003emillepertuis passiflore\u003c\/strong\u003e offre une approche plus globale en agissant à la fois sur la composante émotionnelle et sur la détente physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce complément ?\u003c\/h2\u003e\n \u003cp class=\"pm-section-intro\"\u003eCe produit s'adresse à vous si vous ressentez :\u003c\/p\u003e\n \u003cdiv class=\"pm-grid-compact\"\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🧠 Ruminations\u003c\/h3\u003e\n \u003cp\u003eDifficultés d'endormissement liées au stress ou aux pensées envahissantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🌙 Sommeil fragmenté\u003c\/h3\u003e\n \u003cp\u003eSommeil léger, réveils nocturnes ou nuits peu récupératrices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e😔 Moral en berne\u003c\/h3\u003e\n \u003cp\u003eIrritabilité, fatigue mentale ou baisse de moral passagère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🌿 Solution naturelle\u003c\/h3\u003e\n \u003cp\u003eBesoin d'une alternative douce, sans dépendance ni somnolence diurne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"pm-grid\"\u003e\n \u003cdiv class=\"pm-card pm-card-highlight\"\u003e\n \u003ch3\u003e🌸 Passiflore officinale*\u003c\/h3\u003e\n \u003cp class=\"pm-dosage\"\u003e750 mg\u003c\/p\u003e\n \u003cp\u003eExtrait concentré 2:1 — 2 kg de plante pour 1 kg d'extrait, offrant une richesse en composés apaisants bien supérieure à une simple poudre de plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card pm-card-highlight\"\u003e\n \u003ch3\u003e☀️ Millepertuis*\u003c\/h3\u003e\n \u003cp class=\"pm-dosage\"\u003e300 mg\u003c\/p\u003e\n \u003cp\u003eExtrait titré à \u003cstrong\u003e0,3 % d'hypéricine\u003c\/strong\u003e, garantissant une concentration optimale en principe actif, gage d'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e💊 Excipient \u0026amp; enveloppe\u003c\/h3\u003e\n \u003cp\u003eMaltodextrine : 240 mg. Enveloppe : gélule végétale (HPMC), 100 % d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-tip\"\u003e\n \u003cspan class=\"pm-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. Certifié AB.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"pm-timeline\"\u003e\n \u003cdiv class=\"pm-timeline-item\"\u003e\n \u003cdiv class=\"pm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pm-timeline-content\"\u003e\n \u003ch3\u003eMatin\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule\u003c\/strong\u003e au petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-timeline-item\"\u003e\n \u003cdiv class=\"pm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pm-timeline-content\"\u003e\n \u003ch3\u003eMidi\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule\u003c\/strong\u003e au moment du déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-timeline-item\"\u003e\n \u003cdiv class=\"pm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pm-timeline-content\"\u003e\n \u003ch3\u003eSoir\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule\u003c\/strong\u003e au dîner avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-tip\"\u003e\n \u003cspan class=\"pm-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eUne \u003cstrong\u003ecure de 20 jours\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits. Vous pouvez renouveler la cure après une pause d'une semaine si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003eQualité et engagements\u003c\/h2\u003e\n \u003cdiv class=\"pm-grid-compact\"\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio (AB)\u003c\/h3\u003e\n \u003cp\u003eSans pesticides ni engrais chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e💚 100 % végétales\u003c\/h3\u003e\n \u003cp\u003eGélules convenant aux végans et végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🚫 Sans additif artificiel\u003c\/h3\u003e\n \u003cp\u003eSans colorant, sans conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pm-accordion\"\u003e\n \u003cdetails class=\"pm-accordion-item\" open\u003e\n \u003csummary class=\"pm-accordion-header\"\u003e⚠️ Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eLe millepertuis peut interagir avec certains médicaments\u003c\/strong\u003e (contraceptifs oraux, antidépresseurs, anticoagulants, immunosuppresseurs). Si vous suivez un traitement médical, consultez impérativement votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pm-accordion-item\"\u003e\n \u003csummary class=\"pm-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément est déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pm-accordion-item\"\u003e\n \u003csummary class=\"pm-accordion-header\"\u003e📋 Mentions légales\u003c\/summary\u003e\n \u003cdiv class=\"pm-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, et ne remplace en aucun cas 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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"pm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pm-cta-box\"\u003e\n \u003cp\u003e🌙 Retrouvez un sommeil apaisé et un équilibre émotionnel durable grâce à la synergie 100 % bio passiflore \u0026amp; millepertuis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pm-disclaimer\"\u003eComplément alimentaire · Ne pas dépasser la dose journalière recommandée · Tenir hors de portée des enfants · Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pm-cream: #f4f7fb;\n --pm-white: #ffffff;\n --pm-primary: #6fa8dc;\n --pm-primary-dark: #2d5f8a;\n --pm-primary-light: #e8f1f9;\n --pm-secondary: #d94f4f;\n --pm-accent: #4a9b6f;\n --pm-text: #1a1a2e;\n --pm-text-light: #5a6478;\n --pm-border: #dfe6ed;\n --pm-shadow: 0 4px 24px rgba(45, 95, 138, .08);\n --pm-shadow-lg: 0 12px 48px rgba(45, 95, 138, .15);\n --pm-radius: 20px;\n --pm-radius-sm: 12px;\n}\n\n.pm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pm-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5f8a 0%, #6fa8dc 50%, #d94f4f 100%);\n border-radius: var(--pm-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(--pm-shadow-lg);\n}\n\n.pm-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,.12) 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,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pm-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(--pm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pm-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.pm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.pm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pm-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.pm-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(--pm-primary), var(--pm-secondary));\n border-radius: 2px;\n}\n\n.pm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pm-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.pm-card {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pm-shadow-lg);\n border-color: var(--pm-primary);\n}\n\n.pm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pm-card-highlight {\n border-left: 4px solid var(--pm-primary);\n}\n\n.pm-dosage {\n font-size: clamp(22px, 4vw, 32px) !important;\n font-weight: 900 !important;\n color: var(--pm-secondary) !important;\n margin-bottom: .5rem !important;\n}\n\n\/* === GRILLES === *\/\n.pm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pm-grid-compact .pm-card {\n padding: 1rem;\n}\n\n.pm-grid-compact .pm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pm-grid-compact .pm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pm-primary), var(--pm-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.pm-timeline-content {\n flex: 1;\n background: var(--pm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pm-radius-sm);\n box-shadow: var(--pm-shadow);\n}\n\n.pm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pm-timeline-content p {\n font-size: 14px;\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pm-primary-light);\n border-radius: var(--pm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pm-tip p {\n font-size: 14px;\n color: var(--pm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pm-accordion {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n box-shadow: var(--pm-shadow);\n overflow: hidden;\n}\n\n.pm-accordion-item {\n border-bottom: 1px solid var(--pm-border);\n margin: 0;\n padding: 0;\n}\n\n.pm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pm-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.pm-accordion-header:hover {\n background: var(--pm-primary-light);\n}\n\n.pm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pm-primary);\n transition: transform .2s ease;\n}\n\n.pm-accordion-item[open] .pm-accordion-header::after {\n content: '−';\n}\n\n.pm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pm-cta-box {\n background: linear-gradient(135deg, var(--pm-primary) 0%, var(--pm-primary-dark) 100%);\n border-radius: var(--pm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pm-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.pm-disclaimer {\n font-size: 12px;\n color: var(--pm-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 .pm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pm-card {\n padding: 1.125rem;\n }\n\n .pm-section {\n margin-bottom: 1.75rem;\n }\n\n .pm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pm-radius-sm);\n }\n\n .pm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pm-grid-compact {\n gap: .625rem;\n }\n\n .pm-grid-compact .pm-card {\n padding: .75rem;\n }\n\n .pm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pm-timeline-content h3 {\n font-size: 14px;\n }\n\n .pm-timeline-content p {\n font-size: 13px;\n }\n\n .pm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pm-badges-top {\n gap: 6px;\n }\n\n .pm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pm-card {\n animation: pmFadeInUp .5s ease backwards;\n }\n .pm-card:nth-child(1) { animation-delay: .05s; }\n .pm-card:nth-child(2) { animation-delay: .1s; }\n .pm-card:nth-child(3) { animation-delay: .15s; }\n .pm-card:nth-child(4) { animation-delay: .2s; }\n .pm-card:nth-child(5) { animation-delay: .25s; }\n .pm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118991229305,"sku":"LC9114","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/passiflore-millepertuis-60-gelules-laboratoire-code-packshothd.webp?v=1775986999"},{"product_id":"ginseng-originel-50-ml-dioter","title":"Ginseng Originel (extrait de ginseng blanc) 50 ml - Dioter","description":"\u003cdiv class=\"gs-premium\"\u003e\n \u003cdiv class=\"gs-hero\"\u003e\n \u003cdiv class=\"gs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gs-hero-content\"\u003e\n \u003cdiv class=\"gs-badges-top\"\u003e\n \u003cspan class=\"gs-badge\"\u003e🌿 Panax ginseng\u003c\/span\u003e\n \u003cspan class=\"gs-badge\"\u003e💧 Extrait liquide 50 ml\u003c\/span\u003e\n \u003cspan class=\"gs-badge\"\u003e⚡ Tonus \u0026amp; vitalité\u003c\/span\u003e\n \u003cspan class=\"gs-badge\"\u003e🧪 Sans OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gs-hero-title\"\u003eGinseng Originel Dioter\u003c\/span\u003e\n \u003cp class=\"gs-subtitle\"\u003eExtrait de ginseng blanc · Vitamine B6\u003c\/p\u003e\n \u003cp class=\"gs-description\"\u003ePlongez au cœur d'une tradition millénaire avec le Ginseng Originel du Laboratoire Dioter, un extrait liquide concentré issu de la racine de Panax ginseng, véritable trésor de la pharmacopée asiatique. Surnommée la « racine de longue vie », cette plante adaptogène accompagne votre organisme dans ses moments de fatigue passagère et soutient vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eLes bienfaits du ginseng blanc : une racine d'exception\u003c\/h2\u003e\n \u003cp class=\"gs-section-intro\"\u003eLe ginseng blanc est obtenu à partir de racines de \u003cem\u003ePanax ginseng\u003c\/em\u003e simplement séchées, sans cuisson à la vapeur, contrairement au ginseng rouge. Une action plus douce et progressive, idéale pour une cure prolongée adaptée à toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"gs-grid\"\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les défenses naturelles de l'organisme face aux agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e⚡ Anti-fatigue\u003c\/h3\u003e\n \u003cp\u003eRéduit la fatigue passagère et aide à retrouver tonus et vitalité durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🧠 Surmenage intellectuel\u003c\/h3\u003e\n \u003cp\u003ePrécieux allié lors des périodes de surcharge mentale ou d'effort physique intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌱 Action douce\u003c\/h3\u003e\n \u003cp\u003eContrairement au ginseng rouge plus stimulant, le blanc agit en profondeur progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eParfaitement adapté aux cures longues, pour adultes et enfants (dès les doses recommandées).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🍽️ Gastronomie raffinée\u003c\/h3\u003e\n \u003cp\u003eSymbole d'élégance, le ginseng blanc s'associe aussi à la truffe noire en haute gastronomie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eUne extraction douce pour préserver les actifs\u003c\/h2\u003e\n \u003cp class=\"gs-section-intro\"\u003eLe Laboratoire Dioter utilise une méthode d'extraction par macération lente dans un mélange d'eau et de glycérine végétale. Un procédé respectueux qui garantit la préservation optimale des ginsénosides, principes actifs majeurs du ginseng.\u003c\/p\u003e\n \u003cdiv class=\"gs-grid-compact\"\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e💧 Macération lente\u003c\/h3\u003e\n \u003cp\u003eEau \u0026amp; glycérine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌾 Sans OGM\u003c\/h3\u003e\n \u003cp\u003eMatières premières tracées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌴 Sans huile de palme\u003c\/h3\u003e\n \u003cp\u003eFormule responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e✨ Ginsénosides préservés\u003c\/h3\u003e\n \u003cp\u003eExtraction respectueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gs-timeline\"\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003e👨 Adultes\u003c\/h3\u003e\n \u003cp\u003e30 gouttes, 3 fois par jour, pures ou diluées dans un peu d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003e🧒 Enfants\u003c\/h3\u003e\n \u003cp\u003e10 gouttes, 2 fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n \u003cp\u003eCure de 1 à 2 mois, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-item\"\u003e\n \u003cdiv class=\"gs-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gs-timeline-content\"\u003e\n \u003ch3\u003e🌅 Moment idéal\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez une prise le matin et en début d'après-midi, pour éviter toute excitation en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 5 ml)\u003c\/h2\u003e\n \u003cdiv class=\"gs-grid\"\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eBase d'extraction douce et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e🌿 Extrait de Panax ginseng\u003c\/h3\u003e\n \u003cp\u003eExtrait aqueux de racines de ginseng blanc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-card\"\u003e\n \u003ch3\u003e💊 Vitamine B6 — 0,21 mg\u003c\/h3\u003e\n \u003cp\u003eSoit 15 % des AJR, pour compléter l'action tonifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-tip\"\u003e\n \u003cspan class=\"gs-tip-icon\"\u003e🍶\u003c\/span\u003e\n \u003cp\u003eFlacon compte-gouttes de \u003cstrong\u003e50 ml\u003c\/strong\u003e, soit environ un mois de cure pour un adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'extrait de ginseng, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"gs-accordion\"\u003e\n \u003cdetails class=\"gs-accordion-item\"\u003e\n \u003csummary class=\"gs-accordion-header\"\u003e⏰ Quand prendre le ginseng ?\u003c\/summary\u003e\n \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n \u003cp\u003eDe préférence le matin, pour profiter de son effet tonifiant tout au long de la journée. Évitez la prise en fin d'après-midi pour ne pas perturber votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gs-accordion-item\"\u003e\n \u003csummary class=\"gs-accordion-header\"\u003e🔄 Peut-on associer ginseng blanc et ginseng rouge ?\u003c\/summary\u003e\n \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, mais il est conseillé d'alterner les cures plutôt que de les cumuler, pour respecter l'équilibre de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gs-accordion-item\"\u003e\n \u003csummary class=\"gs-accordion-header\"\u003e⚠️ Y a-t-il des précautions ?\u003c\/summary\u003e\n \u003cdiv class=\"gs-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes et aux personnes hypertendues. Demandez l'avis de votre médecin en cas de traitement en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Dioter et naturellement-bio.com\u003c\/h2\u003e\n \u003cdiv class=\"gs-cta-box\"\u003e\n \u003cp\u003eSélectionné avec soin pour sa \u003cstrong\u003enaturalité\u003c\/strong\u003e, son \u003cstrong\u003eefficacité\u003c\/strong\u003e et son \u003cstrong\u003erespect de l'environnement\u003c\/strong\u003e, le Ginseng Originel Dioter répond à notre charte qualité stricte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gs-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, un mode de vie sain, ni à un traitement médical. En cas de doute, consultez un professionnel de santé avant toute cure.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gs-cream: #faf6ef;\n --gs-white: #ffffff;\n --gs-primary: #c87a2f;\n --gs-primary-dark: #8a4a18;\n --gs-primary-light: #f7e9d5;\n --gs-secondary: #6b8e3d;\n --gs-accent: #e0a85c;\n --gs-text: #2a1f14;\n --gs-text-light: #6b5a48;\n --gs-border: #e8dcc8;\n --gs-shadow: 0 4px 24px rgba(138, 74, 24, .08);\n --gs-shadow-lg: 0 12px 48px rgba(138, 74, 24, .18);\n --gs-radius: 20px;\n --gs-radius-sm: 12px;\n}\n\n.gs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--gs-text);\n}\n\n.gs-hero {\n position: relative;\n background: linear-gradient(135deg, #c87a2f 0%, #a85f22 50%, #6b8e3d 100%);\n border-radius: var(--gs-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(--gs-shadow-lg);\n}\n\n.gs-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.gs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gs-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.gs-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.gs-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.gs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gs-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(--gs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gs-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.gs-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(--gs-primary), var(--gs-secondary));\n border-radius: 2px;\n}\n\n.gs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gs-text-light);\n margin-bottom: 2rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gs-card {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gs-shadow-lg);\n border-color: var(--gs-primary);\n}\n\n.gs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gs-grid-compact .gs-card {\n padding: 1rem;\n}\n\n.gs-grid-compact .gs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gs-grid-compact .gs-card p {\n font-size: 12px;\n}\n\n.gs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.gs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(200, 122, 47, .3);\n}\n\n.gs-timeline-content {\n flex: 1;\n background: var(--gs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gs-radius-sm);\n box-shadow: var(--gs-shadow);\n}\n\n.gs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gs-timeline-content p {\n font-size: 14px;\n color: var(--gs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gs-accordion {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n box-shadow: var(--gs-shadow);\n overflow: hidden;\n}\n\n.gs-accordion-item {\n border-bottom: 1px solid var(--gs-border);\n}\n\n.gs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gs-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.gs-accordion-header:hover {\n background: var(--gs-primary-light);\n}\n\n.gs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gs-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--gs-primary);\n transition: transform .2s ease;\n}\n\n.gs-accordion-item[open] .gs-accordion-header::after {\n content: '−';\n}\n\n.gs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gs-accordion-content p {\n margin: 0;\n}\n\n.gs-tip {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: var(--gs-primary-light);\n border-radius: var(--gs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--gs-primary);\n}\n\n.gs-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.gs-tip p {\n font-size: 14px;\n color: var(--gs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.gs-cta-box {\n background: linear-gradient(135deg, var(--gs-primary) 0%, var(--gs-primary-dark) 100%);\n border-radius: var(--gs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--gs-shadow-lg);\n}\n\n.gs-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.gs-cta-box strong {\n color: #fff5e0;\n}\n\n.gs-disclaimer {\n font-size: 12px;\n color: var(--gs-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .gs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .gs-card {\n padding: 1.125rem;\n }\n .gs-section {\n margin-bottom: 1.75rem;\n }\n .gs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gs-radius-sm);\n }\n .gs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .gs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .gs-grid-compact {\n gap: .625rem;\n }\n .gs-grid-compact .gs-card {\n padding: .75rem;\n }\n .gs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .gs-timeline-content {\n padding: .875rem 1rem;\n }\n .gs-timeline-content h3 {\n font-size: 14px;\n }\n .gs-timeline-content p {\n font-size: 13px;\n }\n .gs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .gs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gs-card {\n animation: gsFadeInUp .5s ease backwards;\n }\n .gs-card:nth-child(1) { animation-delay: .05s; }\n .gs-card:nth-child(2) { animation-delay: .1s; }\n .gs-card:nth-child(3) { animation-delay: .15s; }\n .gs-card:nth-child(4) { animation-delay: .2s; }\n .gs-card:nth-child(5) { animation-delay: .25s; }\n .gs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gsFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DIOTER","offers":[{"title":"Default Title","offer_id":55120569467257,"sku":"DI5020","price":24.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginseng-originel-extrait-de-ginseng-blanc-50-ml-dioter-packshothd.webp?v=1777371719"},{"product_id":"vitaminec-liposomale-60-gelules-laboratoire-code","title":"Vitamine C Liposomale - 60 gélules- Laboratoire Code","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine C Liposomale - Laboratoire Code\nPalette détectée:\n - Primaire: #E85663 (rouge\/corail du badge principal - dynamique, santé)\n - Secondaire: #A8D4E8 (bleu clair pastel du packaging - douceur, confiance)\n - Accent: #4CAF50 (vert du badge vegan - naturel, végétal)\n - Crème: #FAF6F1 (beige clair du flacon - douceur, naturel)\nAmbiance: Santé \u0026 bien-être, scientifique mais accessible, naturel, français, vegan-friendly\nStyle: Médical moderne avec une touche douce, professionnel mais chaleureux\nPréfixe CSS: vitc\n--\u003e\n\u003cdiv class=\"vitc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vitc-hero\"\u003e\n\u003cdiv class=\"vitc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vitc-hero-content\"\u003e\n\u003cdiv class=\"vitc-badges-top\"\u003e\n\u003cspan class=\"vitc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vitc-badge\"\u003e🌱 100% vegan\u003c\/span\u003e \u003cspan class=\"vitc-badge\"\u003e⚡ Biodisponibilité optimale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vitc-hero-title\"\u003eVitamine C liposomale\u003c\/span\u003e\n\u003cp class=\"vitc-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLa révolution de l'absorption cellulaire\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"vitc-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUne technologie innovante qui encapsule 1000 mg de vitamine C dans des liposomes pour une assimilation 2 à 3 fois supérieure à la vitamine C classique. Protection maximale, efficacité optimale.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TECHNOLOGIE LIPOSOMALE --\u003e\n\u003csection class=\"vitc-section\"\u003e\n\u003ch2\u003e🔬 La technologie liposomale, qu'est-ce que c'est ?\u003c\/h2\u003e\n\u003cdiv class=\"vitc-tech-box\"\u003e\n\u003cdiv class=\"vitc-tech-content\"\u003e\n\u003cdiv class=\"vitc-tech-icon\"\u003e💊\u003c\/div\u003e\n\u003cp\u003eLes \u003cstrong\u003eliposomes\u003c\/strong\u003e sont de minuscules vésicules formées d'une membrane phospholipidique issue de lécithine de tournesol. Ils encapsulent la vitamine C et la protègent lors de son passage dans le système digestif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-benefits-grid\"\u003e\n\u003cdiv class=\"vitc-benefit-item\"\u003e\n\u003cspan class=\"vitc-benefit-icon\"\u003e🛡️\u003c\/span\u003e \u003cstrong\u003eProtection gastrique\u003c\/strong\u003e\n\u003cp\u003eRésiste à l'acidité de l'estomac\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-benefit-item\"\u003e\n\u003cspan class=\"vitc-benefit-icon\"\u003e🚀\u003c\/span\u003e \u003cstrong\u003eAbsorption 2-3x supérieure\u003c\/strong\u003e\n\u003cp\u003ePénétration cellulaire optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-benefit-item\"\u003e\n\u003cspan class=\"vitc-benefit-icon\"\u003e⏱️\u003c\/span\u003e \u003cstrong\u003eLibération prolongée\u003c\/strong\u003e\n\u003cp\u003eAction continue dans l'organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DOSAGE EXCEPTIONNEL --\u003e\n\u003csection class=\"vitc-section\"\u003e\n\u003ch2\u003e💪 Un dosage qui fait la différence\u003c\/h2\u003e\n\u003cdiv class=\"vitc-dosage-box\"\u003e\n\u003cdiv class=\"vitc-dosage-hero\"\u003e\n\u003cspan class=\"vitc-mega-number\"\u003e1000\u003cspan class=\"vitc-unit\"\u003emg\u003c\/span\u003e\u003c\/span\u003e\n\u003cp class=\"vitc-dosage-subtitle\"\u003ede vitamine C liposomée par dose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-dosage-info\"\u003e\n\u003cdiv class=\"vitc-dosage-stat\"\u003e\n\u003cspan class=\"vitc-stat-number\"\u003e844%\u003c\/span\u003e \u003cspan class=\"vitc-stat-label\"\u003edes apports de référence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-dosage-stat\"\u003e\n\u003cspan class=\"vitc-stat-number\"\u003e2\u003c\/span\u003e \u003cspan class=\"vitc-stat-label\"\u003egélules par jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-dosage-stat\"\u003e\n\u003cspan class=\"vitc-stat-number\"\u003e30\u003c\/span\u003e \u003cspan class=\"vitc-stat-label\"\u003ejours de cure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BÉNÉFICES POUR L'ORGANISME --\u003e\n\u003csection class=\"vitc-section\"\u003e\n\u003ch2\u003e✨ Un soutien complet pour votre santé\u003c\/h2\u003e\n\u003cdiv class=\"vitc-grid\"\u003e\n\u003cdiv class=\"vitc-card\"\u003e\n\u003cdiv class=\"vitc-card-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n\u003cp\u003eStimule naturellement vos défenses immunitaires pour vous protéger tout au long de l'année, particulièrement en période hivernale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-card\"\u003e\n\u003cdiv class=\"vitc-card-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eÉnergie \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eRéduit la fatigue physique et mentale, améliore votre tonus quotidien et vous aide à maintenir une forme optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-card\"\u003e\n\u003cdiv class=\"vitc-card-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eBeauté de la peau\u003c\/h3\u003e\n\u003cp\u003eFavorise la production naturelle de collagène pour une peau éclatante, des cheveux sains et des ongles renforcés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-card\"\u003e\n\u003cdiv class=\"vitc-card-icon\"\u003e🦴\u003c\/div\u003e\n\u003ch3\u003eStructure corporelle\u003c\/h3\u003e\n\u003cp\u003eContribue à la formation normale du collagène pour os, dents, gencives et cartilages en bonne santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-card\"\u003e\n\u003cdiv class=\"vitc-card-icon\"\u003e🧠\u003c\/div\u003e\n\u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n\u003cp\u003eSoutient le bon fonctionnement du système nerveux et des fonctions psychologiques normales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-card\"\u003e\n\u003cdiv class=\"vitc-card-icon\"\u003e🩸\u003c\/div\u003e\n\u003ch3\u003eAbsorption du fer\u003c\/h3\u003e\n\u003cp\u003eAccroît significativement l'absorption du fer, essentiel pour prévenir l'anémie et maintenir votre énergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"vitc-section\"\u003e\n\u003ch2\u003e🌿 Une composition ultra-propre\u003c\/h2\u003e\n\u003cdiv class=\"vitc-composition-grid\"\u003e\n\u003cdiv class=\"vitc-ingredient-card vitc-main-ingredient\"\u003e\n\u003cdiv class=\"vitc-ingredient-header\"\u003e\n\u003cspan class=\"vitc-ingredient-emoji\"\u003e💊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eVitamine C liposomée\u003c\/h3\u003e\n\u003cspan class=\"vitc-ingredient-dosage\"\u003e1000 mg \/ 2 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"vitc-ingredient-details\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e67,5% d'acide L-ascorbique\u003c\/strong\u003e (forme pure)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e32,5% de lécithine de tournesol\u003c\/strong\u003e (membrane liposomale)\u003c\/li\u003e\n\u003cli\u003eEncapsulation brevetée pour absorption maximale\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-ingredient-card\"\u003e\n\u003cdiv class=\"vitc-ingredient-header\"\u003e\n\u003cspan class=\"vitc-ingredient-emoji\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eGélule végétale\u003c\/h3\u003e\n\u003cspan class=\"vitc-ingredient-note\"\u003eHypromellose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eGélule 100% végétale, issue de cellulose. Convient aux végétariens et végans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- QUALITÉ \u0026 ENGAGEMENTS --\u003e\n\u003csection class=\"vitc-section\"\u003e\n\u003ch2\u003e🏆 Nos engagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"vitc-quality-grid\"\u003e\n\u003cdiv class=\"vitc-quality-card\"\u003e\n\u003cspan class=\"vitc-quality-icon\"\u003e🇫🇷\u003c\/span\u003e \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n\u003cp\u003eConçu et fabriqué en France selon les normes sanitaires les plus strictes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-quality-card\"\u003e\n\u003cspan class=\"vitc-quality-icon\"\u003e🌱\u003c\/span\u003e \u003cstrong\u003e100% vegan\u003c\/strong\u003e\n\u003cp\u003eFormule entièrement d'origine végétale, sans ingrédients animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-quality-card\"\u003e\n\u003cspan class=\"vitc-quality-icon\"\u003e🚫\u003c\/span\u003e \u003cstrong\u003eSans OGM\u003c\/strong\u003e\n\u003cp\u003eAucun organisme génétiquement modifié dans la composition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-quality-card\"\u003e\n\u003cspan class=\"vitc-quality-icon\"\u003e⚗️\u003c\/span\u003e \u003cstrong\u003eSans allergènes\u003c\/strong\u003e\n\u003cp\u003eFormule sans allergènes courants, testée en laboratoire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-quality-card\"\u003e\n\u003cspan class=\"vitc-quality-icon\"\u003e🔬\u003c\/span\u003e \u003cstrong\u003eLaboratoire certifié\u003c\/strong\u003e\n\u003cp\u003eRespect des bonnes pratiques de fabrication (BPF\/GMP)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-quality-card\"\u003e\n\u003cspan class=\"vitc-quality-icon\"\u003e♻️\u003c\/span\u003e \u003cstrong\u003eDémarche responsable\u003c\/strong\u003e\n\u003cp\u003eEmballage optimisé et lécithine de tournesol durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"vitc-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"vitc-usage-container\"\u003e\n\u003cdiv class=\"vitc-usage-step\"\u003e\n\u003cdiv class=\"vitc-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vitc-step-content\"\u003e\n\u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e2 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=\"vitc-usage-step\"\u003e\n\u003cdiv class=\"vitc-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vitc-step-content\"\u003e\n\u003ch3\u003eMoment optimal\u003c\/h3\u003e\n\u003cp\u003eDe préférence lors du \u003cstrong\u003epremier repas de la journée\u003c\/strong\u003e pour une assimilation optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-usage-step\"\u003e\n\u003cdiv class=\"vitc-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vitc-step-content\"\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eCure d'\u003cstrong\u003eun mois\u003c\/strong\u003e par pilulier (60 gélules). Renouveler selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"vitc-section\"\u003e\n\u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"vitc-grid\"\u003e\n\u003cdiv class=\"vitc-profile-card\"\u003e\n\u003cspan class=\"vitc-profile-emoji\"\u003e🤧\u003c\/span\u003e\n\u003ch3\u003eSystème immunitaire fragile\u003c\/h3\u003e\n\u003cp\u003eIdéal si vous êtes souvent fatigué, sensible aux infections ou en période hivernale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-profile-card\"\u003e\n\u003cspan class=\"vitc-profile-emoji\"\u003e😴\u003c\/span\u003e\n\u003ch3\u003eFatigue chronique\u003c\/h3\u003e\n\u003cp\u003eParfait pour retrouver énergie et vitalité au quotidien, combattre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-profile-card\"\u003e\n\u003cspan class=\"vitc-profile-emoji\"\u003e💪\u003c\/span\u003e\n\u003ch3\u003eSportifs \u0026amp; actifs\u003c\/h3\u003e\n\u003cp\u003eSoutien de la récupération musculaire et protection contre les radicaux libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-profile-card\"\u003e\n\u003cspan class=\"vitc-profile-emoji\"\u003e✨\u003c\/span\u003e\n\u003ch3\u003eBeauté de la peau\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui cherchent un éclat naturel et une production optimale de collagène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-profile-card\"\u003e\n\u003cspan class=\"vitc-profile-emoji\"\u003e🌱\u003c\/span\u003e\n\u003ch3\u003eVégans \u0026amp; végétariens\u003c\/h3\u003e\n\u003cp\u003eFormule 100% végétale pour compléter votre alimentation naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-profile-card\"\u003e\n\u003cspan class=\"vitc-profile-emoji\"\u003e🩸\u003c\/span\u003e\n\u003ch3\u003eCarences en fer\u003c\/h3\u003e\n\u003cp\u003eFavorise l'absorption du fer, particulièrement utile en cas d'anémie ou de régime pauvre en fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"vitc-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"vitc-warning-box\"\u003e\n\u003cdiv class=\"vitc-warning-item\"\u003e\n\u003cspan class=\"vitc-warning-icon\"\u003e👶\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEnfants de moins de 12 ans\u003c\/strong\u003e\n\u003cp\u003eCe complément est déconseillé aux enfants de moins de 12 ans en raison de son dosage élevé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\" class=\"vitc-warning-item\"\u003e\n\u003cspan class=\"vitc-warning-icon\"\u003e🤰\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGrossesse \u0026amp; allaitement\u003c\/strong\u003e\n\u003cp\u003eEn cas de grossesse ou d'allaitement, veuillez consulter un professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-warning-item\"\u003e\n\u003cspan class=\"vitc-warning-icon\"\u003e💊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eComplément alimentaire\u003c\/strong\u003e\n\u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respecter la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-warning-item\"\u003e\n\u003cspan class=\"vitc-warning-icon\"\u003e🌡️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eConservation\u003c\/strong\u003e\n\u003cp\u003eÀ conserver dans un endroit sec et frais, à 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\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"vitc-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"vitc-grid vitc-info-grid\"\u003e\n\u003cdiv class=\"vitc-info-card\"\u003e\n\u003cspan class=\"vitc-info-icon\"\u003e💊\u003c\/span\u003e \u003cstrong\u003eContenance\u003c\/strong\u003e\n\u003cp\u003e60 gélules végétales de 595 mg\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-info-card\"\u003e\n\u003cspan class=\"vitc-info-icon\"\u003e⏱️\u003c\/span\u003e \u003cstrong\u003eDurée\u003c\/strong\u003e\n\u003cp\u003e30 jours de cure (1 mois)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-info-card\"\u003e\n\u003cspan class=\"vitc-info-icon\"\u003e🏭\u003c\/span\u003e \u003cstrong\u003eLaboratoire\u003c\/strong\u003e\n\u003cp\u003eLaboratoire Code (France)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vitc-info-card\"\u003e\n\u003cspan class=\"vitc-info-icon\"\u003e🔢\u003c\/span\u003e \u003cstrong\u003eRéférence\u003c\/strong\u003e\n\u003cp\u003eSKU : LC8002\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vitc-section\"\u003e\n\u003cdiv class=\"vitc-cta-box\"\u003e\n\u003cdiv class=\"vitc-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vitc-cta-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eBoostez votre immunité et votre vitalité\u003c\/strong\u003e avec la vitamine C la mieux assimilée du marché. Technologie liposomale brevetée, 1000 mg de haute biodisponibilité, fabrication française. Votre organisme mérite ce qu'il y a de meilleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --vitc-cream: #FAF6F1;\n --vitc-white: #ffffff;\n --vitc-primary: #E85663;\n --vitc-primary-dark: #D43F4D;\n --vitc-primary-light: #FFF5F6;\n --vitc-secondary: #A8D4E8;\n --vitc-secondary-dark: #7BB5D3;\n --vitc-accent: #4CAF50;\n --vitc-accent-light: #E8F5E9;\n --vitc-text: #1a1a1a;\n --vitc-text-light: #5a5a5a;\n --vitc-border: #e0e0e0;\n --vitc-shadow: 0 4px 24px rgba(232, 86, 99, .08);\n --vitc-shadow-lg: 0 12px 48px rgba(232, 86, 99, .15);\n --vitc-radius: 20px;\n --vitc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vitc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vitc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--vitc-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.vitc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vitc-primary) 0%, var(--vitc-primary-dark) 50%, var(--vitc-secondary) 100%);\n border-radius: var(--vitc-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(--vitc-shadow-lg);\n}\n\n.vitc-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 60% 70%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, white 1.5px, transparent 1.5px);\n background-size: 100px 100px, 150px 150px, 80px 80px;\n background-position: 0 0, 50px 50px, 25px 25px;\n}\n\n.vitc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vitc-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.vitc-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(--vitc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vitc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.vitc-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 text-transform: uppercase;\n}\n\n.vitc-subtitle {\n display: block;\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.vitc-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 text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.vitc-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.vitc-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--vitc-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.vitc-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(--vitc-primary), var(--vitc-secondary));\n border-radius: 2px;\n}\n\n.vitc-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 700;\n color: var(--vitc-text);\n margin-bottom: .75rem;\n}\n\n.vitc-premium p {\n color: var(--vitc-text-light);\n font-size: clamp(15px, 2.3vw, 17px);\n line-height: 1.7;\n margin-bottom: 1rem;\n}\n\n.vitc-premium strong {\n color: var(--vitc-text);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.vitc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.vitc-info-grid {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS === *\/\n.vitc-card {\n background: var(--vitc-white);\n border-radius: var(--vitc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vitc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vitc-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vitc-shadow-lg);\n border-color: var(--vitc-primary);\n}\n\n.vitc-card-icon {\n font-size: clamp(38px, 6vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.vitc-card h3 {\n margin-bottom: 1rem;\n}\n\n.vitc-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TECHNOLOGIE BOX === *\/\n.vitc-tech-box {\n background: linear-gradient(135deg, var(--vitc-secondary) 0%, var(--vitc-secondary-dark) 100%);\n border-radius: var(--vitc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--vitc-shadow-lg);\n}\n\n.vitc-tech-content {\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: var(--vitc-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n}\n\n.vitc-tech-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.vitc-tech-content p {\n margin-bottom: 0;\n color: var(--vitc-text);\n}\n\n.vitc-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.vitc-benefit-item {\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: var(--vitc-radius-sm);\n padding: 1.5rem;\n text-align: center;\n transition: all .3s ease;\n}\n\n.vitc-benefit-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(0,0,0,.1);\n}\n\n.vitc-benefit-icon {\n font-size: 36px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.vitc-benefit-item strong {\n display: block;\n font-size: 16px;\n margin-bottom: .5rem;\n color: var(--vitc-text);\n}\n\n.vitc-benefit-item p {\n font-size: 14px;\n margin-bottom: 0;\n color: var(--vitc-text-light);\n}\n\n\/* === DOSAGE BOX === *\/\n.vitc-dosage-box {\n background: linear-gradient(135deg, var(--vitc-primary-light) 0%, var(--vitc-white) 100%);\n border: 3px solid var(--vitc-primary);\n border-radius: var(--vitc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--vitc-shadow-lg);\n}\n\n.vitc-dosage-hero {\n text-align: center;\n padding-bottom: 2rem;\n border-bottom: 2px solid var(--vitc-border);\n margin-bottom: 2rem;\n}\n\n.vitc-mega-number {\n display: block;\n font-size: clamp(56px, 10vw, 80px);\n font-weight: 900;\n color: var(--vitc-primary);\n line-height: 1;\n letter-spacing: -.05em;\n}\n\n.vitc-unit {\n font-size: .6em;\n font-weight: 700;\n margin-left: 4px;\n}\n\n.vitc-dosage-subtitle {\n display: block;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n color: var(--vitc-text);\n margin-top: 1rem;\n}\n\n.vitc-dosage-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 2rem;\n}\n\n.vitc-dosage-stat {\n text-align: center;\n}\n\n.vitc-stat-number {\n display: block;\n font-size: clamp(32px, 6vw, 42px);\n font-weight: 900;\n color: var(--vitc-primary);\n line-height: 1;\n}\n\n.vitc-stat-label {\n display: block;\n font-size: 14px;\n font-weight: 600;\n color: var(--vitc-text-light);\n margin-top: .5rem;\n}\n\n\/* === COMPOSITION === *\/\n.vitc-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.vitc-ingredient-card {\n background: var(--vitc-white);\n border-radius: var(--vitc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vitc-shadow);\n border: 2px solid var(--vitc-border);\n transition: all .3s ease;\n}\n\n.vitc-ingredient-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--vitc-shadow-lg);\n border-color: var(--vitc-primary);\n}\n\n.vitc-main-ingredient {\n border-color: var(--vitc-primary);\n background: linear-gradient(135deg, var(--vitc-white) 0%, var(--vitc-primary-light) 100%);\n}\n\n.vitc-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.vitc-ingredient-emoji {\n font-size: 42px;\n flex-shrink: 0;\n}\n\n.vitc-ingredient-header h3 {\n margin-bottom: .25rem;\n font-size: clamp(18px, 3vw, 21px);\n}\n\n.vitc-ingredient-dosage {\n display: block;\n font-size: 15px;\n font-weight: 700;\n color: var(--vitc-primary);\n}\n\n.vitc-ingredient-note {\n display: block;\n font-size: 14px;\n font-weight: 600;\n color: var(--vitc-text-light);\n}\n\n.vitc-ingredient-details {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.vitc-ingredient-details li {\n padding: .75rem 0;\n border-bottom: 1px solid var(--vitc-border);\n font-size: 15px;\n color: var(--vitc-text-light);\n}\n\n.vitc-ingredient-details li:last-child {\n border-bottom: none;\n}\n\n.vitc-ingredient-card p {\n margin-bottom: 0;\n}\n\n\/* === QUALITÉ === *\/\n.vitc-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.vitc-quality-card {\n background: var(--vitc-white);\n border-radius: var(--vitc-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--vitc-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vitc-quality-card:hover {\n transform: translateY(-4px);\n border-color: var(--vitc-accent);\n box-shadow: var(--vitc-shadow-lg);\n}\n\n.vitc-quality-icon {\n font-size: 42px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.vitc-quality-card strong {\n display: block;\n font-size: 17px;\n margin-bottom: .75rem;\n color: var(--vitc-text);\n}\n\n.vitc-quality-card p {\n font-size: 14px;\n margin-bottom: 0;\n color: var(--vitc-text-light);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.vitc-usage-container {\n background: var(--vitc-white);\n border-radius: var(--vitc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--vitc-shadow);\n}\n\n.vitc-usage-step {\n display: flex;\n gap: 1.5rem;\n padding: 1.5rem 0;\n border-bottom: 2px solid var(--vitc-border);\n align-items: flex-start;\n}\n\n.vitc-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.vitc-usage-step:first-child {\n padding-top: 0;\n}\n\n.vitc-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--vitc-primary), var(--vitc-primary-dark));\n color: white;\n font-size: 22px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(232, 86, 99, .3);\n}\n\n.vitc-step-content h3 {\n margin-bottom: .5rem;\n font-size: clamp(17px, 3vw, 20px);\n}\n\n.vitc-step-content p {\n margin-bottom: 0;\n}\n\n\/* === PROFILS === *\/\n.vitc-profile-card {\n background: var(--vitc-white);\n border-radius: var(--vitc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vitc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vitc-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vitc-shadow-lg);\n border-color: var(--vitc-secondary);\n}\n\n.vitc-profile-emoji {\n font-size: clamp(38px, 6vw, 48px);\n display: block;\n margin-bottom: 1rem;\n}\n\n.vitc-profile-card h3 {\n margin-bottom: 1rem;\n}\n\n.vitc-profile-card p {\n margin-bottom: 0;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.vitc-warning-box {\n background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);\n border: 2px solid #FF9800;\n border-radius: var(--vitc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n}\n\n.vitc-warning-item {\n display: flex;\n gap: 1.5rem;\n padding: 1.5rem;\n background: rgba(255,255,255,.9);\n border-radius: var(--vitc-radius-sm);\n margin-bottom: 1rem;\n align-items: flex-start;\n box-shadow: 0 2px 8px rgba(0,0,0,.05);\n}\n\n.vitc-warning-item:last-child {\n margin-bottom: 0;\n}\n\n.vitc-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.vitc-warning-item strong {\n display: block;\n font-size: 17px;\n margin-bottom: .5rem;\n color: var(--vitc-text);\n}\n\n.vitc-warning-item p {\n margin-bottom: 0;\n font-size: 15px;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.vitc-info-card {\n background: var(--vitc-white);\n border-radius: var(--vitc-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--vitc-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vitc-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--vitc-secondary);\n box-shadow: var(--vitc-shadow-lg);\n}\n\n.vitc-info-icon {\n font-size: 36px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.vitc-info-card strong {\n display: block;\n font-size: 16px;\n margin-bottom: .5rem;\n color: var(--vitc-text);\n}\n\n.vitc-info-card p {\n font-size: 14px;\n margin-bottom: 0;\n color: var(--vitc-text-light);\n}\n\n\/* === CTA FINAL === *\/\n.vitc-cta-box {\n background: linear-gradient(135deg, var(--vitc-primary) 0%, var(--vitc-primary-dark) 100%);\n border-radius: var(--vitc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--vitc-shadow-lg);\n}\n\n.vitc-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n linear-gradient(45deg, white 25%, transparent 25%),\n linear-gradient(-45deg, white 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, white 75%),\n linear-gradient(-45deg, transparent 75%, white 75%);\n background-size: 40px 40px;\n background-position: 0 0, 0 20px, 20px -20px, -20px 0px;\n}\n\n.vitc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.vitc-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin-bottom: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .vitc-grid,\n .vitc-composition-grid,\n .vitc-quality-grid {\n grid-template-columns: 1fr;\n }\n\n .vitc-tech-content {\n flex-direction: column;\n text-align: center;\n }\n\n .vitc-usage-step {\n flex-direction: column;\n text-align: center;\n }\n\n .vitc-step-number {\n margin: 0 auto;\n }\n\n .vitc-warning-item {\n flex-direction: column;\n text-align: center;\n }\n\n .vitc-ingredient-header {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vitc-card,\n .vitc-profile-card,\n .vitc-quality-card,\n .vitc-info-card,\n .vitc-ingredient-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .vitc-card:nth-child(1),\n .vitc-profile-card:nth-child(1),\n .vitc-quality-card:nth-child(1),\n .vitc-ingredient-card:nth-child(1) { animation-delay: .1s; }\n \n .vitc-card:nth-child(2),\n .vitc-profile-card:nth-child(2),\n .vitc-quality-card:nth-child(2),\n .vitc-ingredient-card:nth-child(2) { animation-delay: .2s; }\n \n .vitc-card:nth-child(3),\n .vitc-profile-card:nth-child(3),\n .vitc-quality-card:nth-child(3) { animation-delay: .3s; }\n \n .vitc-card:nth-child(4),\n .vitc-profile-card:nth-child(4),\n .vitc-quality-card:nth-child(4) { animation-delay: .4s; }\n \n .vitc-card:nth-child(5),\n .vitc-profile-card:nth-child(5),\n .vitc-quality-card:nth-child(5) { animation-delay: .5s; }\n \n .vitc-card:nth-child(6),\n .vitc-profile-card:nth-child(6),\n .vitc-quality-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .vitc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .vitc-premium {\n --vitc-shadow: 0 4px 24px rgba(0,0,0,.2);\n --vitc-shadow-lg: 0 12px 48px rgba(0,0,0,.3);\n }\n\n .vitc-card,\n .vitc-profile-card,\n .vitc-quality-card,\n .vitc-info-card {\n border: 2px solid var(--vitc-border);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .vitc-premium {\n background: white;\n padding: 1rem;\n }\n\n .vitc-card,\n .vitc-profile-card,\n .vitc-quality-card {\n box-shadow: none;\n border: 1px solid #ccc;\n break-inside: avoid;\n }\n\n .vitc-hero {\n background: white;\n color: black;\n border: 2px solid #ccc;\n }\n\n .vitc-hero-title,\n .vitc-subtitle,\n .vitc-description {\n color: black;\n text-shadow: none;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55120713843065,"sku":"LC8002","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-60-gelules-laboratoire-code-packshothd.webp?v=1785949905"},{"product_id":"b12form-vitamine-b12-75µg-bio-60-comprimes-inolab","title":"Inolab B12form : Vitamine B12 vegan bio issue du shiitake - 60 caps.","description":"\u003cdiv class=\"b12-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"b12-hero\"\u003e\n \u003cdiv class=\"b12-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"b12-hero-content\"\u003e\n \u003cdiv class=\"b12-badges-top\"\u003e\n \u003cspan class=\"b12-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"b12-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n \u003cspan class=\"b12-badge\"\u003e🍄 Extrait de Shiitake\u003c\/span\u003e\n \u003cspan class=\"b12-badge\"\u003e💊 60 gélules — Programme 60 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"b12-hero-title\"\u003eInolab B12form — Vitamine B12 vegan bio\u003c\/span\u003e\n \u003cp class=\"b12-subtitle\"\u003e75 µg de vitamine B12 naturelle par gélule, issue du shiitake biologique\u003c\/p\u003e\n \u003cp class=\"b12-description\"\u003eTrois formes actives — hydroxocobalamine, méthylcobalamine et adénosylcobalamine — pour une assimilation optimale, sans cyanocobalamine synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eVitamine B12 bio et vegan : le meilleur du shiitake dans chaque gélule\u003c\/h2\u003e\n \u003cp class=\"b12-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure vitamine B12 vegan\u003c\/strong\u003e d'origine naturelle ? \u003cstrong\u003eB12form d'Inolab\u003c\/strong\u003e vous apporte \u003cstrong\u003e75 µg de vitamine B12 bio\u003c\/strong\u003e par gélule, extraite exclusivement du \u003cstrong\u003eshiitake certifié Agriculture Biologique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"b12-grid-compact\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🍄 Shiitake bio\u003c\/h3\u003e\n \u003cp\u003eExtraction naturelle à partir du champignon Lentinula edodes, cultivé en agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🔬 3 formes actives\u003c\/h3\u003e\n \u003cp\u003eHydroxocobalamine, méthylcobalamine et adénosylcobalamine réunies dans une seule gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🚫 Zéro synthétique\u003c\/h3\u003e\n \u003cp\u003eAucune cyanocobalamine : uniquement des formes que votre corps reconnaît et utilise directement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e⚡ 3 000 % VNR\u003c\/h3\u003e\n \u003cp\u003e75 µg par gélule pour combler efficacement les déficits, même importants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003ePourquoi cette vitamine B12 naturelle bio est différente\u003c\/h2\u003e\n \u003cp class=\"b12-section-intro\"\u003eLa plupart des compléments de \u003cstrong\u003evitamine B12 vegan en pharmacie\u003c\/strong\u003e utilisent de la cyanocobalamine, une forme synthétique que l'organisme doit convertir avant de pouvoir l'exploiter. B12form prend le contre-pied de cette approche.\u003c\/p\u003e\n \u003cdiv class=\"b12-comparison\"\u003e\n \u003cdiv class=\"b12-comparison-col b12-comparison-bad\"\u003e\n \u003ch3\u003e❌ B12 classique (synthétique)\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eCyanocobalamine produite en laboratoire\u003c\/li\u003e\n \u003cli\u003eConversion nécessaire par l'organisme\u003c\/li\u003e\n \u003cli\u003eAucun co-facteur naturel\u003c\/li\u003e\n \u003cli\u003eBiodisponibilité limitée\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-comparison-col b12-comparison-good\"\u003e\n \u003ch3\u003e✅ B12form (naturelle bio)\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eExtraite du shiitake biologique\u003c\/li\u003e\n \u003cli\u003eAssimilation directe sans conversion\u003c\/li\u003e\n \u003cli\u003eCo-facteurs enzymatiques conservés\u003c\/li\u003e\n \u003cli\u003eSynergie des 3 formes actives\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-tip\"\u003e\n \u003cspan class=\"b12-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est cette synergie entre les trois formes actives et les co-facteurs du shiitake qui fait de B12form l'un des \u003cstrong\u003emeilleurs compléments de vitamine B12 bio\u003c\/strong\u003e disponibles aujourd'hui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de la vitamine B12 au quotidien\u003c\/h2\u003e\n \u003cp class=\"b12-section-intro\"\u003eLa \u003cstrong\u003evitamine B12\u003c\/strong\u003e est essentielle à de nombreuses fonctions vitales. Avec une prise quotidienne de B12form, vous contribuez à :\u003c\/p\u003e\n \u003cdiv class=\"b12-grid\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e⚡ Réduire la fatigue\u003c\/h3\u003e\n \u003cp\u003eLa B12 soutient votre métabolisme énergétique, vous aidant à retrouver du dynamisme au fil des jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🧠 Protéger votre système nerveux\u003c\/h3\u003e\n \u003cp\u003eElle participe au maintien de fonctions neurologiques normales et soutient l'équilibre psychologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🩸 Former les globules rouges\u003c\/h3\u003e\n \u003cp\u003eIndispensables au transport de l'oxygène, ils jouent un rôle clé dans votre vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🛡️ Renforcer vos défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B12 contribue au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n \u003cdiv class=\"b12-composition-box\"\u003e\n \u003cdiv class=\"b12-compo-header\"\u003e\n \u003ch3\u003e🍄 Ingrédients pour 1 gélule (dose journalière recommandée)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-compo-body\"\u003e\n \u003cdiv class=\"b12-compo-row\"\u003e\n \u003cspan class=\"b12-compo-label\"\u003ePoudre de shiitake biologique (\u003cem\u003eLentinula edodes\u003c\/em\u003e)\u003c\/span\u003e\n \u003cspan class=\"b12-compo-value\"\u003e\u003cstrong\u003e75 µg de vitamine B12\u003c\/strong\u003e\u003cbr\u003e\u003csmall\u003e3 000 % des VNR*\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-compo-row\"\u003e\n \u003cspan class=\"b12-compo-label\"\u003eEnveloppe de la gélule\u003c\/span\u003e\n \u003cspan class=\"b12-compo-value\"\u003eHypromellose (gélule végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"b12-compo-footnote\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"b12-timeline\"\u003e\n \u003cdiv class=\"b12-timeline-item\"\u003e\n \u003cdiv class=\"b12-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"b12-timeline-content\"\u003e\n \u003ch3\u003ePrenez 1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau, de préférence au cours d'un repas pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-timeline-item\"\u003e\n \u003cdiv class=\"b12-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"b12-timeline-content\"\u003e\n \u003ch3\u003eProgramme complet de 60 jours\u003c\/h3\u003e\n \u003cp\u003eLe sachet contient 60 gélules, soit un programme de deux mois. Maintenez la cure sur la durée pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"b12-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e42 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-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 \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse B12form ?\u003c\/h2\u003e\n \u003cdiv class=\"b12-grid\"\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e🌱 Végétaliens \u0026amp; végétariens\u003c\/h3\u003e\n \u003cp\u003eL'alimentation végétale ne fournit pas suffisamment de B12. Ce complément comble ce déficit de manière naturelle et certifiée bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e👴 Personnes de plus de 50 ans\u003c\/h3\u003e\n \u003cp\u003eL'absorption naturelle de la B12 diminue avec l'âge. B12form compense cette baisse grâce à ses formes hautement biodisponibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eToute personne ressentant une fatigue liée à un déficit en B12 bénéficiera d'une supplémentation adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"b12-tip\"\u003e\n \u003cspan class=\"b12-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCertifié \u003cstrong\u003e100 % vegan\u003c\/strong\u003e et labellisé \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e, B12form ne contient aucun additif artificiel, aucun excipient controversé et aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"b12-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"b12-accordion\"\u003e\n \u003cdetails class=\"b12-accordion-item\" open\u003e\n \u003csummary class=\"b12-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"b12-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. Respectez la dose journalière conseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"b12-accordion-item\"\u003e\n \u003csummary class=\"b12-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"b12-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à 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 \u003cdetails class=\"b12-accordion-item\"\u003e\n \u003csummary class=\"b12-accordion-header\"\u003e🤰 Grossesse et traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"b12-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant toute 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=\"b12-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"b12-cta-box\"\u003e\n \u003cp\u003e🍄 Offrez à votre corps une \u003cstrong\u003evitamine B12 bio et naturelle\u003c\/strong\u003e, extraite du shiitake — sans compromis sur la qualité, l'éthique et l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"b12-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 --b12-cream: #f5f7f2;\n --b12-white: #ffffff;\n --b12-primary: #4a8c3f;\n --b12-primary-dark: #2d5a25;\n --b12-primary-light: #e8f2e5;\n --b12-secondary: #6db85a;\n --b12-accent: #8bc34a;\n --b12-text: #1a1a1a;\n --b12-text-light: #5a5a5a;\n --b12-border: #dde6d9;\n --b12-shadow: 0 4px 24px rgba(45,90,37,.08);\n --b12-shadow-lg: 0 12px 48px rgba(45,90,37,.15);\n --b12-radius: 20px;\n --b12-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.b12-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--b12-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.b12-premium *, .b12-premium *::before, .b12-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.b12-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a25 0%, #4a8c3f 45%, #6db85a 100%);\n border-radius: var(--b12-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(--b12-shadow-lg);\n}\n\n.b12-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(139,195,74,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.b12-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.b12-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.b12-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,.12);\n}\n\n.b12-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.b12-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.b12-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(--b12-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.b12-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.b12-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.b12-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--b12-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.b12-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(--b12-primary), var(--b12-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.b12-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--b12-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.b12-section-intro strong {\n color: var(--b12-text);\n}\n\n\/* === CARDS === *\/\n.b12-card {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--b12-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.b12-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--b12-shadow-lg);\n border-color: var(--b12-primary);\n}\n\n.b12-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--b12-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.b12-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--b12-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.b12-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.b12-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.b12-grid-compact .b12-card {\n padding: 1rem;\n}\n\n.b12-grid-compact .b12-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.b12-grid-compact .b12-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.b12-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.b12-comparison-col {\n border-radius: var(--b12-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--b12-shadow);\n}\n\n.b12-comparison-col h3 {\n font-size: clamp(14px, 2.2vw, 17px);\n font-weight: 800;\n margin: 0 0 .75rem 0;\n}\n\n.b12-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.b12-comparison-col ul li {\n font-size: clamp(13px, 2vw, 15px);\n padding: .4rem 0;\n line-height: 1.5;\n}\n\n.b12-comparison-bad {\n background: #fef3f2;\n border: 2px solid #fecaca;\n}\n\n.b12-comparison-bad h3 {\n color: #b91c1c;\n}\n\n.b12-comparison-bad ul li {\n color: #7f1d1d;\n}\n\n.b12-comparison-bad ul li::before {\n content: '• ';\n color: #dc2626;\n font-weight: 700;\n}\n\n.b12-comparison-good {\n background: var(--b12-primary-light);\n border: 2px solid var(--b12-primary);\n}\n\n.b12-comparison-good h3 {\n color: var(--b12-primary-dark);\n}\n\n.b12-comparison-good ul li {\n color: var(--b12-primary-dark);\n}\n\n.b12-comparison-good ul li::before {\n content: '• ';\n color: var(--b12-primary);\n font-weight: 700;\n}\n\n\/* === COMPOSITION BOX === *\/\n.b12-composition-box {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n box-shadow: var(--b12-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.b12-compo-header {\n background: linear-gradient(135deg, var(--b12-primary), var(--b12-secondary));\n padding: 1rem 1.5rem;\n}\n\n.b12-compo-header h3 {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n font-weight: 700;\n margin: 0;\n}\n\n.b12-compo-body {\n padding: 0;\n}\n\n.b12-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--b12-border);\n gap: 1rem;\n}\n\n.b12-compo-row:last-child {\n border-bottom: none;\n}\n\n.b12-compo-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--b12-text);\n flex: 1;\n}\n\n.b12-compo-value {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--b12-primary-dark);\n font-weight: 700;\n text-align: right;\n flex-shrink: 0;\n}\n\n.b12-compo-value small {\n font-weight: 500;\n color: var(--b12-text-light);\n font-size: 12px;\n}\n\n.b12-compo-footnote {\n padding: .75rem 1.5rem;\n font-size: 12px;\n color: var(--b12-text-light);\n font-style: italic;\n margin: 0;\n background: var(--b12-primary-light);\n}\n\n\/* === TIMELINE === *\/\n.b12-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.b12-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.b12-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--b12-primary), var(--b12-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.b12-timeline-content {\n flex: 1;\n background: var(--b12-white);\n padding: 1rem 1.25rem;\n border-radius: var(--b12-radius-sm);\n box-shadow: var(--b12-shadow);\n}\n\n.b12-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--b12-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.b12-timeline-content p {\n font-size: 14px;\n color: var(--b12-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.b12-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--b12-primary-light);\n border-radius: var(--b12-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.b12-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.b12-tip p {\n font-size: 14px;\n color: var(--b12-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.b12-tip p strong {\n color: var(--b12-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.b12-testimonial {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--b12-shadow);\n border-left: 4px solid var(--b12-primary);\n}\n\n.b12-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--b12-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.b12-accordion {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n box-shadow: var(--b12-shadow);\n overflow: hidden;\n}\n\n.b12-accordion-item {\n border-bottom: 1px solid var(--b12-border);\n margin: 0;\n padding: 0;\n}\n\n.b12-accordion-item:last-child {\n border-bottom: none;\n}\n\n.b12-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--b12-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.b12-accordion-header:hover {\n background: var(--b12-primary-light);\n}\n\n.b12-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.b12-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--b12-primary);\n transition: transform .2s ease;\n}\n\n.b12-accordion-item[open] .b12-accordion-header::after {\n content: '−';\n}\n\n.b12-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--b12-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.b12-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.b12-cta-box {\n background: linear-gradient(135deg, var(--b12-primary) 0%, var(--b12-primary-dark) 100%);\n border-radius: var(--b12-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.b12-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(139,195,74,.2) 0%, transparent 60%);\n}\n\n.b12-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.b12-disclaimer {\n font-size: 12px;\n color: var(--b12-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .b12-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .b12-card {\n padding: 1.125rem;\n }\n\n .b12-section {\n margin-bottom: 1.75rem;\n }\n\n .b12-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--b12-radius-sm);\n }\n\n .b12-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .b12-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .b12-grid-compact {\n gap: .625rem;\n }\n\n .b12-grid-compact .b12-card {\n padding: .75rem;\n }\n\n .b12-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .b12-comparison-col {\n padding: 1rem;\n }\n\n .b12-comparison-col h3 {\n font-size: 14px;\n }\n\n .b12-comparison-col ul li {\n font-size: 13px;\n }\n\n .b12-compo-row {\n flex-direction: column;\n gap: .35rem;\n padding: .875rem 1rem;\n }\n\n .b12-compo-value {\n text-align: left;\n }\n\n .b12-compo-header {\n padding: .875rem 1rem;\n }\n\n .b12-compo-footnote {\n padding: .625rem 1rem;\n }\n\n .b12-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .b12-timeline-content {\n padding: .875rem 1rem;\n }\n\n .b12-timeline-content h3 {\n font-size: 14px;\n }\n\n .b12-timeline-content p {\n font-size: 13px;\n }\n\n .b12-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .b12-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .b12-testimonial {\n padding: 1.25rem;\n }\n\n .b12-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .b12-card {\n animation: b12FadeInUp .5s ease backwards;\n }\n .b12-card:nth-child(1) { animation-delay: .05s; }\n .b12-card:nth-child(2) { animation-delay: .1s; }\n .b12-card:nth-child(3) { animation-delay: .15s; }\n .b12-card:nth-child(4) { animation-delay: .2s; }\n .b12-card:nth-child(5) { animation-delay: .25s; }\n .b12-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes b12FadeInUp {\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 .b12-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":55144534966649,"sku":"53015005","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/inolab-b12form-vitamine-b12-vegan-bio-issue-du-shiitake-60-c-packshothd.webp?v=1773076203"},{"product_id":"vitamines-b12-5000-µg-30-comprimes-sfb-laboratoires","title":"Vitamines B12 5000 µg - 30 comprimés - SFB Laboratoires","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine B12 5000 µg - SFB Laboratoires\nPalette détectée:\n - Primaire: #3B5073 (bleu marine du packaging principal)\n - Secondaire: #2D8B6B (vert SFB Laboratoires)\n - Accent: #5A7BA3 (bleu intermédiaire pour gradients)\nAmbiance: Scientifique\/médical, professionnel, nutraceutique premium, packaging blanc épuré avec aplat bleu dominant, aspect clinique et fiable\nPréfixe CSS: b12\n--\u003e\n\u003cdiv class=\"b12-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"b12-hero\"\u003e\n\u003cdiv class=\"b12-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"b12-hero-content\"\u003e\n\u003cdiv class=\"b12-badges-top\"\u003e\n\u003cspan class=\"b12-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"b12-badge\"\u003e⚡ Dosage élevé\u003c\/span\u003e \u003cspan class=\"b12-badge\"\u003e🌱 Végétarien\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"b12-hero-title\"\u003eVitamine B12 5000 µg\u003c\/span\u003e\n\u003cp class=\"b12-subtitle\"\u003e\u003cspan style=\"color: rgb(251, 246, 246);\"\u003eForme active méthylcobalamine hautement biodisponible\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"b12-description\"\u003e\u003cspan style=\"color: rgb(251, 246, 246);\"\u003eUn complément nutraceutique d'exception pour soutenir votre système nerveux, votre production sanguine et votre vitalité quotidienne. Formule sublingual à absorption optimale.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POINTS FORTS --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003ch2\u003ePourquoi choisir notre vitamine B12\u003c\/h2\u003e\n\u003cdiv class=\"b12-grid\"\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eDosage élevé\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003e5000 µg par comprimé\u003c\/p\u003e\n\u003cp\u003eUn dosage puissant pour combler rapidement les carences et répondre aux besoins accrus de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3\u003eForme bioactive\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003eMéthylcobalamine\u003c\/p\u003e\n\u003cp\u003eLa forme naturellement présente dans l'organisme, directement assimilable sans conversion enzymatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e👅\u003c\/div\u003e\n\u003ch3\u003eAbsorption sublinguale\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003eBiodisponibilité optimale\u003c\/p\u003e\n\u003cp\u003ePassage direct dans la circulation sanguine pour une efficacité maximale et une assimilation rapide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e🍒\u003c\/div\u003e\n\u003ch3\u003eArôme naturel cerise\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003eGoût agréable\u003c\/p\u003e\n\u003cp\u003eUne prise facile et plaisante qui rend votre cure quotidienne plus agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eSans gluten, sans OGM\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003eFormule pure\u003c\/p\u003e\n\u003cp\u003eConvient aux végétariens et aux personnes sensibles, pour un complément respectueux de tous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e🏭\u003c\/div\u003e\n\u003ch3\u003eQualité SFB Laboratoires\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003eFabrication française\u003c\/p\u003e\n\u003cp\u003eDes standards de production élevés et un contrôle qualité rigoureux à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS DÉTAILLÉS --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003ch2\u003eLes bienfaits pour votre santé\u003c\/h2\u003e\n\u003cdiv class=\"b12-benefits-grid\"\u003e\n\u003cdiv class=\"b12-benefit-card b12-nervous\"\u003e\n\u003cdiv class=\"b12-benefit-icon\"\u003e🧠\u003c\/div\u003e\n\u003ch3\u003eSystème nerveux \u0026amp; cognition\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B12 joue un rôle fondamental dans la formation de la myéline, gaine protectrice des nerfs, et participe activement à la transmission nerveuse. Elle soutient les fonctions cognitives, la concentration et la mémoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-benefit-card b12-blood\"\u003e\n\u003cdiv class=\"b12-benefit-icon\"\u003e🩸\u003c\/div\u003e\n\u003ch3\u003eProduction de globules rouges\u003c\/h3\u003e\n\u003cp\u003eEssentielle à la synthèse de l'ADN et à la formation des cellules sanguines, la B12 contribue à maintenir une circulation sanguine optimale et à prévenir l'anémie mégaloblastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-benefit-card b12-energy\"\u003e\n\u003cdiv class=\"b12-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eÉnergie \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eElle participe au métabolisme des glucides, lipides et protéines pour libérer l'énergie dont vos cellules ont besoin. La B12 aide à réduire la fatigue et à maintenir votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-benefit-card b12-immune\"\u003e\n\u003cdiv class=\"b12-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eDéfenses immunitaires\u003c\/h3\u003e\n\u003cp\u003eEn favorisant le bon fonctionnement cellulaire et la division cellulaire, la vitamine B12 participe indirectement au renforcement de vos défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003ch2\u003eComposition par comprimé\u003c\/h2\u003e\n\u003cdiv class=\"b12-composition\"\u003e\n\u003cdiv class=\"b12-ingredient-main\"\u003e\n\u003cdiv class=\"b12-ingredient-header\"\u003e\n\u003cdiv class=\"b12-ingredient-icon\"\u003e💎\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eVitamine B12 (méthylcobalamine)\u003c\/h3\u003e\n\u003cp class=\"b12-dosage\"\u003e5000 µg\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"b12-ingredient-desc\"\u003eForme bioactive directement utilisable par l'organisme, sans conversion nécessaire. La méthylcobalamine présente une excellente biodisponibilité et une action prolongée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-excipients\"\u003e\n\u003ch3\u003eAutres ingrédients\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-agglomérants :\u003c\/strong\u003e stéarate de magnésium\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAgents de charge :\u003c\/strong\u003e sorbitol, mannitol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArôme :\u003c\/strong\u003e arôme naturel de cerise\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"b12-usage\"\u003e\n\u003cdiv class=\"b12-step\"\u003e\n\u003cdiv class=\"b12-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"b12-step-content\"\u003e\n\u003ch3\u003ePrise sublinguale\u003c\/h3\u003e\n\u003cp\u003ePlacez 1 comprimé sous la langue et laissez-le fondre complètement. Cette méthode permet une absorption directe dans la circulation sanguine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-step\"\u003e\n\u003cdiv class=\"b12-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"b12-step-content\"\u003e\n\u003ch3\u003eCure initiale (facultatif)\u003c\/h3\u003e\n\u003cp\u003ePremière semaine : 1 comprimé par jour pour une charge rapide en cas de carence avérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-step\"\u003e\n\u003cdiv class=\"b12-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"b12-step-content\"\u003e\n\u003ch3\u003eEntretien\u003c\/h3\u003e\n\u003cp\u003ePuis 1 comprimé par semaine pour maintenir des taux optimaux de vitamine B12 dans l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-timing\"\u003e\n\u003cdiv class=\"b12-timing-icon\"\u003e⏰\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eQuand prendre votre B12\u003c\/h3\u003e\n\u003cp\u003eDe préférence le matin à jeun pour une absorption optimale, ou selon les recommandations de votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003ch2\u003ePour qui ce complément\u003c\/h2\u003e\n\u003cdiv class=\"b12-grid\"\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e🥗\u003c\/div\u003e\n\u003ch3\u003eVégétariens \u0026amp; végétaliens\u003c\/h3\u003e\n\u003cp\u003eLa B12 est quasi-absente des aliments végétaux. Une supplémentation est indispensable pour éviter les carences.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e👵\u003c\/div\u003e\n\u003ch3\u003eSeniors\u003c\/h3\u003e\n\u003cp\u003eAvec l'âge, l'absorption de la B12 diminue. Un apport complémentaire aide à maintenir les fonctions cognitives et la vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eTroubles de l'absorption\u003c\/h3\u003e\n\u003cp\u003ePersonnes souffrant de troubles digestifs (maladie de Crohn, gastrite atrophique) ou sous IPP\/metformine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e😴\u003c\/div\u003e\n\u003ch3\u003eFatigue chronique\u003c\/h3\u003e\n\u003cp\u003eEn cas de fatigue persistante, baisse de concentration ou manque d'énergie pouvant indiquer une carence en B12.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e🏃\u003c\/div\u003e\n\u003ch3\u003eSportifs\u003c\/h3\u003e\n\u003cp\u003eBesoins accrus en vitamines du groupe B pour le métabolisme énergétique et la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e🤰\u003c\/div\u003e\n\u003ch3\u003eFemmes enceintes\u003c\/h3\u003e\n\u003cp\u003eBesoins augmentés pendant la grossesse et l'allaitement. Consultez votre professionnel de santé pour l'adaptation du dosage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003cdiv class=\"b12-warning-box\"\u003e\n\u003cdiv class=\"b12-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv class=\"b12-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eConserver au sec, à l'abri de la lumière et de la chaleur\u003c\/li\u003e\n\u003cli\u003eFemmes enceintes, allaitantes ou personnes sous traitement médical : consultez un professionnel de santé avant utilisation\u003c\/li\u003e\n\u003cli\u003eEn cas de doute sur votre statut en vitamine B12, faites pratiquer un dosage sanguin\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"b12-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"b12-cta-box\"\u003e\n\u003cdiv class=\"b12-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"b12-cta-content\"\u003e\n\u003cp\u003eLa vitamine B12 5000 µg de SFB Laboratoires est votre allié santé pour maintenir un système nerveux performant, une production sanguine optimale et une énergie durable au quotidien. Avec sa forme méthylcobalamine hautement biodisponible et son dosage adapté, elle répond efficacement aux besoins des personnes carencées, des végétariens et de tous ceux qui souhaitent préserver leur vitalité et leurs fonctions cognitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --b12-cream: #f8f9fb;\n --b12-white: #ffffff;\n --b12-primary: #3B5073;\n --b12-primary-dark: #2a3b52;\n --b12-primary-light: #e8ecf2;\n --b12-secondary: #2D8B6B;\n --b12-accent: #5A7BA3;\n\n \/* Textes *\/\n --b12-text: #1a1a1a;\n --b12-text-light: #5a5a5a;\n\n \/* Effets *\/\n --b12-border: #e0e4ea;\n --b12-shadow: 0 4px 24px rgba(59, 80, 115, 0.08);\n --b12-shadow-lg: 0 12px 48px rgba(59, 80, 115, 0.15);\n --b12-radius: 20px;\n --b12-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.b12-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--b12-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--b12-text);\n line-height: 1.6;\n}\n\n\/* === HERO SECTION === *\/\n.b12-hero {\n position: relative;\n background: linear-gradient(135deg, var(--b12-primary) 0%, var(--b12-accent) 50%, var(--b12-secondary) 100%);\n border-radius: var(--b12-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(--b12-shadow-lg);\n}\n\n.b12-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n}\n\n.b12-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.b12-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.b12-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--b12-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.b12-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n.b12-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.b12-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: -0.01em;\n}\n\n.b12-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.b12-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.b12-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--b12-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.b12-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(--b12-primary), var(--b12-secondary));\n border-radius: 2px;\n}\n\n.b12-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 700;\n color: var(--b12-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.b12-premium p {\n color: var(--b12-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin-bottom: 0.75rem;\n}\n\n\/* === GRILLES === *\/\n.b12-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.b12-card {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--b12-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.b12-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--b12-shadow-lg);\n border-color: var(--b12-primary);\n}\n\n.b12-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: grayscale(0.2);\n}\n\n.b12-highlight {\n color: var(--b12-primary);\n font-weight: 800;\n font-size: clamp(16px, 2.5vw, 20px);\n margin-bottom: 0.5rem;\n}\n\n\/* === BIENFAITS === *\/\n.b12-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.b12-benefit-card {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--b12-shadow);\n border-left: 5px solid var(--b12-primary);\n transition: all 0.3s ease;\n}\n\n.b12-benefit-card:hover {\n transform: translateX(5px);\n box-shadow: var(--b12-shadow-lg);\n}\n\n.b12-benefit-card.b12-nervous {\n border-left-color: var(--b12-primary);\n}\n\n.b12-benefit-card.b12-blood {\n border-left-color: #c74343;\n}\n\n.b12-benefit-card.b12-energy {\n border-left-color: #f5a623;\n}\n\n.b12-benefit-card.b12-immune {\n border-left-color: var(--b12-secondary);\n}\n\n.b12-benefit-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n}\n\n\/* === COMPOSITION === *\/\n.b12-composition {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--b12-shadow);\n}\n\n.b12-ingredient-main {\n background: linear-gradient(135deg, var(--b12-primary-light) 0%, rgba(90, 123, 163, 0.1) 100%);\n border-radius: var(--b12-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n border: 2px solid var(--b12-primary);\n}\n\n.b12-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.b12-ingredient-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.b12-dosage {\n color: var(--b12-primary);\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n margin: 0;\n}\n\n.b12-ingredient-desc {\n color: var(--b12-text);\n font-size: 15px;\n line-height: 1.7;\n}\n\n.b12-excipients h3 {\n margin-bottom: 1rem;\n}\n\n.b12-excipients ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.b12-excipients li {\n padding: 0.75rem 0;\n border-bottom: 1px solid var(--b12-border);\n color: var(--b12-text-light);\n font-size: 15px;\n}\n\n.b12-excipients li:last-child {\n border-bottom: none;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.b12-usage {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--b12-shadow);\n margin-bottom: 2rem;\n}\n\n.b12-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n margin-bottom: 2rem;\n}\n\n.b12-step:last-child {\n margin-bottom: 0;\n}\n\n.b12-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--b12-primary), var(--b12-accent));\n color: white;\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(59, 80, 115, 0.3);\n}\n\n.b12-step-content h3 {\n margin-bottom: 0.5rem;\n}\n\n.b12-step-content p {\n margin: 0;\n}\n\n.b12-timing {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--b12-primary-light);\n border-radius: var(--b12-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--b12-secondary);\n}\n\n.b12-timing-icon {\n font-size: 42px;\n flex-shrink: 0;\n}\n\n.b12-timing h3 {\n margin-bottom: 0.5rem;\n}\n\n.b12-timing p {\n margin: 0;\n color: var(--b12-text);\n}\n\n\/* === POUR QUI === *\/\n.b12-profile-card {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--b12-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.b12-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--b12-shadow-lg);\n border-color: var(--b12-secondary);\n}\n\n.b12-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.b12-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #fff3e0 0%, #ffe8cc 100%);\n border-radius: var(--b12-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid #f5a623;\n box-shadow: var(--b12-shadow);\n}\n\n.b12-warning-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.b12-warning-content h3 {\n color: #d68910;\n margin-bottom: 1rem;\n}\n\n.b12-warning-content ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.b12-warning-content li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.75rem;\n color: var(--b12-text);\n font-size: 15px;\n line-height: 1.6;\n}\n\n.b12-warning-content li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: #f5a623;\n font-weight: 900;\n font-size: 20px;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.b12-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.b12-info-card {\n background: var(--b12-white);\n border-radius: var(--b12-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--b12-shadow);\n text-align: center;\n border: 2px solid var(--b12-border);\n transition: all 0.3s ease;\n}\n\n.b12-info-card:hover {\n border-color: var(--b12-primary);\n transform: translateY(-4px);\n}\n\n.b12-info-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n}\n\n.b12-info-card h3 {\n margin-bottom: 0.5rem;\n font-size: 18px;\n}\n\n.b12-info-card \u003e p:first-of-type {\n color: var(--b12-primary);\n font-weight: 800;\n font-size: clamp(18px, 3vw, 22px);\n margin-bottom: 0.25rem;\n}\n\n.b12-info-detail {\n color: var(--b12-text-light);\n font-size: 14px;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.b12-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--b12-primary) 0%, var(--b12-primary-dark) 100%);\n border-radius: var(--b12-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n overflow: hidden;\n box-shadow: var(--b12-shadow-lg);\n}\n\n.b12-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: radial-gradient(circle, rgba(255,255,255,.5) 1px, transparent 1px);\n background-size: 24px 24px;\n}\n\n.b12-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.b12-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .b12-grid,\n .b12-benefits-grid,\n .b12-info-grid {\n grid-template-columns: 1fr;\n }\n\n .b12-ingredient-header {\n flex-direction: column;\n text-align: center;\n }\n\n .b12-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .b12-timing {\n flex-direction: column;\n text-align: center;\n }\n\n .b12-step {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .b12-card,\n .b12-benefit-card,\n .b12-profile-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .b12-card:nth-child(1),\n .b12-benefit-card:nth-child(1),\n .b12-profile-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .b12-card:nth-child(2),\n .b12-benefit-card:nth-child(2),\n .b12-profile-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .b12-card:nth-child(3),\n .b12-benefit-card:nth-child(3),\n .b12-profile-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .b12-card:nth-child(4),\n .b12-benefit-card:nth-child(4),\n .b12-profile-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .b12-card:nth-child(5),\n .b12-profile-card:nth-child(5) {\n animation-delay: 0.5s;\n }\n\n .b12-card:nth-child(6),\n .b12-profile-card:nth-child(6) {\n animation-delay: 0.6s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .b12-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .b12-premium {\n --b12-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n --b12-shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.4);\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55144641790329,"sku":"SF0100","price":24.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamines-b12-5000-mcg-30-comprimes-sfb-laboratoires_11zon.jpg?v=1758989678"},{"product_id":"vitamine-c-liposomale-30-gelules-sfb-laboratoires","title":"Vitamine C Liposomale - 30 gélules - SFB Laboratoires","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine C Liposomale 575 - SFB Laboratoires\nPalette détectée:\n - Primaire: #1a8273 (vert menthe foncé du logo et branding)\n - Secondaire: #b8e5de (vert menthe clair du bandeau)\n - Accent: #ff4d8f (rose fuchsia du badge)\n - Background: #f8fafa (blanc cassé très clair, minimaliste)\nAmbiance: Scientifique premium \/ Médical \/ Clean \/ Moderne\nStyle: Laboratoire professionnel avec touches de couleur vives pour dynamiser\nType: Complément alimentaire haut de gamme\nPréfixe CSS: vcl\n--\u003e\n\n\u003cdiv class=\"vcl-premium\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"vcl-hero\"\u003e\n \u003cdiv class=\"vcl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vcl-hero-content\"\u003e\n \u003cdiv class=\"vcl-badges-top\"\u003e\n \u003cspan class=\"vcl-badge\"\u003e🔬 Technologie liposomale\u003c\/span\u003e\n \u003cspan class=\"vcl-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"vcl-badge\"\u003e💊 30 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vcl-hero-title\"\u003eVitamine C Liposomale 575\u003c\/span\u003e\n \u003cp class=\"vcl-subtitle\"\u003eLa nouvelle génération de vitamine C ultra-assimilable\u003c\/p\u003e\n \u003cp class=\"vcl-description\"\u003eGrâce à sa technologie d'encapsulation liposomale révolutionnaire, profitez d'une absorption jusqu'à 98% et d'une efficacité incomparable pour booster votre immunité, réduire la fatigue et protéger vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dosage Section --\u003e\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e💪 Un dosage puissant et optimal\u003c\/h2\u003e\n \u003cdiv class=\"vcl-dosage-card\"\u003e\n \u003cdiv class=\"vcl-dosage-visual\"\u003e\n \u003cspan class=\"vcl-dosage-number\"\u003e575\u003c\/span\u003e\n \u003cspan class=\"vcl-dosage-unit\"\u003emg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-dosage-content\"\u003e\n \u003cp class=\"vcl-dosage-title\"\u003eVitamine C hautement concentrée\u003c\/p\u003e\n \u003cp class=\"vcl-dosage-desc\"\u003eUne dose quotidienne qui couvre largement vos besoins journaliers pour une efficacité maximale sur votre système immunitaire, votre niveau d'énergie et la protection de vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Bienfaits Section --\u003e\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003cspan class=\"vcl-card-title\"\u003e⚡ Énergie \u0026amp; vitalité\u003c\/span\u003e\n \u003cp class=\"vcl-card-text\"\u003eDiminue la fatigue passagère et soutient la résistance de votre organisme au quotidien. Retrouvez tonus et dynamisme naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vcl-card\"\u003e\n \u003cspan class=\"vcl-card-title\"\u003e🛡️ Immunité renforcée\u003c\/span\u003e\n \u003cp class=\"vcl-card-text\"\u003eAide à maintenir des défenses naturelles efficaces, notamment lors des changements de saison ou des périodes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vcl-card\"\u003e\n \u003cspan class=\"vcl-card-title\"\u003e🔒 Protection cellulaire\u003c\/span\u003e\n \u003cp class=\"vcl-card-text\"\u003eLutte activement contre le stress oxydatif et ralentit le vieillissement prématuré de vos cellules grâce à son pouvoir antioxydant puissant.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vcl-card\"\u003e\n \u003cspan class=\"vcl-card-title\"\u003e✨ Peau \u0026amp; collagène\u003c\/span\u003e\n \u003cp class=\"vcl-card-text\"\u003eFavorise une peau plus ferme et éclatante en stimulant la synthèse naturelle du collagène pour la peau, les os et les cartilages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Technologie Liposomale --\u003e\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e🔬 La révolution liposomale\u003c\/h2\u003e\n \u003cdiv class=\"vcl-tech-box\"\u003e\n \u003cdiv class=\"vcl-tech-content\"\u003e\n \u003cp class=\"vcl-tech-title\"\u003eUne absorption jusqu'à 3 fois supérieure\u003c\/p\u003e\n \u003cp class=\"vcl-tech-desc\"\u003eLa technologie d'encapsulation liposomale protège la vitamine C dans des microbulles de phospholipides naturels. Résultat : une assimilation jusqu'à 98%, une protection optimale dans le système digestif et une libération progressive dans l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-tech-stats\"\u003e\n \u003cdiv class=\"vcl-stat\"\u003e\n \u003cspan class=\"vcl-stat-number\"\u003e98%\u003c\/span\u003e\n \u003cspan class=\"vcl-stat-label\"\u003ed'absorption\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-stat\"\u003e\n \u003cspan class=\"vcl-stat-number\"\u003e3x\u003c\/span\u003e\n \u003cspan class=\"vcl-stat-label\"\u003eplus efficace\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-stat\"\u003e\n \u003cspan class=\"vcl-stat-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"vcl-stat-label\"\u003etolérance digestive\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Composition Section --\u003e\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e🧪 Composition \u0026amp; ingrédients\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n \u003cdiv class=\"vcl-ingredient-header\"\u003e\n \u003cdiv class=\"vcl-card-icon\"\u003e🍊\u003c\/div\u003e\n \u003cspan class=\"vcl-card-title\"\u003eVitamine C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"vcl-ingredient-dose\"\u003e575 mg \/ dose\u003c\/p\u003e\n \u003cp class=\"vcl-card-text\"\u003eAscorbate de sodium de qualité pharmaceutique. Contribue au fonctionnement normal du système immunitaire et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n \u003cdiv class=\"vcl-ingredient-header\"\u003e\n \u003cdiv class=\"vcl-card-icon\"\u003e🔬\u003c\/div\u003e\n \u003cspan class=\"vcl-card-title\"\u003ePhospholipides naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"vcl-ingredient-dose\"\u003eLiposomes\u003c\/p\u003e\n \u003cp class=\"vcl-card-text\"\u003eAssurent l'encapsulation et permettent une assimilation jusqu'à 3 fois supérieure à celle de la vitamine C classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vcl-quality-banner\"\u003e\n \u003cspan class=\"vcl-quality-item\"\u003e✓ Sans OGM\u003c\/span\u003e\n \u003cspan class=\"vcl-quality-item\"\u003e✓ Sans additifs artificiels\u003c\/span\u003e\n \u003cspan class=\"vcl-quality-item\"\u003e✓ Sans conservateurs\u003c\/span\u003e\n \u003cspan class=\"vcl-quality-item\"\u003e✓ Gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Mode d'emploi --\u003e\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e📋 Conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"vcl-usage-box\"\u003e\n \u003cdiv class=\"vcl-usage-main\"\u003e\n \u003cdiv class=\"vcl-usage-text\"\u003e\n \u003cp class=\"vcl-usage-title\"\u003e💊 1 dose par jour\u003c\/p\u003e\n \u003cp class=\"vcl-usage-desc\"\u003ePrendre 1 dose (575 mg) le matin à jeun ou avant un repas pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vcl-usage-details\"\u003e\n \u003cdiv class=\"vcl-usage-item\"\u003e\n \u003cspan class=\"vcl-usage-label\"\u003e👤 Public :\u003c\/span\u003e\n \u003cspan class=\"vcl-usage-value\"\u003eAdultes et adolescents dès 12 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-usage-item\"\u003e\n \u003cspan class=\"vcl-usage-label\"\u003e📦 Contenance :\u003c\/span\u003e\n \u003cspan class=\"vcl-usage-value\"\u003e30 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-usage-item\"\u003e\n \u003cspan class=\"vcl-usage-label\"\u003e⏱️ Durée :\u003c\/span\u003e\n \u003cspan class=\"vcl-usage-value\"\u003e1 mois de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"vcl-section\"\u003e\n \u003cdiv class=\"vcl-warning-box\"\u003e\n \u003cdiv class=\"vcl-warning-content\"\u003e\n \u003cp class=\"vcl-warning-title\"\u003e⚠️ Précautions d'emploi\u003c\/p\u003e\n \u003cp class=\"vcl-warning-text\"\u003eDemander un avis médical en cas de grossesse, d'allaitement ou de traitement médical en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Pourquoi choisir --\u003e\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e🏆 Pourquoi choisir cette vitamine C liposomale ?\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n \u003cdiv class=\"vcl-why-number\"\u003e01\u003c\/div\u003e\n \u003cspan class=\"vcl-card-title\"\u003eAbsorption optimale\u003c\/span\u003e\n \u003cp class=\"vcl-card-text\"\u003eJusqu'à 98% d'assimilation grâce à la technologie liposomale révolutionnaire, soit 3 fois plus qu'une vitamine C classique.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n \u003cdiv class=\"vcl-why-number\"\u003e02\u003c\/div\u003e\n \u003cspan class=\"vcl-card-title\"\u003eTolérance digestive\u003c\/span\u003e\n \u003cp class=\"vcl-card-text\"\u003eExcellente tolérance, même pour les estomacs sensibles. Pas d'acidité, pas d'inconfort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n \u003cdiv class=\"vcl-why-number\"\u003e03\u003c\/div\u003e\n \u003cspan class=\"vcl-card-title\"\u003eQualité premium\u003c\/span\u003e\n \u003cp class=\"vcl-card-text\"\u003eFabriquée en France par SFB Laboratoires, sans OGM, sans additifs artificiels ni conservateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n \u003cdiv class=\"vcl-why-number\"\u003e04\u003c\/div\u003e\n \u003cspan class=\"vcl-card-title\"\u003eAction globale\u003c\/span\u003e\n \u003cp class=\"vcl-card-text\"\u003eUn complément complet pour votre énergie, vos défenses immunitaires, la beauté de votre peau et la protection cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA Final --\u003e\n \u003csection class=\"vcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vcl-cta-box\"\u003e\n \u003cdiv class=\"vcl-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vcl-cta-content\"\u003e\n \u003cp class=\"vcl-cta-title\"\u003eOffrez à votre organisme la vitamine C nouvelle génération\u003c\/p\u003e\n \u003cp class=\"vcl-cta-text\"\u003eUn concentré d'énergie, de protection et de vitalité au quotidien. Une solution hautement assimilable et douce pour votre digestion, conçue pour vous accompagner vers une santé optimale.\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 --vcl-cream: #f8fafa;\n --vcl-white: #ffffff;\n --vcl-primary: #1a8273;\n --vcl-primary-dark: #0f5b4f;\n --vcl-primary-light: #b8e5de;\n --vcl-secondary: #2ca593;\n --vcl-accent: #ff4d8f;\n\n \/* Textes *\/\n --vcl-text: #1a1a1a;\n --vcl-text-light: #5a5a5a;\n\n \/* Effets *\/\n --vcl-border: #e0e0e0;\n --vcl-shadow: 0 4px 24px rgba(26, 130, 115, 0.08);\n --vcl-shadow-lg: 0 12px 48px rgba(26, 130, 115, 0.15);\n --vcl-radius: 20px;\n --vcl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vcl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vcl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.vcl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-secondary) 50%, var(--vcl-primary-dark) 100%);\n border-radius: var(--vcl-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(--vcl-shadow-lg);\n}\n\n.vcl-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(0deg, transparent, transparent 2px, white 2px, white 4px),\n repeating-linear-gradient(90deg, transparent, transparent 2px, white 2px, white 4px);\n}\n\n.vcl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vcl-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.vcl-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(--vcl-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.vcl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vcl-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.vcl-subtitle {\n color: var(--vcl-primary-light);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .15);\n}\n\n.vcl-description {\n color: rgba(255, 255, 255, .95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, .1);\n}\n\n\/* === SECTIONS === *\/\n.vcl-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.vcl-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--vcl-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.vcl-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(--vcl-primary), var(--vcl-secondary));\n border-radius: 2px;\n}\n\n\/* === DOSAGE CARD === *\/\n.vcl-dosage-card {\n display: flex;\n align-items: center;\n gap: clamp(2rem, 4vw, 3rem);\n background: var(--vcl-white);\n border-radius: var(--vcl-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--vcl-shadow);\n border: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-dosage-visual {\n flex-shrink: 0;\n display: flex;\n align-items: baseline;\n gap: 4px;\n padding: clamp(1.5rem, 3vw, 2rem);\n background: linear-gradient(135deg, var(--vcl-primary-light), rgba(184, 229, 222, .3));\n border-radius: var(--vcl-radius-sm);\n border: 3px solid var(--vcl-primary);\n}\n\n.vcl-dosage-number {\n font-size: clamp(48px, 8vw, 72px);\n font-weight: 900;\n color: var(--vcl-primary-dark);\n line-height: 1;\n}\n\n.vcl-dosage-unit {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 700;\n color: var(--vcl-primary);\n}\n\n.vcl-dosage-content {\n flex: 1;\n}\n\n.vcl-dosage-title {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--vcl-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.vcl-dosage-desc {\n color: var(--vcl-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vcl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.vcl-card {\n background: var(--vcl-white);\n border-radius: var(--vcl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vcl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vcl-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vcl-shadow-lg);\n border-color: var(--vcl-primary);\n}\n\n.vcl-card-icon {\n width: 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n background: var(--vcl-primary-light);\n border-radius: var(--vcl-radius-sm);\n margin-bottom: 1rem;\n}\n\n.vcl-card-title {\n display: block;\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--vcl-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.vcl-card-text {\n color: var(--vcl-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TECHNOLOGIE BOX === *\/\n.vcl-tech-box {\n background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 100%);\n border-radius: var(--vcl-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n color: white;\n position: relative;\n overflow: hidden;\n}\n\n.vcl-tech-content {\n margin-bottom: 2rem;\n}\n\n.vcl-tech-title {\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 800;\n margin-bottom: 1rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.vcl-tech-desc {\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n color: rgba(255, 255, 255, .95);\n}\n\n.vcl-tech-stats {\n display: flex;\n justify-content: space-around;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\n.vcl-stat {\n text-align: center;\n}\n\n.vcl-stat-number {\n display: block;\n font-size: clamp(40px, 7vw, 56px);\n font-weight: 900;\n color: var(--vcl-accent);\n line-height: 1;\n margin-bottom: 0.5rem;\n text-shadow: 0 4px 16px rgba(0, 0, 0, .2);\n}\n\n.vcl-stat-label {\n display: block;\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 600;\n color: var(--vcl-primary-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.vcl-card-ingredient {\n border: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 0.75rem;\n}\n\n.vcl-ingredient-header .vcl-card-icon {\n width: 56px;\n height: 56px;\n font-size: 28px;\n margin: 0;\n}\n\n.vcl-ingredient-header .vcl-card-title {\n margin: 0;\n flex: 1;\n}\n\n.vcl-ingredient-dose {\n display: inline-block;\n padding: 6px 14px;\n background: var(--vcl-accent);\n color: white;\n font-size: 14px;\n font-weight: 800;\n border-radius: 999px;\n margin-bottom: 1rem;\n}\n\n\/* === QUALITY BANNER === *\/\n.vcl-quality-banner {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n margin-top: 2rem;\n padding: 1.5rem;\n background: var(--vcl-primary-light);\n border-radius: var(--vcl-radius-sm);\n}\n\n.vcl-quality-item {\n font-size: 14px;\n font-weight: 700;\n color: var(--vcl-primary-dark);\n}\n\n\/* === USAGE BOX === *\/\n.vcl-usage-box {\n background: var(--vcl-white);\n border-radius: var(--vcl-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--vcl-shadow);\n border: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-usage-main {\n display: flex;\n align-items: center;\n gap: 2rem;\n padding-bottom: 2rem;\n margin-bottom: 2rem;\n border-bottom: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-usage-icon {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 40px;\n background: var(--vcl-primary-light);\n border-radius: 50%;\n}\n\n.vcl-usage-text {\n flex: 1;\n}\n\n.vcl-usage-title {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--vcl-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.vcl-usage-desc {\n color: var(--vcl-text-light);\n font-size: clamp(14px, 2vw, 16px);\n margin: 0;\n}\n\n.vcl-usage-details {\n display: grid;\n gap: 1rem;\n}\n\n.vcl-usage-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem;\n background: var(--vcl-cream);\n border-radius: var(--vcl-radius-sm);\n}\n\n.vcl-usage-label {\n font-weight: 700;\n color: var(--vcl-primary-dark);\n font-size: 15px;\n}\n\n.vcl-usage-value {\n font-weight: 600;\n color: var(--vcl-text-light);\n font-size: 15px;\n text-align: right;\n}\n\n\/* === WARNING BOX === *\/\n.vcl-warning-box {\n display: flex;\n gap: 1.5rem;\n padding: clamp(1.5rem, 3vw, 2rem);\n background: #fff8e6;\n border: 2px solid #ffc107;\n border-radius: var(--vcl-radius-sm);\n}\n\n.vcl-warning-icon {\n flex-shrink: 0;\n font-size: 32px;\n}\n\n.vcl-warning-content {\n flex: 1;\n}\n\n.vcl-warning-title {\n font-size: 18px;\n font-weight: 800;\n color: #e65100;\n margin-bottom: 0.5rem;\n}\n\n.vcl-warning-text {\n font-size: 14px;\n color: #6d4c00;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === WHY CARDS === *\/\n.vcl-card-why {\n position: relative;\n padding-top: clamp(2rem, 4vw, 2.5rem);\n}\n\n.vcl-why-number {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n background: linear-gradient(135deg, var(--vcl-accent), #ff1d6d);\n border-radius: 50%;\n box-shadow: 0 4px 16px rgba(255, 77, 143, .4);\n}\n\n\/* === CTA FINAL === *\/\n.vcl-cta-box {\n background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 100%);\n border-radius: var(--vcl-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vcl-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.vcl-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.vcl-cta-title {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n margin-bottom: 1rem;\n text-shadow: 0 2px 16px rgba(0, 0, 0, .2);\n}\n\n.vcl-cta-text {\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 text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .vcl-grid {\n grid-template-columns: 1fr;\n }\n\n .vcl-dosage-card {\n flex-direction: column;\n text-align: center;\n }\n\n .vcl-usage-main {\n flex-direction: column;\n text-align: center;\n }\n\n .vcl-usage-item {\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .vcl-usage-value {\n text-align: center;\n }\n\n .vcl-tech-stats {\n gap: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vcl-card {\n animation: fadeInUp .6s ease backwards;\n }\n .vcl-card:nth-child(1) { animation-delay: .1s; }\n .vcl-card:nth-child(2) { animation-delay: .2s; }\n .vcl-card:nth-child(3) { animation-delay: .3s; }\n .vcl-card:nth-child(4) { animation-delay: .4s; }\n .vcl-card:nth-child(5) { animation-delay: .5s; }\n .vcl-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .vcl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .vcl-card {\n border-width: 3px;\n }\n .vcl-badge {\n border: 2px solid var(--vcl-primary);\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55156481753465,"sku":"SF0085","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sfb_vitamine-c-liposomale-30-gelules_11zon.jpg?v=1758989112"},{"product_id":"magnesium-renforce-60-gelules-meralia","title":"Magnésium Renforcé - 60 gélules - MERalia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magnésium Renforcé - 60 gélules - MERalia\nPalette détectée:\n - Primaire: #2E4A8E (bleu marine profond du couvercle et vague)\n - Secondaire: #5B7EC2 (bleu moyen de la bande\/étiquette)\n - Accent: #3AAFE0 (bleu clair du poisson\/logo MERalia)\n - Fond: #F4F7FB (gris bleuté très clair)\nAmbiance: Marin, naturel, santé, confiance, vitalité — packaging épuré blanc\/bleu\nPréfixe CSS: mgr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Magnésium Renforcé MERalia : magnésium marin et vitamines B pour retrouver votre vitalité\"\n 2. \"Pourquoi choisir un magnésium marin plutôt qu'un magnésium classique ?\"\n 3. \"Les bienfaits concrets de cette formule renforcée\"\n 4. \"Valeurs nutritionnelles pour 2 gélules (dose journalière)\"\n 5. \"Comment prendre le Magnésium Renforcé MERalia ?\"\n 6. \"À qui s'adresse ce complément ?\"\n 7. \"Qualité et fabrication française\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mgr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mgr-hero\"\u003e\n \u003cdiv class=\"mgr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mgr-hero-content\"\u003e\n \u003cdiv class=\"mgr-badges-top\"\u003e\n \u003cspan class=\"mgr-badge\"\u003e🌊 Magnésium marin\u003c\/span\u003e\n \u003cspan class=\"mgr-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"mgr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mgr-badge\"\u003e⚡ Vitamines B1, B2 \u0026amp; B6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mgr-hero-title\"\u003eMagnésium Renforcé MERalia\u003c\/span\u003e\n \u003cp class=\"mgr-subtitle\"\u003eMagnésium marin + vitamines du groupe B\u003c\/p\u003e\n \u003cp class=\"mgr-description\"\u003eLa synergie marine qui restaure votre énergie, apaise votre système nerveux et soutient vos muscles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003eMagnésium Renforcé MERalia : magnésium marin et vitamines B pour retrouver votre vitalité\u003c\/h2\u003e\n \u003cp class=\"mgr-section-intro\"\u003eVous ressentez une \u003cstrong\u003efatigue persistante\u003c\/strong\u003e, des tensions musculaires ou une nervosité qui s'installe ? Votre organisme manque probablement de magnésium.\u003c\/p\u003e\n \u003cp class=\"mgr-section-intro\"\u003eAvec le \u003cstrong\u003eMagnésium Renforcé de MERalia\u003c\/strong\u003e, vous misez sur un \u003cstrong\u003ecomplément alimentaire magnésium\u003c\/strong\u003e d'origine marine, enrichi en vitamines B1, B2 et B6 pour une action complète sur votre énergie, votre système nerveux et votre bien-être quotidien.\u003c\/p\u003e\n \u003cdiv class=\"mgr-grid-compact\"\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n \u003cp\u003eRéduit la fatigue durablement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n \u003cp\u003eApaise la nervosité et le stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e💪 Muscles\u003c\/h3\u003e\n \u003cp\u003eSoutient le fonctionnement musculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🌊 Origine marine\u003c\/h3\u003e\n \u003cp\u003eHaute biodisponibilité naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003ePourquoi choisir un magnésium marin plutôt qu'un magnésium classique ?\u003c\/h2\u003e\n \u003cdiv class=\"mgr-testimonial\"\u003e\n \u003cp class=\"mgr-testimonial-text\"\u003eTous les compléments de magnésium ne se valent pas. Le \u003cstrong\u003emagnésium marin\u003c\/strong\u003e présent dans cette formule est naturellement extrait de l'eau de mer, ce qui lui confère une \u003cstrong\u003eexcellente biodisponibilité\u003c\/strong\u003e. Concrètement, votre corps l'assimile plus facilement qu'un magnésium de synthèse. C'est un critère essentiel lorsque vous cherchez le \u003cstrong\u003emeilleur complément alimentaire magnésium\u003c\/strong\u003e pour répondre à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-tip\"\u003e\n \u003cspan class=\"mgr-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssocié aux \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e, il agit de manière synergique : la vitamine B6 facilite l'absorption du magnésium, tandis que les vitamines B1 et B2 renforcent l'action sur le métabolisme énergétique. Un trio pensé pour maximiser chaque gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette formule renforcée\u003c\/h2\u003e\n \u003cdiv class=\"mgr-grid\"\u003e\n \u003cdiv class=\"mgr-card mgr-card-highlight\"\u003e\n \u003ch3\u003e🌊 Magnésium marin — 300 mg\u003c\/h3\u003e\n \u003cp\u003eContribue à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e, soutient le fonctionnement musculaire normal et participe à l'équilibre du système nerveux. Idéal en période de stress ou de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🧬 Vitamine B6 — 1,4 mg\u003c\/h3\u003e\n \u003cp\u003eIntervient dans la synthèse des neurotransmetteurs et soutient le \u003cstrong\u003esystème immunitaire\u003c\/strong\u003e. Elle joue aussi un rôle dans la régulation de l'humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine B2 — Riboflavine — 1,4 mg\u003c\/h3\u003e\n \u003cp\u003eProtège vos cellules contre le \u003cstrong\u003estress oxydatif\u003c\/strong\u003e et contribue à la santé de la peau et des muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e⚙️ Vitamine B1 — Thiamine — 1,1 mg\u003c\/h3\u003e\n \u003cp\u003eEssentielle au bon fonctionnement du \u003cstrong\u003esystème nerveux\u003c\/strong\u003e et au métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"mgr-table-wrapper\"\u003e\n \u003ctable class=\"mgr-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eIngrédient\u003c\/th\u003e\n \u003cth\u003eQuantité\u003c\/th\u003e\n \u003cth\u003e% VNR*\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eMagnésium marin\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e80 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B6\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e1,4 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B2\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e1,4 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eVitamine B1\u003c\/td\u003e\n \u003ctd\u003e\u003cstrong\u003e1,1 mg\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 %\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003cp class=\"mgr-table-note\"\u003e\u003cem\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003eComment prendre le Magnésium Renforcé MERalia ?\u003c\/h2\u003e\n \u003cdiv class=\"mgr-timeline\"\u003e\n \u003cdiv class=\"mgr-timeline-item\"\u003e\n \u003cdiv class=\"mgr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mgr-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin — 1 gélule\u003c\/h3\u003e\n \u003cp\u003ePrenez votre première gélule avec un grand verre d'eau, de préférence au moment du petit-déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-timeline-item\"\u003e\n \u003cdiv class=\"mgr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mgr-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir — 1 gélule\u003c\/h3\u003e\n \u003cp\u003ePrenez la seconde gélule au dîner avec un grand verre d'eau pour optimiser l'absorption nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-timeline-item\"\u003e\n \u003cdiv class=\"mgr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mgr-timeline-content\"\u003e\n \u003ch3\u003e🔄 Cure de 30 jours\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 60 gélules correspond à une cure complète d'un mois. Pour un effet durable, renouvelez la cure plusieurs fois par an, notamment aux changements de saison ou en période de forte sollicitation physique ou intellectuelle.\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=\"mgr-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"mgr-section-intro\"\u003eCe \u003cstrong\u003ecomplément alimentaire magnésium\u003c\/strong\u003e convient aux adultes qui souhaitent retrouver leur énergie, apaiser leur nervosité ou soutenir leur récupération musculaire.\u003c\/p\u003e\n \u003cdiv class=\"mgr-grid-compact\"\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🏃 Actifs fatigués\u003c\/h3\u003e\n \u003cp\u003eRetrouvez votre énergie au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eApaisez votre nervosité naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n \u003cp\u003eSoutenez votre récupération musculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🌱 Végétariens \u0026amp; végétaliens\u003c\/h3\u003e\n \u003cp\u003eGélules 100 % végétales adaptées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-tip\"\u003e\n \u003cspan class=\"mgr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous recherchez un complément alimentaire associant fer et magnésium, potassium et magnésium, ou encore zinc et magnésium, cette formule se combine facilement à d'autres cures selon vos besoins spécifiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"mgr-section\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"mgr-grid\"\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eMERalia garantit une production hexagonale avec une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e, du sourcing marin à la mise en gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🔍 Formule transparente\u003c\/h3\u003e\n \u003cp\u003eAucun additif controversé, aucun excipient inutile : une composition rigoureuse et sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mgr-card\"\u003e\n \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eUn format 100 % végétal adapté à tous les régimes alimentaires, y compris végétarien et végétalien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"mgr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mgr-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre corps le magnésium marin dont il a besoin.\u003cbr\u003eÉnergie, sérénité, vitalité — en une cure de 30 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mgr-disclaimer\"\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e ce 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 utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --mgr-cream: #F4F7FB;\n --mgr-white: #ffffff;\n --mgr-primary: #2E4A8E;\n --mgr-primary-dark: #1B2F5E;\n --mgr-primary-light: #E8EDF7;\n --mgr-secondary: #5B7EC2;\n --mgr-accent: #3AAFE0;\n --mgr-text: #1a1a1a;\n --mgr-text-light: #5a5a5a;\n --mgr-border: #dde4f0;\n --mgr-shadow: 0 4px 24px rgba(46,74,142,.08);\n --mgr-shadow-lg: 0 12px 48px rgba(46,74,142,.15);\n --mgr-radius: 20px;\n --mgr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mgr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mgr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mgr-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mgr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mgr-primary-dark) 0%, var(--mgr-primary) 40%, var(--mgr-secondary) 70%, var(--mgr-accent) 100%);\n border-radius: var(--mgr-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(--mgr-shadow-lg);\n}\n\n.mgr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse 120% 80% at 80% 90%, rgba(58,175,224,.2) 0%, transparent 60%),\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 Q45 40 60 30' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='2'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.mgr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.mgr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mgr-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(--mgr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mgr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.mgr-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.mgr-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: .01em;\n}\n\n.mgr-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mgr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mgr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mgr-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.mgr-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(--mgr-primary), var(--mgr-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mgr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mgr-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.mgr-section-intro strong {\n color: var(--mgr-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mgr-card {\n background: var(--mgr-white);\n border-radius: var(--mgr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mgr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mgr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mgr-shadow-lg);\n border-color: var(--mgr-primary);\n}\n\n.mgr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mgr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mgr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mgr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mgr-card p strong {\n color: var(--mgr-text);\n}\n\n\/* Card highlight *\/\n.mgr-card-highlight {\n border: 2px solid var(--mgr-accent);\n background: linear-gradient(180deg, var(--mgr-white) 0%, var(--mgr-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\n.mgr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mgr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mgr-grid-compact .mgr-card {\n padding: 1rem;\n}\n\n.mgr-grid-compact .mgr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mgr-grid-compact .mgr-card p {\n font-size: 12px;\n}\n\n\/* === TABLE === *\/\n.mgr-table-wrapper {\n background: var(--mgr-white);\n border-radius: var(--mgr-radius);\n box-shadow: var(--mgr-shadow);\n overflow: hidden;\n padding: clamp(1rem, 3vw, 2rem);\n}\n\n.mgr-table {\n width: 100%;\n border-collapse: collapse;\n font-size: clamp(13px, 2vw, 15px);\n}\n\n.mgr-table thead tr {\n background: linear-gradient(135deg, var(--mgr-primary), var(--mgr-secondary));\n}\n\n.mgr-table thead th {\n color: white;\n font-weight: 700;\n padding: 12px 16px;\n text-align: left;\n font-size: clamp(13px, 2vw, 15px);\n}\n\n.mgr-table thead th:last-child {\n text-align: center;\n}\n\n.mgr-table tbody td {\n padding: 12px 16px;\n border-bottom: 1px solid var(--mgr-border);\n color: var(--mgr-text);\n}\n\n.mgr-table tbody td:last-child {\n text-align: center;\n font-weight: 700;\n color: var(--mgr-primary);\n}\n\n.mgr-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.mgr-table tbody tr:hover {\n background: var(--mgr-primary-light);\n}\n\n.mgr-table-note {\n font-size: 12px;\n color: var(--mgr-text-light);\n margin: .75rem 0 0 0;\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.mgr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mgr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mgr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mgr-primary), var(--mgr-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(46,74,142,.2);\n}\n\n.mgr-timeline-content {\n flex: 1;\n background: var(--mgr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mgr-radius-sm);\n box-shadow: var(--mgr-shadow);\n}\n\n.mgr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mgr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mgr-timeline-content p {\n font-size: 14px;\n color: var(--mgr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mgr-testimonial {\n background: var(--mgr-white);\n border-radius: var(--mgr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mgr-shadow);\n border-left: 4px solid var(--mgr-accent);\n}\n\n.mgr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mgr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.mgr-testimonial-text strong {\n color: var(--mgr-primary-dark);\n font-style: normal;\n}\n\n\/* === TIP BOX === *\/\n.mgr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mgr-primary-light);\n border-radius: var(--mgr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mgr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mgr-tip p {\n font-size: 14px;\n color: var(--mgr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mgr-tip p strong {\n color: var(--mgr-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.mgr-cta-box {\n background: linear-gradient(135deg, var(--mgr-primary) 0%, var(--mgr-primary-dark) 50%, var(--mgr-secondary) 100%);\n border-radius: var(--mgr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mgr-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 40 Q20 25 40 40 Q60 55 80 40' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='2'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.mgr-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,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mgr-disclaimer {\n font-size: 12px;\n color: var(--mgr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n.mgr-disclaimer strong {\n font-style: normal;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mgr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mgr-card {\n padding: 1.125rem;\n }\n\n .mgr-section {\n margin-bottom: 1.75rem;\n }\n\n .mgr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mgr-radius-sm);\n }\n\n .mgr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mgr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mgr-grid-compact {\n gap: .625rem;\n }\n\n .mgr-grid-compact .mgr-card {\n padding: .75rem;\n }\n\n .mgr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mgr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mgr-timeline-content h3 {\n font-size: 14px;\n }\n\n .mgr-timeline-content p {\n font-size: 13px;\n }\n\n .mgr-testimonial {\n padding: 1.25rem;\n }\n\n .mgr-testimonial-text {\n font-size: 14px;\n }\n\n .mgr-table thead th {\n padding: 10px 12px;\n font-size: 12px;\n }\n\n .mgr-table tbody td {\n padding: 10px 12px;\n font-size: 13px;\n }\n\n .mgr-table-wrapper {\n padding: .75rem;\n }\n\n .mgr-tip {\n padding: .875rem 1rem;\n }\n\n .mgr-tip-icon {\n font-size: 20px;\n }\n\n .mgr-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mgr-card {\n animation: mgrFadeInUp .5s ease backwards;\n }\n .mgr-card:nth-child(1) { animation-delay: .05s; }\n .mgr-card:nth-child(2) { animation-delay: .1s; }\n .mgr-card:nth-child(3) { animation-delay: .15s; }\n .mgr-card:nth-child(4) { animation-delay: .2s; }\n .mgr-card:nth-child(5) { animation-delay: .25s; }\n .mgr-card:nth-child(6) { animation-delay: .3s; }\n\n .mgr-timeline-item {\n animation: mgrFadeInUp .5s ease backwards;\n }\n .mgr-timeline-item:nth-child(1) { animation-delay: .1s; }\n .mgr-timeline-item:nth-child(2) { animation-delay: .2s; }\n .mgr-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes mgrFadeInUp {\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 .mgr-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":55157150024057,"sku":"ME4003","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-renforce-60-gelules-meralia-packshothd.webp?v=1785914257"},{"product_id":"spiruline-bio-150-comprimes-aosa-veritable","title":"Spiruline bio - 150 comprimés - Aosa Veritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spiruline bio - 150 comprimés - Aosa Véritable\nPalette détectée:\n - Primaire: #4A7C34 (vert algue\/nature du packaging)\n - Secondaire: #6B8E4E (vert clair de l'étiquette)\n - Accent: #2D5A1E (vert foncé du bouchon)\nAmbiance: Naturel\/Bio, santé, vitalité, écologique, simplicité\nPréfixe CSS: spir\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Qu'est-ce que la spiruline et pourquoi est-elle si prisée ?\"\n 2. \"Composition détaillée de ces comprimés de spiruline bio\"\n 3. \"Les bienfaits concrets de la spiruline au quotidien\"\n 4. \"Comment prendre votre spiruline bio ?\"\n 5. \"Pourquoi choisir cette spiruline bio Aosa Véritable ?\"\n 6. \"À qui s'adresse ce complément alimentaire ?\"\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=\"spir-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"spir-hero\"\u003e\n \u003cdiv class=\"spir-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spir-hero-content\"\u003e\n \u003cdiv class=\"spir-badges-top\"\u003e\n \u003cspan class=\"spir-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"spir-badge\"\u003e💪 60-70% protéines\u003c\/span\u003e\n \u003cspan class=\"spir-badge\"\u003e🇫🇷 Certifié FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"spir-hero-title\"\u003eSpiruline Bio\u003c\/span\u003e\n \u003cp class=\"spir-subtitle\"\u003e150 comprimés de 500 mg • Aosa Véritable\u003c\/p\u003e\n \u003cp class=\"spir-description\"\u003eLe superaliment ancestral pour retrouver vitalité et énergie au quotidien. Une source végétale exceptionnelle de protéines et de nutriments essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eQu'est-ce que la spiruline et pourquoi est-elle si prisée ?\u003c\/h2\u003e\n \u003cp class=\"spir-section-intro\"\u003eSurnommée \u003cstrong\u003e\"l'or bleu\"\u003c\/strong\u003e ou \u003cstrong\u003e\"l'algue miracle\"\u003c\/strong\u003e, la spiruline fascine les nutritionnistes du monde entier depuis des millénaires.\u003c\/p\u003e\n \u003cdiv class=\"spir-grid-compact\"\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🌍 3 milliards d'années\u003c\/h3\u003e\n \u003cp\u003eCyanobactérie microscopique existant depuis l'aube de la vie sur Terre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🥇 60-70% protéines\u003c\/h3\u003e\n \u003cp\u003eL'une des sources végétales les plus concentrées qui existe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e✅ Acides aminés essentiels\u003c\/h3\u003e\n \u003cp\u003eContient les 8 acides aminés que le corps ne peut pas produire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e⚡ Assimilation rapide\u003c\/h3\u003e\n \u003cp\u003eProtéines facilement absorbées par l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-tip\"\u003e\n \u003cspan class=\"spir-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eParticulièrement appréciée des sportifs, végétariens et de toutes les personnes souhaitant compléter leur alimentation naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eComposition détaillée de ces comprimés de spiruline bio\u003c\/h2\u003e\n \u003cdiv class=\"spir-composition-highlight\"\u003e\n \u003cdiv class=\"spir-dose-box\"\u003e\n \u003cspan class=\"spir-dose-number\"\u003e2500 mg\u003c\/span\u003e\n \u003cspan class=\"spir-dose-label\"\u003ede spiruline bio par jour (5 comprimés)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-grid\"\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🥩 Protéines complètes\u003c\/h3\u003e\n \u003cp\u003e60 à 70% de la composition avec les 8 acides aminés essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🩸 Fer biodisponible\u003c\/h3\u003e\n \u003cp\u003eRéduit la fatigue et soutient le métabolisme énergétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e⚡ Vitamines B\u003c\/h3\u003e\n \u003cp\u003eB1, B2, B3, B6 et B12 pour le bon fonctionnement nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant protégeant les cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003ePrécurseur de la vitamine A, bénéfique pour vision et peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e💎 Minéraux\u003c\/h3\u003e\n \u003cp\u003eMagnésium, zinc, calcium et potassium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e💙 Phycocyanine\u003c\/h3\u003e\n \u003cp\u003ePigment bleu aux propriétés antioxydantes remarquables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🌱 Chlorophylle\u003c\/h3\u003e\n \u003cp\u003eFavorise la détoxification naturelle de l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"spir-disclaimer\"\u003e*Produit issu de l'agriculture biologique, certifié FR-BIO-01.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de la spiruline au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"spir-grid\"\u003e\n \u003cdiv class=\"spir-card spir-card-benefit\"\u003e\n \u003ch3\u003e⚡ Un allié contre la fatigue\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur exceptionnelle en \u003cstrong\u003efer\u003c\/strong\u003e et en \u003cstrong\u003evitamines B\u003c\/strong\u003e, la spiruline aide votre organisme à produire de l'énergie de manière optimale. Idéale en période de surmenage, convalescence ou baisse de régime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card spir-card-benefit\"\u003e\n \u003ch3\u003e🛡️ Un soutien pour vos défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants présents, notamment la \u003cstrong\u003ephycocyanine\u003c\/strong\u003e, participent au renforcement de votre système immunitaire. Parfait aux changements de saison pour mieux résister aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card spir-card-benefit\"\u003e\n \u003ch3\u003e🏃 Un complément idéal pour les sportifs\u003c\/h3\u003e\n \u003cp\u003eLa richesse en protéines favorise la récupération musculaire après l'effort. De nombreux athlètes l'intègrent pour optimiser leurs performances et réduire les courbatures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card spir-card-benefit\"\u003e\n \u003ch3\u003e⚖️ Un atout pour le contrôle du poids\u003c\/h3\u003e\n \u003cp\u003eAvec sa haute teneur en protéines, la spiruline procure un effet de satiété naturel. Prise avant les repas, elle aide à modérer l'appétit sans sensation de privation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eComment prendre votre spiruline bio ?\u003c\/h2\u003e\n \u003cdiv class=\"spir-timeline\"\u003e\n \u003cdiv class=\"spir-timeline-item\"\u003e\n \u003cspan class=\"spir-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"spir-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 comprimés par jour\u003c\/strong\u003e pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-item\"\u003e\n \u003cspan class=\"spir-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"spir-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAu moment des repas\u003c\/strong\u003e, de préférence le matin ou midi pour éviter tout effet stimulant le soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-item\"\u003e\n \u003cspan class=\"spir-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"spir-timeline-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003eAvalez les comprimés avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-tip\"\u003e\n \u003cspan class=\"spir-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e si vous découvrez la spiruline, commencez progressivement avec 2 comprimés par jour pendant la première semaine, puis augmentez jusqu'à la dose recommandée. Le pilulier de 150 comprimés vous offre une \u003cstrong\u003ecure complète de 30 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette spiruline bio Aosa Véritable ?\u003c\/h2\u003e\n \u003cdiv class=\"spir-grid\"\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🌿 Certification bio garantie\u003c\/h3\u003e\n \u003cp\u003eCultivée sans pesticides ni engrais chimiques, dans le respect de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e✨ Pureté optimale\u003c\/h3\u003e\n \u003cp\u003eSans additifs, sans conservateurs, sans colorants artificiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n \u003cp\u003eLes comprimés sont plus faciles à doser et à transporter que la poudre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🌱 100% végane\u003c\/h3\u003e\n \u003cp\u003eConvient parfaitement aux régimes végétariens et végétaliens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003ePilulier compostable et biodégradable pour limiter l'impact environnemental\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e📏 Dosage maîtrisé\u003c\/h3\u003e\n \u003cp\u003eChaque comprimé de 500 mg garantit un apport précis et constant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire ?\u003c\/h2\u003e\n \u003cdiv class=\"spir-grid-compact\"\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n \u003cp\u003eOu en période de convalescence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour optimiser la récupération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🥗 Végétariens \u0026amp; végétaliens\u003c\/h3\u003e\n \u003cp\u003eSource de protéines complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🩸 Personnes carencées en fer\u003c\/h3\u003e\n \u003cp\u003eFer hautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-tip\"\u003e\n \u003cspan class=\"spir-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eConvient à tous ceux qui souhaitent renforcer leur vitalité de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"spir-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"spir-accordion\"\u003e\n \u003cdetails class=\"spir-accordion-item\"\u003e\n \u003csummary class=\"spir-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"spir-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux personnes souffrant de phénylcétonurie (la spiruline contient de la phénylalanine).\u003cbr\u003e\u003cstrong\u003eNon recommandé\u003c\/strong\u003e en cas de maladie rénale ou hépatique sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spir-accordion-item\"\u003e\n \u003csummary class=\"spir-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"spir-accordion-content\"\u003e\n \u003cp\u003eDemandez conseil à votre médecin avant de commencer une cure de spiruline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spir-accordion-item\"\u003e\n \u003csummary class=\"spir-accordion-header\"\u003e📋 Conseils de conservation\u003c\/summary\u003e\n \u003cdiv class=\"spir-accordion-content\"\u003e\n \u003cp\u003eConservez le pilulier à l'abri de la lumière et de l'humidité, dans un endroit frais. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spir-accordion-item\"\u003e\n \u003csummary class=\"spir-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"spir-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 scrupuleusement la dose journalière indiquée. En cas de doute ou de traitement médical en cours, consultez un professionnel de santé avant de commencer votre cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --spir-cream: #f8faf6;\n --spir-white: #ffffff;\n --spir-primary: #4A7C34;\n --spir-primary-dark: #2D5A1E;\n --spir-primary-light: #e8f2e4;\n --spir-secondary: #6B8E4E;\n --spir-accent: #8BC34A;\n --spir-text: #1a1a1a;\n --spir-text-light: #5a5a5a;\n --spir-border: #e0e0e0;\n --spir-shadow: 0 4px 24px rgba(74,124,52,.08);\n --spir-shadow-lg: 0 12px 48px rgba(45,90,30,.15);\n --spir-radius: 20px;\n --spir-radius-sm: 12px;\n}\n\n.spir-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--spir-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.spir-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C34 0%, #6B8E4E 50%, #2D5A1E 100%);\n border-radius: var(--spir-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(--spir-shadow-lg);\n}\n\n.spir-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.spir-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.spir-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.spir-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--spir-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.spir-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.spir-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.spir-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.spir-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.spir-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spir-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--spir-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.spir-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--spir-primary), var(--spir-accent));\n border-radius: 2px;\n}\n\n.spir-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--spir-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.spir-card {\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--spir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.spir-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--spir-shadow-lg);\n border-color: var(--spir-primary);\n}\n\n.spir-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--spir-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.spir-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--spir-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.spir-card-benefit {\n text-align: left;\n}\n\n.spir-card-benefit h3 {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.spir-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.spir-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.spir-grid-compact .spir-card {\n padding: 1rem;\n}\n\n.spir-grid-compact .spir-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.spir-grid-compact .spir-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.spir-composition-highlight {\n margin-bottom: 1.5rem;\n}\n\n.spir-dose-box {\n background: linear-gradient(135deg, var(--spir-primary) 0%, var(--spir-secondary) 100%);\n border-radius: var(--spir-radius);\n padding: 1.5rem 2rem;\n text-align: center;\n box-shadow: var(--spir-shadow);\n}\n\n.spir-dose-number {\n display: block;\n font-size: clamp(36px, 8vw, 52px);\n font-weight: 900;\n color: white;\n letter-spacing: -.03em;\n}\n\n.spir-dose-label {\n display: block;\n font-size: clamp(14px, 2.5vw, 16px);\n color: rgba(255,255,255,.9);\n font-weight: 600;\n margin-top: .25rem;\n}\n\n\/* === TIMELINE === *\/\n.spir-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.spir-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.spir-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--spir-primary), var(--spir-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(74,124,52,.3);\n}\n\n.spir-timeline-content {\n flex: 1;\n background: var(--spir-white);\n padding: 1rem 1.25rem;\n border-radius: var(--spir-radius-sm);\n box-shadow: var(--spir-shadow);\n}\n\n.spir-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--spir-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.spir-timeline-content p {\n font-size: 14px;\n color: var(--spir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.spir-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--spir-primary-light);\n border-radius: var(--spir-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--spir-primary);\n}\n\n.spir-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.spir-tip p {\n font-size: 14px;\n color: var(--spir-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.spir-accordion {\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n box-shadow: var(--spir-shadow);\n overflow: hidden;\n}\n\n.spir-accordion-item {\n border-bottom: 1px solid var(--spir-border);\n margin: 0;\n padding: 0;\n}\n\n.spir-accordion-item:last-child {\n border-bottom: none;\n}\n\n.spir-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--spir-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.spir-accordion-header:hover {\n background: var(--spir-primary-light);\n}\n\n.spir-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.spir-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--spir-primary);\n transition: transform .2s ease;\n}\n\n.spir-accordion-item[open] .spir-accordion-header::after {\n content: '−';\n}\n\n.spir-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--spir-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.spir-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.spir-disclaimer {\n font-size: 12px;\n color: var(--spir-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 .spir-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .spir-card {\n padding: 1.125rem;\n }\n \n .spir-card-benefit {\n text-align: center;\n }\n \n .spir-card-benefit h3 {\n text-align: center;\n }\n \n .spir-section {\n margin-bottom: 1.75rem;\n }\n \n .spir-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--spir-radius-sm);\n }\n \n .spir-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .spir-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .spir-grid-compact {\n gap: .625rem;\n }\n \n .spir-grid-compact .spir-card {\n padding: .75rem;\n }\n \n .spir-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .spir-timeline-content {\n padding: .875rem 1rem;\n }\n \n .spir-timeline-content h3 {\n font-size: 14px;\n }\n \n .spir-timeline-content p {\n font-size: 13px;\n }\n \n .spir-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .spir-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .spir-tip {\n padding: .875rem 1rem;\n }\n \n .spir-tip-icon {\n font-size: 20px;\n }\n \n .spir-tip p {\n font-size: 13px;\n }\n \n .spir-dose-box {\n padding: 1.25rem 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .spir-card {\n animation: spirFadeInUp .5s ease backwards;\n }\n .spir-card:nth-child(1) { animation-delay: .05s; }\n .spir-card:nth-child(2) { animation-delay: .1s; }\n .spir-card:nth-child(3) { animation-delay: .15s; }\n .spir-card:nth-child(4) { animation-delay: .2s; }\n .spir-card:nth-child(5) { animation-delay: .25s; }\n .spir-card:nth-child(6) { animation-delay: .3s; }\n .spir-card:nth-child(7) { animation-delay: .35s; }\n .spir-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes spirFadeInUp {\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 .spir-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":55157428027769,"sku":"AV8000","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-150-comprimes-aosa-veritable-packshothd.webp?v=1789735290"},{"product_id":"lithothamne-90-gelules-aosa-veritable","title":"Lithothamne - 90 gélules - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lithothamne - 90 gélules - Aosa Véritable\nPalette détectée:\n - Primaire: #4A9B5F (vert nature du packaging)\n - Secondaire: #2D7A47 (vert foncé du bouchon)\n - Accent: #8BC34A (vert clair lumineux)\nAmbiance: Naturel\/marin, bien-être, algues, pureté océanique, santé naturelle\nPréfixe CSS: lith\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Qu'est-ce que le lithothamne et pourquoi est-il si précieux ?\"\n 2. \"Les bienfaits concrets du lithothamne pour votre santé\"\n 3. \"Composition complète pour 6 gélules (dose journalière)\"\n 4. \"Comment prendre le lithothamne efficacement ?\"\n 5. \"Ce qui distingue le lithothamne Aosa Véritable\"\n 6. \"À qui s'adresse ce complément ?\"\n 7. \"Précautions d'emploi importantes\"\n 8. \"Questions fréquentes sur le lithothamne\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"lith-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"lith-hero\"\u003e\n \u003cdiv class=\"lith-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lith-hero-content\"\u003e\n \u003cdiv class=\"lith-badges-top\"\u003e\n \u003cspan class=\"lith-badge\"\u003e🌊 Origine Norvège\u003c\/span\u003e\n \u003cspan class=\"lith-badge\"\u003e🦴 90% VNR Calcium\u003c\/span\u003e\n \u003cspan class=\"lith-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lith-hero-title\"\u003eLithothamne Aosa Véritable\u003c\/span\u003e\n \u003cp class=\"lith-subtitle\"\u003eL'algue rouge aux trésors minéraux\u003c\/p\u003e\n \u003cp class=\"lith-description\"\u003eSource naturelle de calcium et magnésium marins, récoltée à l'état sauvage dans les eaux pures de la mer de Norvège pour des os solides et une vitalité retrouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eQu'est-ce que le lithothamne et pourquoi est-il si précieux ?\u003c\/h2\u003e\n \u003cp class=\"lith-section-intro\"\u003eLe \u003cstrong\u003elithothamne\u003c\/strong\u003e (\u003cem\u003eLithothamnium calcareum\u003c\/em\u003e) est une algue rouge qui se développe lentement sur les fonds marins, accumulant une exceptionnelle concentration de minéraux au fil des années.\u003c\/p\u003e\n \u003cdiv class=\"lith-grid-compact\"\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🌿 Calcium marin naturel\u003c\/h3\u003e\n \u003cp\u003eContrairement aux compléments synthétiques, le lithothamne offre un calcium d'origine marine parfaitement assimilable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e⚖️ Synergie naturelle\u003c\/h3\u003e\n \u003cp\u003eCalcium, magnésium et zinc dans des proportions équilibrées par la nature elle-même\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🔬 Oligo-éléments\u003c\/h3\u003e\n \u003cp\u003eUne multitude de minéraux traces pour une action complète sur votre organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e✨ Absorption optimale\u003c\/h3\u003e\n \u003cp\u003eLa forme naturelle favorise une meilleure biodisponibilité que les formes artificielles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets du lithothamne pour votre santé\u003c\/h2\u003e\n \u003cdiv class=\"lith-grid\"\u003e\n \u003cdiv class=\"lith-card lith-card-highlight\"\u003e\n \u003ch3\u003e🦴 Os et dents solides\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e720 mg de calcium par dose\u003c\/strong\u003e (90% des VNR) pour le maintien d'une ossature et d'une dentition normales. Idéal si vous ressentez fragilité osseuse ou crampes fréquentes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card lith-card-highlight\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003emagnésium naturel\u003c\/strong\u003e (60,5 mg par dose) participe à la réduction de la fatigue et au bon fonctionnement musculaire. Parfait pour les sportifs et les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card lith-card-highlight\"\u003e\n \u003ch3\u003e🧪 Équilibre acido-basique\u003c\/h3\u003e\n \u003cp\u003eNaturellement alcalin, le lithothamne aide à \u003cstrong\u003erééquilibrer le pH\u003c\/strong\u003e de votre organisme, souvent perturbé par l'alimentation moderne acidifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eComposition complète pour 6 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"lith-composition\"\u003e\n \u003cdiv class=\"lith-ingredients\"\u003e\n \u003cdiv class=\"lith-ingredient-item\"\u003e\n \u003cspan class=\"lith-ingredient-icon\"\u003e🌊\u003c\/span\u003e\n \u003cdiv class=\"lith-ingredient-info\"\u003e\n \u003cstrong\u003ePoudre de thalle de lithothamne\u003c\/strong\u003e\n \u003cspan\u003e2400 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-ingredient-item\"\u003e\n \u003cspan class=\"lith-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"lith-ingredient-info\"\u003e\n \u003cstrong\u003eFibre d'acacia biologique\u003c\/strong\u003e\n \u003cspan\u003e480 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-ingredient-item\"\u003e\n \u003cspan class=\"lith-ingredient-icon\"\u003e💊\u003c\/span\u003e\n \u003cdiv class=\"lith-ingredient-info\"\u003e\n \u003cstrong\u003eGélule végétale (hypromellose)\u003c\/strong\u003e\n \u003cspan\u003eVégétariens \u0026amp; végans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-nutrition-table\"\u003e\n \u003cdiv class=\"lith-table-header\"\u003e\n \u003cspan\u003eApports nutritionnels\u003c\/span\u003e\n \u003cspan\u003eQuantité\u003c\/span\u003e\n \u003cspan\u003e% VNR*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-table-row\"\u003e\n \u003cspan\u003eCalcium\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e720 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan class=\"lith-vnr-badge\"\u003e90%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-table-row\"\u003e\n \u003cspan\u003eMagnésium\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e60,5 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003cspan class=\"lith-vnr-badge\"\u003e16%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"lith-table-note\"\u003e*VNR : Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eComment prendre le lithothamne efficacement ?\u003c\/h2\u003e\n \u003cdiv class=\"lith-timeline\"\u003e\n \u003cdiv class=\"lith-timeline-item\"\u003e\n \u003cdiv class=\"lith-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lith-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e6 gélules par jour\u003c\/strong\u003e, réparties au cours des repas avec un grand verre d'eau pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-timeline-item\"\u003e\n \u003cdiv class=\"lith-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lith-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e renouvelable selon vos besoins. Une boîte = 15 jours de cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-timeline-item\"\u003e\n \u003cdiv class=\"lith-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lith-timeline-content\"\u003e\n \u003ch3\u003eAstuce absorption\u003c\/h3\u003e\n \u003cp\u003eAssociez votre cure à une alimentation riche en \u003cstrong\u003evitamine D\u003c\/strong\u003e (exposition solaire, poissons gras) pour maximiser l'absorption du calcium.\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=\"lith-section\"\u003e\n \u003ch2\u003eCe qui distingue le lithothamne Aosa Véritable\u003c\/h2\u003e\n \u003cdiv class=\"lith-grid\"\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🇳🇴 Origine sauvage et pure\u003c\/h3\u003e\n \u003cp\u003eRécolté en mer de Norvège, dans des eaux froides et non polluées, garantissant une qualité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🎯 100% du thalle utilisé\u003c\/h3\u003e\n \u003cp\u003eSeule la partie la plus riche en minéraux de l'algue est sélectionnée pour un maximum d'efficacité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e💪 Dosage généreux\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2400 mg par dose quotidienne\u003c\/strong\u003e, l'un des dosages les plus élevés du marché\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e♻️ Engagement écologique\u003c\/h3\u003e\n \u003cp\u003ePilulier compostable et biodégradable pour une démarche respectueuse de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🌱 Convient à tous\u003c\/h3\u003e\n \u003cp\u003eFormule 100% végétale, adaptée aux régimes végétariens et végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🔬 Qualité garantie\u003c\/h3\u003e\n \u003cp\u003eFabrication française selon les normes les plus strictes de qualité et de traçabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cp class=\"lith-section-intro\"\u003eLe lithothamne Aosa Véritable est particulièrement adapté si vous :\u003c\/p\u003e\n \u003cdiv class=\"lith-grid-compact\"\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🦴 Renforcer vos os\u003c\/h3\u003e\n \u003cp\u003ePréserver votre capital osseux naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🌿 Alternative naturelle\u003c\/h3\u003e\n \u003cp\u003eÉviter les compléments synthétiques de calcium-magnésium-zinc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e😴 Fatigue \u0026amp; crampes\u003c\/h3\u003e\n \u003cp\u003eCombattre les symptômes de carences minérales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e🥗 Régime végétal\u003c\/h3\u003e\n \u003cp\u003eTrouver des sources minérales 100% naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre pH\u003c\/h3\u003e\n \u003cp\u003eRééquilibrer votre terrain acido-basique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lith-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eRenforcer ongles et cheveux de l'intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"lith-accordion\"\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes souffrant de troubles thyroïdiens. Femmes enceintes ou allaitantes : demandez l'avis de votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e💊 Posologie maximale\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 6 gélules. 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 \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e🏥 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant de commencer une cure de lithothamne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit sec, à température ambiante, à l'abri de la lumière. 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!-- SECTION 8 --\u003e\n \u003csection class=\"lith-section\"\u003e\n \u003ch2\u003eVos interrogatons sur le lithothamne\u003c\/h2\u003e\n \u003cdiv class=\"lith-accordion\"\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e🤔 Quelle différence avec un complément classique de calcium ?\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eLe lithothamne offre un \u003cstrong\u003ecalcium d'origine marine\u003c\/strong\u003e, naturellement associé à du magnésium et des oligo-éléments. Cette forme naturelle est généralement mieux tolérée et assimilée que les formes synthétiques de calcium-magnésium-zinc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eLes premiers bienfaits peuvent se faire sentir après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de cure régulière. Pour un effet durable sur la reminéralisation, comptez au minimum un mois de prise quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lith-accordion-item\"\u003e\n \u003csummary class=\"lith-accordion-header\"\u003e🔄 Puis-je prendre du lithothamne en continu ?\u003c\/summary\u003e\n \u003cdiv class=\"lith-accordion-content\"\u003e\n \u003cp\u003eIl est préférable de faire des \u003cstrong\u003ecures de 1 à 3 mois\u003c\/strong\u003e, entrecoupées de pauses d'un mois, pour permettre à votre organisme d'optimiser l'utilisation des minéraux apportés.\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=\"lith-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lith-cta-box\"\u003e\n \u003cp\u003e🌊 \u003cstrong\u003eOffrez à votre corps le meilleur de la mer\u003c\/strong\u003e avec le lithothamne Aosa Véritable. Une solution 100% naturelle pour des os solides, moins de fatigue et un équilibre minéral retrouvé. Votre bien-être commence par des fondations solides — et ça, les algues marines l'ont compris depuis des millions d'années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lith-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibré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 --lith-cream: #f8faf7;\n --lith-white: #ffffff;\n --lith-primary: #4A9B5F;\n --lith-primary-dark: #2D7A47;\n --lith-primary-light: #e8f5e9;\n --lith-secondary: #3d8b50;\n --lith-accent: #8BC34A;\n --lith-text: #1a1a1a;\n --lith-text-light: #5a5a5a;\n --lith-border: #e0e0e0;\n --lith-shadow: 0 4px 24px rgba(45,122,71,.08);\n --lith-shadow-lg: 0 12px 48px rgba(45,122,71,.15);\n --lith-radius: 20px;\n --lith-radius-sm: 12px;\n}\n\n.lith-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lith-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lith-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lith-primary) 0%, var(--lith-secondary) 50%, var(--lith-primary-dark) 100%);\n border-radius: var(--lith-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(--lith-shadow-lg);\n}\n\n.lith-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.lith-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lith-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lith-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(--lith-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lith-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lith-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.lith-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}\n\n.lith-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.lith-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lith-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lith-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.lith-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(--lith-primary), var(--lith-accent));\n border-radius: 2px;\n}\n\n.lith-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lith-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.lith-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.lith-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.lith-card {\n background: var(--lith-white);\n border-radius: var(--lith-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lith-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lith-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lith-shadow-lg);\n border-color: var(--lith-primary);\n}\n\n.lith-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lith-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lith-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lith-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lith-card-highlight {\n border-left: 4px solid var(--lith-primary);\n text-align: left;\n}\n\n.lith-grid-compact .lith-card {\n padding: 1rem;\n}\n\n.lith-grid-compact .lith-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lith-grid-compact .lith-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.lith-composition {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n}\n\n.lith-ingredients {\n background: var(--lith-white);\n border-radius: var(--lith-radius);\n padding: 1.5rem;\n box-shadow: var(--lith-shadow);\n}\n\n.lith-ingredient-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--lith-border);\n}\n\n.lith-ingredient-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.lith-ingredient-item:first-child {\n padding-top: 0;\n}\n\n.lith-ingredient-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.lith-ingredient-info {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.lith-ingredient-info strong {\n font-size: 15px;\n color: var(--lith-text);\n}\n\n.lith-ingredient-info span {\n font-size: 13px;\n color: var(--lith-primary);\n font-weight: 600;\n}\n\n.lith-nutrition-table {\n background: var(--lith-white);\n border-radius: var(--lith-radius);\n padding: 1.5rem;\n box-shadow: var(--lith-shadow);\n}\n\n.lith-table-header {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: .5rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--lith-primary);\n margin-bottom: 1rem;\n}\n\n.lith-table-header span {\n font-size: 13px;\n font-weight: 700;\n color: var(--lith-primary-dark);\n text-transform: uppercase;\n letter-spacing: .02em;\n}\n\n.lith-table-row {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: .5rem;\n padding: .75rem 0;\n border-bottom: 1px solid var(--lith-border);\n align-items: center;\n}\n\n.lith-table-row:last-of-type {\n border-bottom: none;\n}\n\n.lith-table-row span {\n font-size: 14px;\n color: var(--lith-text);\n}\n\n.lith-vnr-badge {\n background: var(--lith-primary-light);\n color: var(--lith-primary-dark) !important;\n font-weight: 700 !important;\n padding: 4px 10px;\n border-radius: 999px;\n text-align: center;\n font-size: 13px !important;\n}\n\n.lith-table-note {\n font-size: 12px;\n color: var(--lith-text-light);\n margin: 1rem 0 0 0;\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.lith-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lith-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lith-timeline-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--lith-primary), var(--lith-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(74,155,95,.3);\n}\n\n.lith-timeline-content {\n flex: 1;\n background: var(--lith-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--lith-radius-sm);\n box-shadow: var(--lith-shadow);\n}\n\n.lith-timeline-content h3 {\n font-size: 17px;\n font-weight: 700;\n color: var(--lith-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.lith-timeline-content p {\n font-size: 14px;\n color: var(--lith-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lith-accordion {\n background: var(--lith-white);\n border-radius: var(--lith-radius);\n box-shadow: var(--lith-shadow);\n overflow: hidden;\n}\n\n.lith-accordion-item {\n border-bottom: 1px solid var(--lith-border);\n margin: 0;\n padding: 0;\n}\n\n.lith-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lith-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lith-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.lith-accordion-header:hover {\n background: var(--lith-primary-light);\n}\n\n.lith-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lith-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lith-primary);\n transition: transform .2s ease;\n}\n\n.lith-accordion-item[open] .lith-accordion-header::after {\n content: '−';\n}\n\n.lith-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lith-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.lith-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.lith-cta-box {\n background: linear-gradient(135deg, var(--lith-primary) 0%, var(--lith-primary-dark) 100%);\n border-radius: var(--lith-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lith-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.lith-disclaimer {\n font-size: 12px;\n color: var(--lith-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .lith-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .lith-grid-compact {\n gap: .625rem;\n }\n \n .lith-grid-compact .lith-card {\n padding: .75rem;\n }\n \n .lith-card {\n padding: 1.125rem;\n }\n \n .lith-card-highlight {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--lith-primary);\n }\n \n .lith-section {\n margin-bottom: 1.75rem;\n }\n \n .lith-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lith-radius-sm);\n }\n \n .lith-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .lith-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .lith-composition {\n grid-template-columns: 1fr;\n }\n \n .lith-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .lith-timeline-content {\n padding: .875rem 1rem;\n }\n \n .lith-timeline-content h3 {\n font-size: 15px;\n }\n \n .lith-timeline-content p {\n font-size: 13px;\n }\n \n .lith-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .lith-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .lith-table-header,\n .lith-table-row {\n grid-template-columns: 1.5fr 1fr 1fr;\n gap: .25rem;\n }\n \n .lith-table-header span,\n .lith-table-row span {\n font-size: 12px;\n }\n \n .lith-ingredient-icon {\n font-size: 24px;\n }\n \n .lith-ingredient-info strong {\n font-size: 14px;\n }\n \n .lith-ingredient-info span {\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lith-card {\n animation: lithFadeInUp .5s ease backwards;\n }\n .lith-card:nth-child(1) { animation-delay: .05s; }\n .lith-card:nth-child(2) { animation-delay: .1s; }\n .lith-card:nth-child(3) { animation-delay: .15s; }\n .lith-card:nth-child(4) { animation-delay: .2s; }\n .lith-card:nth-child(5) { animation-delay: .25s; }\n .lith-card:nth-child(6) { animation-delay: .3s; }\n \n .lith-timeline-item {\n animation: lithFadeInUp .5s ease backwards;\n }\n .lith-timeline-item:nth-child(1) { animation-delay: .1s; }\n .lith-timeline-item:nth-child(2) { animation-delay: .2s; }\n .lith-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes lithFadeInUp {\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 .lith-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":55159485104505,"sku":"AV4000","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lithothamne-90-gelules-aosa-veritable-packshothd.webp?v=1789735312"},{"product_id":"energie-vitale-120g-propolia","title":"Énergie Vitale - 120g - Propolia","description":"\u003cdiv class=\"ev-premium\"\u003e\n \u003cdiv class=\"ev-hero\"\u003e\n \u003cdiv class=\"ev-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ev-hero-content\"\u003e\n \u003cdiv class=\"ev-badges-top\"\u003e\n \u003cspan class=\"ev-badge\"\u003e🐝 Best-seller historique\u003c\/span\u003e\n \u003cspan class=\"ev-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e\n \u003cspan class=\"ev-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"ev-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ev-hero-title\"\u003eLe trésor de la ruche pour retrouver la forme\u003c\/span\u003e\n \u003cp class=\"ev-description\"\u003eUne synergie unique de \u003cstrong\u003emiel, propolis, gelée royale, acérola, papaye et ginseng\u003c\/strong\u003e, élaborée en Occitanie pour soutenir votre énergie au quotidien et renforcer vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003eUne formule complète pour retrouver tonus et vitalité\u003c\/h2\u003e\n \u003cp class=\"ev-section-intro\"\u003eLe concept d'\u003cstrong\u003eénergie vitale\u003c\/strong\u003e désigne cette force intérieure qui nous permet de faire face aux sollicitations du quotidien. Avec l'alliance reconnue \u003cstrong\u003eginseng et gelée royale\u003c\/strong\u003e, Propolia a conçu une formule onctueuse, prête à consommer, plus pratique et savoureuse qu'une cure d'ampoules. Vous bénéficiez ainsi de tous les bienfaits des actifs naturels sous une forme gourmande, idéale pour toute la famille dès 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"ev-grid-compact\"\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e💪 Tonus\u003c\/h3\u003e\n \u003cp\u003eÉnergie physique et mentale au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n \u003cp\u003eRenforce les défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🍯 Gourmand\u003c\/h3\u003e\n \u003cp\u003eTexture onctueuse prête à consommer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Famille\u003c\/h3\u003e\n \u003cp\u003eAdapté à toute la famille dès 3 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003eComposition détaillée et bienfaits de chaque ingrédient\u003c\/h2\u003e\n \u003cdiv class=\"ev-grid\"\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🍯 Miel (42,4%)\u003c\/h3\u003e\n \u003cp\u003eVéritable trésor doré, riche en antioxydants, il apporte une énergie naturelle et fortifie l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🐝 Propolis (4,5%)\u003c\/h3\u003e\n \u003cp\u003eRésine récoltée par les abeilles, reconnue pour soutenir les défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e👑 Gelée royale (3%)\u003c\/h3\u003e\n \u003cp\u003eConcentré nutritif exceptionnel, elle contribue au tonus physique et mental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🍒 Extrait d'acérola\u003c\/h3\u003e\n \u003cp\u003eTitré à 25 % de \u003cstrong\u003evitamine C\u003c\/strong\u003e naturelle, cet extrait aide à réduire la fatigue et soutient l'immunité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🥭 Papaye\u003c\/h3\u003e\n \u003cp\u003eFruit tropical revitalisant, riche en enzymes et antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🌱 Ginseng\u003c\/h3\u003e\n \u003cp\u003eRacine adaptogène emblématique, alliée du tonus et de la concentration, plébiscitée depuis des décennies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🌿 Arômes naturels\u003c\/h3\u003e\n \u003cp\u003eMenthe, cardamome et anis vert pour une saveur fraîche et plaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003eComment prendre Énergie Vitale ?\u003c\/h2\u003e\n \u003cp class=\"ev-section-intro\"\u003ePour profiter pleinement des bienfaits de cette synergie, prenez \u003cstrong\u003e1 cuillère à café chaque matin à jeun\u003c\/strong\u003e, durant 1 mois et demi (soit environ 3 pots) pour une cure complète.\u003c\/p\u003e\n \u003cdiv class=\"ev-timeline\"\u003e\n \u003cdiv class=\"ev-timeline-item\"\u003e\n \u003cdiv class=\"ev-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-content\"\u003e\n \u003ch3\u003e🥄 À la cuillère\u003c\/h3\u003e\n \u003cp\u003eDirectement à la cuillère, pour un effet immédiat et un plaisir gustatif intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-item\"\u003e\n \u003cdiv class=\"ev-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-content\"\u003e\n \u003ch3\u003e☕ Dans une boisson tiède\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une boisson tiède (maximum 40°C pour préserver les actifs naturels).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-item\"\u003e\n \u003cdiv class=\"ev-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ev-timeline-content\"\u003e\n \u003ch3\u003e🍞 Sur une tartine\u003c\/h3\u003e\n \u003cp\u003eTartinée sur une tranche de pain complet, pour un petit-déjeuner équilibré et énergisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-tip\"\u003e\n \u003cspan class=\"ev-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eIdéal en cure aux changements de saison, avant un examen, lors d'un effort intense ou simplement pour retrouver la pêche au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ev-section\"\u003e\n \u003ch2\u003ePourquoi choisir Énergie Vitale plutôt qu'une cure en ampoules ?\u003c\/h2\u003e\n \u003cdiv class=\"ev-grid-compact\"\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🍯 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003ePlus agréable et gourmande que les ampoules classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans gluten ni alcool, d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Occitanie\u003c\/h3\u003e\n \u003cp\u003eLaboratoire expert en apiculture depuis 40 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient dès 3 ans, plaisir partagé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e⭐ Best-seller\u003c\/h3\u003e\n \u003cp\u003eRéférence historique de la marque Propolia\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ev-card\"\u003e\n \u003ch3\u003e✨ Prêt à consommer\u003c\/h3\u003e\n \u003cp\u003eAucune préparation, pratique au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ev-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ev-accordion\"\u003e\n \u003cdetails class=\"ev-accordion-item\"\u003e\n \u003csummary class=\"ev-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"ev-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche, aux femmes enceintes ou allaitantes, et aux enfants de moins de 3 ans. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ev-accordion-item\"\u003e\n \u003csummary class=\"ev-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ev-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière et de la chaleur, pour préserver toutes les qualités du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ev-accordion-item\"\u003e\n \u003csummary class=\"ev-accordion-header\"\u003e📋 Recommandations\u003c\/summary\u003e\n \u003cdiv class=\"ev-accordion-content mt-3\"\u003e\n \u003cp\u003eUn complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. \u003cstrong\u003eCe produit ne remplace pas un traitement médical\u003c\/strong\u003e : en cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ev-cream: #fdf8f5;\n --ev-white: #ffffff;\n --ev-primary: #e63946;\n --ev-primary-dark: #b8232f;\n --ev-primary-light: #fde8ea;\n --ev-secondary: #f4a261;\n --ev-accent: #ffb703;\n --ev-text: #1a1a1a;\n --ev-text-light: #5a5a5a;\n --ev-border: #f0e0d8;\n --ev-shadow: 0 4px 24px rgba(230,57,70,.08);\n --ev-shadow-lg: 0 12px 48px rgba(230,57,70,.18);\n --ev-radius: 20px;\n --ev-radius-sm: 12px;\n}\n\n.ev-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ev-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ev-text);\n}\n\n.ev-hero {\n position: relative;\n background: linear-gradient(135deg, #e63946 0%, #d62839 50%, #b8232f 100%);\n border-radius: var(--ev-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(--ev-shadow-lg);\n}\n\n.ev-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%), radial-gradient(circle at 80% 70%, rgba(255,183,3,.3) 0%, transparent 40%);\n opacity: .25;\n}\n\n.ev-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ev-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.ev-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.ev-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.ev-description strong { color: #fff; }\n\n.ev-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ev-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(--ev-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ev-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ev-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ev-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ev-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.ev-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(--ev-primary), var(--ev-accent));\n border-radius: 2px;\n}\n\n.ev-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ev-text-light);\n margin-bottom: 1.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.ev-card {\n background: var(--ev-white);\n border-radius: var(--ev-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ev-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ev-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ev-shadow-lg);\n border-color: var(--ev-primary);\n}\n\n.ev-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ev-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ev-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ev-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ev-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ev-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.ev-grid-compact .ev-card {\n padding: 1.1rem;\n}\n\n.ev-grid-compact .ev-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.ev-grid-compact .ev-card p {\n font-size: 13px;\n}\n\n.ev-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.ev-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ev-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ev-primary), var(--ev-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(230,57,70,.3);\n}\n\n.ev-timeline-content {\n flex: 1;\n background: var(--ev-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ev-radius-sm);\n box-shadow: var(--ev-shadow);\n}\n\n.ev-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ev-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ev-timeline-content p {\n font-size: 14px;\n color: var(--ev-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ev-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ev-primary-light);\n border-radius: var(--ev-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n border-left: 4px solid var(--ev-primary);\n}\n\n.ev-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ev-tip p {\n font-size: 14px;\n color: var(--ev-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ev-accordion {\n background: var(--ev-white);\n border-radius: var(--ev-radius);\n box-shadow: var(--ev-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.ev-accordion-item {\n border-bottom: 1px solid var(--ev-border);\n margin: 0;\n padding: 0;\n}\n\n.ev-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ev-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ev-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.ev-accordion-header:hover {\n background: var(--ev-primary-light);\n}\n\n.ev-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ev-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--ev-primary);\n transition: transform .2s ease;\n}\n\n.ev-accordion-item[open] .ev-accordion-header::after {\n content: '−';\n}\n\n.ev-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ev-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ev-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .ev-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ev-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .ev-grid-compact .ev-card {\n padding: .85rem;\n }\n\n .ev-grid-compact .ev-card h3 {\n font-size: 13.5px;\n }\n\n .ev-grid-compact .ev-card p {\n font-size: 12px;\n }\n\n .ev-card {\n padding: 1.125rem;\n }\n\n .ev-section {\n margin-bottom: 1.75rem;\n }\n\n .ev-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ev-radius-sm);\n }\n\n .ev-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ev-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ev-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ev-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ev-timeline-content h3 {\n font-size: 14px;\n }\n\n .ev-timeline-content p {\n font-size: 13px;\n }\n\n .ev-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ev-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ev-tip {\n padding: .875rem 1rem;\n }\n\n .ev-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ev-card {\n animation: evFadeInUp .5s ease backwards;\n }\n .ev-card:nth-child(1) { animation-delay: .05s; }\n .ev-card:nth-child(2) { animation-delay: .1s; }\n .ev-card:nth-child(3) { animation-delay: .15s; }\n .ev-card:nth-child(4) { animation-delay: .2s; }\n .ev-card:nth-child(5) { animation-delay: .25s; }\n .ev-card:nth-child(6) { animation-delay: .3s; }\n .ev-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes evFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ev-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":55163579171193,"sku":"AP0024","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/energie-vitale-120g-propolia-packshothd.webp?v=1789475775"},{"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":19.49,"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":"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.9,"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":"silanoral-1-litre-labo-sante-silice","title":"Silanoral 1 Litre - Silicium, vitamines \u0026 minéraux – Labo Santé Silice","description":"\u003cdiv class=\"sn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sn-hero\"\u003e\n \u003cdiv class=\"sn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sn-hero-content\"\u003e\n \u003cdiv class=\"sn-badges-top\"\u003e\n \u003cspan class=\"sn-badge\"\u003e🌿 Silicium végétal\u003c\/span\u003e\n \u003cspan class=\"sn-badge\"\u003e⚡ 4000 mg\/L\u003c\/span\u003e\n \u003cspan class=\"sn-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"sn-badge\"\u003e🫙 1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sn-hero-title\"\u003eSilanoral 1 Litre\u003c\/span\u003e\n \u003cp class=\"sn-subtitle\"\u003eSilicium, vitamines \u0026amp; minéraux – Labo Santé Silice\u003c\/p\u003e\n \u003cp class=\"sn-description\"\u003eLa cure buvable concentrée en silicium organique d'origine végétale, enrichie en vitamines B2, B12, magnésium, zinc et sélénium pour retrouver énergie, vitalité et confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003eSilanoral : votre cure de silicium organique végétal pour l'énergie et la vitalité\u003c\/h2\u003e\n \u003cdiv class=\"sn-highlight-card\"\u003e\n \u003cp\u003e\u003cstrong\u003eSilanoral\u003c\/strong\u003e du Labo Santé Silice est un complément alimentaire buvable concentré en \u003cstrong\u003esilicium organique d'origine végétale\u003c\/strong\u003e (4000 mg\/L), enrichi en vitamines B2, B12, magnésium, zinc et sélénium. Formulé pour soutenir votre vitalité, votre confort articulaire et la beauté de votre peau, il se distingue par sa haute biodisponibilité et sa composition sans silicium de synthèse ni additifs controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003eBienfaits du silicium organique : pourquoi choisir Silanoral ?\u003c\/h2\u003e\n \u003cp class=\"sn-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du silicium organique\u003c\/strong\u003e sont largement documentés. Cet oligo-élément joue un rôle clé dans la structure des tissus conjonctifs, la solidité des os, la souplesse articulaire et la résistance de la peau, des cheveux et des ongles. Notre organisme en produisant de moins en moins avec l'âge, une supplémentation devient pertinente.\u003c\/p\u003e\n \u003cp class=\"sn-section-intro\"\u003eSilanoral associe un silicium végétal issu du \u003cstrong\u003ebambou\u003c\/strong\u003e — naturellement riche en silice et remarquablement assimilable — avec des nutriments complémentaires soigneusement dosés :\u003c\/p\u003e\n \u003cdiv class=\"sn-grid\"\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e⚡ Vitamines B2 et B12\u003c\/h3\u003e\n \u003cp\u003eContribuent à un métabolisme énergétique normal et aident à réduire la fatigue au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e💎 Zinc\u003c\/h3\u003e\n \u003cp\u003eMaintien de cheveux, ongles et peau en bonne santé. Soutien du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n \u003cp\u003eProtège les cellules contre le stress oxydatif grâce à son puissant pouvoir antioxydant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e💪 Magnésium\u003c\/h3\u003e\n \u003cp\u003eSoutient le fonctionnement musculaire et nerveux au quotidien pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003eSilicium organique G5 et Silanoral : quelles différences ?\u003c\/h2\u003e\n \u003cdiv class=\"sn-comparison\"\u003e\n \u003cdiv class=\"sn-comparison-col sn-comparison-other\"\u003e\n \u003ch3\u003e🧪 Silicium G5 classique\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eForme souvent obtenue par synthèse chimique\u003c\/li\u003e\n \u003cli\u003eTolérance digestive parfois limitée\u003c\/li\u003e\n \u003cli\u003eBiodisponibilité variable\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-comparison-col sn-comparison-sn\"\u003e\n \u003ch3\u003e🌿 Silanoral\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eSilicium exclusivement d'origine végétale\u003c\/li\u003e\n \u003cli\u003eExtrait de l'exsudat de bambou\u003c\/li\u003e\n \u003cli\u003eExcellente tolérance digestive\u003c\/li\u003e\n \u003cli\u003eBiodisponibilité optimale\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003eY a-t-il un danger du silicium organique ?\u003c\/h2\u003e\n \u003cdiv class=\"sn-reassurance\"\u003e\n \u003cdiv class=\"sn-reassurance-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"sn-reassurance-content\"\u003e\n \u003cp\u003eLa question du \u003cstrong\u003edanger du silicium organique\u003c\/strong\u003e revient souvent. Aux doses recommandées et sous forme végétale comme dans Silanoral, le silicium est \u003cstrong\u003eparfaitement sûr\u003c\/strong\u003e pour l'adulte en bonne santé. Respectez la posologie indiquée et consultez votre médecin en cas de doute ou de traitement en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"sn-timeline\"\u003e\n \u003cdiv class=\"sn-timeline-item\"\u003e\n \u003cdiv class=\"sn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 bouchons doseurs (20 ml chacun) par jour\u003c\/strong\u003e, de préférence avant un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-item\"\u003e\n \u003cdiv class=\"sn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-content\"\u003e\n \u003ch3\u003eEntretien ou cure intensive\u003c\/h3\u003e\n \u003cp\u003eCommencez par un bouchon quotidien pour un entretien régulier, puis passez à deux en cas de fatigue marquée ou pour un effet revitalisant plus intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-item\"\u003e\n \u003cdiv class=\"sn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003ePeut se prendre pur ou dilué dans un verre d'eau. Bien agiter avant emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-item\"\u003e\n \u003cdiv class=\"sn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est recommandée, renouvelable aux changements de saison ou en période de stress.\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=\"sn-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"sn-section-intro\"\u003eEau déminéralisée, sulfate de magnésium, glycérine, exsudat de bambou (\u003cem\u003eBambusa arundinacea\u003c\/em\u003e), arôme naturel de fruits rouges, acidifiant : acide citrique, conservateur : sorbate de potassium, sulfate de zinc, vitamine B12 (cyanocobalamine), vitamine B2 (riboflavine), sélénite de sodium.\u003c\/p\u003e\n\n \u003cdiv class=\"sn-nutri-title\"\u003eValeurs nutritionnelles pour 40 ml (2 bouchons) :\u003c\/div\u003e\n \u003cdiv class=\"sn-grid-compact\"\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🪨 Silicium\u003c\/h3\u003e\n \u003cp\u003e160 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e💪 Magnésium\u003c\/h3\u003e\n \u003cp\u003e22 mg (5,8 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e💎 Zinc\u003c\/h3\u003e\n \u003cp\u003e1,6 mg (16 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n \u003cp\u003e18 μg (33 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e⚡ Vitamine B2\u003c\/h3\u003e\n \u003cp\u003e0,56 mg (40 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🔋 Vitamine B12\u003c\/h3\u003e\n \u003cp\u003e1 μg (40 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sn-accordion\"\u003e\n \u003cdetails class=\"sn-accordion-item\"\u003e\n \u003csummary class=\"sn-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Déconseillé aux enfants, adolescents, femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sn-accordion-item\"\u003e\n \u003csummary class=\"sn-accordion-header\"\u003e📏 Posologie\u003c\/summary\u003e\n \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sn-accordion-item\"\u003e\n \u003csummary class=\"sn-accordion-header\"\u003e⚠️ Sensibilité digestive\u003c\/summary\u003e\n \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n \u003cp\u003eLe magnésium peut avoir un léger effet laxatif chez les personnes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sn-accordion-item\"\u003e\n \u003csummary class=\"sn-accordion-header\"\u003e🥗 Alimentation équilibrée\u003c\/summary\u003e\n \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sn-accordion-item\"\u003e\n \u003csummary class=\"sn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver au réfrigérateur après ouverture et consommer dans le mois. Fabrication française.\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=\"sn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre avis sur Silanoral\u003c\/h2\u003e\n \u003cdiv class=\"sn-testimonial\"\u003e\n \u003cp class=\"sn-testimonial-text\"\u003eSilanoral fait partie des rares solutions buvables à base de \u003cstrong\u003esilicium organique\u003c\/strong\u003e alliant formule naturelle complète, goût agréable de fruits rouges et transparence sur la composition. Un choix judicieux pour entretenir votre mobilité, retrouver du tonus ou prendre soin de votre capital beauté de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps le silicium végétal qu'il mérite — énergie, articulations, beauté : tout commence de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sn-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 --sn-cream: #faf7f5;\n --sn-white: #ffffff;\n --sn-primary: #c0213e;\n --sn-primary-dark: #8c1529;\n --sn-primary-light: #fdf0f2;\n --sn-secondary: #d94a5e;\n --sn-accent: #e8b445;\n --sn-text: #1a1a1a;\n --sn-text-light: #5a5a5a;\n --sn-border: #e8e0dc;\n --sn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sn-radius: 20px;\n --sn-radius-sm: 12px;\n}\n\n.sn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sn-primary-dark) 0%, var(--sn-primary) 45%, var(--sn-secondary) 100%);\n border-radius: var(--sn-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(--sn-shadow-lg);\n}\n\n.sn-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 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.04'%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.sn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sn-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(--sn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sn-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.sn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sn-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\/* === SECTIONS === *\/\n.sn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sn-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.sn-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(--sn-primary), var(--sn-secondary));\n border-radius: 2px;\n}\n\n.sn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sn-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\/* === HIGHLIGHT CARD === *\/\n.sn-highlight-card {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sn-shadow);\n border-left: 5px solid var(--sn-primary);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.sn-highlight-card p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sn-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.sn-card {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sn-shadow-lg);\n border-color: var(--sn-primary);\n}\n\n.sn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sn-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.sn-grid-compact .sn-card {\n padding: 1rem;\n}\n\n.sn-grid-compact .sn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sn-grid-compact .sn-card p {\n font-size: 13px;\n font-weight: 700;\n color: var(--sn-primary-dark);\n}\n\n\/* === COMPARISON === *\/\n.sn-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.sn-comparison-col {\n border-radius: var(--sn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sn-shadow);\n}\n\n.sn-comparison-col 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.sn-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.sn-comparison-col ul li {\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.6;\n padding: .4rem 0;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.sn-comparison-other {\n background: var(--sn-white);\n border: 2px solid var(--sn-border);\n}\n\n.sn-comparison-other h3 {\n color: var(--sn-text-light);\n}\n\n.sn-comparison-other ul li::before {\n content: '–';\n position: absolute;\n left: 0;\n color: var(--sn-text-light);\n font-weight: 700;\n}\n\n.sn-comparison-other ul li {\n color: var(--sn-text-light);\n}\n\n.sn-comparison-sn {\n background: var(--sn-primary-light);\n border: 2px solid var(--sn-primary);\n}\n\n.sn-comparison-sn h3 {\n color: var(--sn-primary-dark);\n}\n\n.sn-comparison-sn ul li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--sn-primary);\n font-weight: 800;\n}\n\n.sn-comparison-sn ul li {\n color: var(--sn-text);\n}\n\n\/* === REASSURANCE === *\/\n.sn-reassurance {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sn-shadow);\n border: 2px solid #d4edda;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.sn-reassurance-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.sn-reassurance-content p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sn-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.sn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.sn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sn-primary), var(--sn-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.sn-timeline-content {\n flex: 1;\n background: var(--sn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sn-radius-sm);\n box-shadow: var(--sn-shadow);\n}\n\n.sn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sn-timeline-content p {\n font-size: 14px;\n color: var(--sn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === NUTRI TITLE === *\/\n.sn-nutri-title {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--sn-primary-dark);\n margin-bottom: 1.25rem;\n}\n\n\/* === TESTIMONIAL === *\/\n.sn-testimonial {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sn-shadow);\n border-left: 4px solid var(--sn-primary);\n max-width: 800px;\n margin: 0 auto 1.5rem;\n}\n\n.sn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.sn-accordion {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n box-shadow: var(--sn-shadow);\n overflow: hidden;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.sn-accordion-item {\n border-bottom: 1px solid var(--sn-border);\n margin: 0;\n padding: 0;\n}\n\n.sn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sn-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.sn-accordion-header:hover {\n background: var(--sn-primary-light);\n}\n\n.sn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sn-primary);\n transition: transform .2s ease;\n}\n\n.sn-accordion-item[open] .sn-accordion-header::after {\n content: '−';\n}\n\n.sn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sn-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.sn-cta-box {\n background: linear-gradient(135deg, var(--sn-primary) 0%, var(--sn-primary-dark) 100%);\n border-radius: var(--sn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sn-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.sn-disclaimer {\n font-size: 12px;\n color: var(--sn-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 .sn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sn-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .sn-grid-compact .sn-card {\n padding: .75rem;\n }\n\n .sn-card {\n padding: 1.125rem;\n }\n\n .sn-section {\n margin-bottom: 1.75rem;\n }\n\n .sn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sn-radius-sm);\n }\n\n .sn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sn-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sn-reassurance {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n\n .sn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sn-timeline-content h3 {\n font-size: 14px;\n }\n\n .sn-timeline-content p {\n font-size: 13px;\n }\n\n .sn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sn-testimonial {\n padding: 1.25rem;\n }\n\n .sn-testimonial-text {\n font-size: 14px;\n }\n\n .sn-highlight-card {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sn-card {\n animation: snFadeInUp .5s ease backwards;\n }\n .sn-card:nth-child(1) { animation-delay: .05s; }\n .sn-card:nth-child(2) { animation-delay: .1s; }\n .sn-card:nth-child(3) { animation-delay: .15s; }\n .sn-card:nth-child(4) { animation-delay: .2s; }\n .sn-card:nth-child(5) { animation-delay: .25s; }\n .sn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes snFadeInUp {\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 .sn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55232847315321,"sku":"LS0295","price":25.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silanoral-1-litre-silicium-vitamines-mineraux-labo-sante-sil-packshothd.webp?v=1773243880"},{"product_id":"imuniform-multivitamines-mineraux-plantes-120-gelules-inolab","title":"Imuniform : Multivitamines, minéraux \u0026 plantes - 120 gélules - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Imuniform - Multivitamines, minéraux \u0026 plantes\nPalette détectée:\n - Primaire: #F5A623 (orange chaleureux du packaging dominant)\n - Secondaire: #E8941F (orange plus soutenu pour les accents)\n - Accent: #FFF5E6 (crème\/beige clair du fond du sachet)\nAmbiance: Vitalité, énergie douce, naturel\/santé, chaleureux et accessible\nStyle: Premium santé naturelle, clean et lumineux\nPréfixe CSS: imf\n--\u003e\n\n\u003cdiv class=\"imf-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"imf-hero\"\u003e\n \u003cdiv class=\"imf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"imf-hero-content\"\u003e\n \u003cdiv class=\"imf-badges-top\"\u003e\n \u003cspan class=\"imf-badge\"\u003e🛡️ Immunité\u003c\/span\u003e\n \u003cspan class=\"imf-badge\"\u003e⚡ Tonus\u003c\/span\u003e\n \u003cspan class=\"imf-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"imf-badge\"\u003e🔬 Quatrefolic®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"imf-hero-title\"\u003eImuniform\u003c\/span\u003e\n \u003cp class=\"imf-subtitle\"\u003eLe complexe multivitamines premium enrichi en plantes\u003c\/p\u003e\n \u003cp class=\"imf-description\"\u003e13 vitamines • 2 minéraux essentiels • 4 extraits végétaux\u003cbr\u003eVotre bouclier vitalité au quotidien\u003c\/p\u003e\n \u003cdiv class=\"imf-hero-stats\"\u003e\n \u003cdiv class=\"imf-stat\"\u003e\n \u003cspan class=\"imf-stat-number\"\u003e120\u003c\/span\u003e\n \u003cspan class=\"imf-stat-label\"\u003eGélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-stat\"\u003e\n \u003cspan class=\"imf-stat-number\"\u003e30\u003c\/span\u003e\n \u003cspan class=\"imf-stat-label\"\u003eJours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-stat\"\u003e\n \u003cspan class=\"imf-stat-number\"\u003e1000mg\u003c\/span\u003e\n \u003cspan class=\"imf-stat-label\"\u003eGinseng\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- PROMESSE --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003cdiv class=\"imf-promise-box\"\u003e\n \u003cp\u003eContrairement aux formules classiques de pharmacie, Imuniform intègre des \u003cstrong\u003eactifs brevetés\u003c\/strong\u003e comme le Quatrefolic® et une \u003cstrong\u003evitamine D3 végétale\u003c\/strong\u003e issue du lichen. Une supplémentation de qualité supérieure, pensée pour être réellement assimilée par votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI CHOISIR --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003ePourquoi choisir Imuniform ?\u003c\/h2\u003e\n \u003cdiv class=\"imf-grid\"\u003e\n \u003cdiv class=\"imf-card\"\u003e\n \u003ch3\u003e🌿 Synergie plantes-vitamines unique\u003c\/h3\u003e\n \u003cp\u003eGinseng sibérien (1000 mg), échinacée pourpre et cynorrhodon travaillent en harmonie avec les vitamines pour un effet global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-card\"\u003e\n \u003ch3\u003e🎯 Formes hautement assimilables\u003c\/h3\u003e\n \u003cp\u003eZinc bisglycinate, magnésium de qualité, vitamine B9 Quatrefolic® – votre corps les absorbe efficacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-card\"\u003e\n \u003ch3\u003e✨ Zéro additif superflu\u003c\/h3\u003e\n \u003cp\u003ePas de dioxyde de titane, pas de conservateurs controversés, gélule végétale HPMC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-card\"\u003e\n \u003ch3\u003e📅 Programme 30 jours complet\u003c\/h3\u003e\n \u003cp\u003e120 gélules parfaitement dosées pour une cure d'un mois, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets sur votre quotidien\u003c\/h2\u003e\n \u003cdiv class=\"imf-benefits\"\u003e\n \u003cdiv class=\"imf-benefit-card imf-benefit-immunity\"\u003e\n \u003cdiv class=\"imf-benefit-header\"\u003e\n \u003cspan class=\"imf-benefit-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3\u003eRenforcez vos défenses naturelles\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLa vitamine C issue du cynorrhodon, le zinc et la vitamine D3 contribuent au \u003cstrong\u003efonctionnement normal du système immunitaire\u003c\/strong\u003e. L'échinacée pourpre complète cette action de façon traditionnelle.\u003c\/p\u003e\n \u003cdiv class=\"imf-benefit-tag\"\u003eIdéal aux changements de saison\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-benefit-card imf-benefit-energy\"\u003e\n \u003cdiv class=\"imf-benefit-header\"\u003e\n \u003cspan class=\"imf-benefit-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3\u003eDites adieu à la fatigue persistante\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLes \u003cstrong\u003e8 vitamines du groupe B\u003c\/strong\u003e, associées au magnésium et à la vitamine C, contribuent à réduire la fatigue et à maintenir un métabolisme énergétique normal.\u003c\/p\u003e\n \u003cdiv class=\"imf-benefit-tag\"\u003eRésultats dès 2-3 semaines\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-benefit-card imf-benefit-boost\"\u003e\n \u003cdiv class=\"imf-benefit-header\"\u003e\n \u003cspan class=\"imf-benefit-icon\"\u003e🚀\u003c\/span\u003e\n \u003ch3\u003eCoup de boost adaptogène\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eLe \u003cstrong\u003eginseng sibérien\u003c\/strong\u003e (1000 mg\/jour) aide votre organisme à mieux s'adapter aux situations de stress et de surmenage. Le thé vert apporte ses vertus antioxydantes (53 mg d'EGCG).\u003c\/p\u003e\n \u003cdiv class=\"imf-benefit-tag\"\u003ePlantes adaptogènes puissantes\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION VEDETTE --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eLes actifs stars de la formule\u003c\/h2\u003e\n \u003cdiv class=\"imf-ingredients-grid\"\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003e1000 mg\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch4\u003eGinseng sibérien\u003c\/h4\u003e\n \u003cp\u003eAdaptogène tonifiant pour lutter contre le stress et la fatigue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003e156 mg\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e🫐\u003c\/div\u003e\n \u003ch4\u003eCynorrhodon\u003c\/h4\u003e\n \u003cp\u003eSource naturelle de vitamine C (80 mg = 100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003e120 mg\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch4\u003eÉchinacée pourpre\u003c\/h4\u003e\n \u003cp\u003eSoutien traditionnel des défenses immunitaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003e100 mg\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e🍵\u003c\/div\u003e\n \u003ch4\u003eThé vert\u003c\/h4\u003e\n \u003cp\u003eRiche en EGCG antioxydant (53 mg)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003e100% VNR\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e☀️\u003c\/div\u003e\n \u003ch4\u003eVitamine D3 végétale\u003c\/h4\u003e\n \u003cp\u003eIssue du lichen, 100% végétalienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient\"\u003e\n \u003cdiv class=\"imf-ingredient-badge\"\u003eBreveté\u003c\/div\u003e\n \u003cdiv class=\"imf-ingredient-icon\"\u003e🧬\u003c\/div\u003e\n \u003ch4\u003eQuatrefolic®\u003c\/h4\u003e\n \u003cp\u003eVitamine B9 de haute biodisponibilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- TABLEAU COMPOSITION --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 4 gélules\u003c\/h2\u003e\n \u003cdiv class=\"imf-table-container\"\u003e\n \u003ctable class=\"imf-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eIngrédient actif\u003c\/th\u003e\n \u003cth\u003eQuantité\u003c\/th\u003e\n \u003cth\u003e% VNR*\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr class=\"imf-table-highlight\"\u003e\n \u003ctd\u003e\u003cstrong\u003e🌱 Extrait de ginseng sibérien\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e1000 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e🫐 Extrait de cynorrhodon\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e156 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"imf-table-sub\"\u003e\n \u003ctd\u003e↳ dont vitamine C naturelle\u003c\/td\u003e\n \u003ctd\u003e80 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e🔬 N-acétyl-cystéine\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e120 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e🌸 Poudre d'échinacée pourpre\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e120 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e🍵 Extrait de thé vert\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e100 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"imf-table-sub\"\u003e\n \u003ctd\u003e↳ dont EGCG\u003c\/td\u003e\n \u003ctd\u003e53 mg\u003c\/td\u003e\n \u003ctd\u003e-\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e⚡ Magnésium\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e93,75 mg\u003c\/td\u003e\n \u003ctd\u003e25%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\u003cstrong\u003e🛡️ Zinc (bisglycinate)\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd\u003e10 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003e☀️ Vitamine D3\u003c\/strong\u003e (lichen)\u003c\/td\u003e\n \u003ctd\u003e5 µg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003e🦴 Vitamine K2\u003c\/strong\u003e (MK-7)\u003c\/td\u003e\n \u003ctd\u003e75 µg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B1\u003c\/strong\u003e (thiamine)\u003c\/td\u003e\n \u003ctd\u003e1,10 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B2\u003c\/strong\u003e (riboflavine)\u003c\/td\u003e\n \u003ctd\u003e1,40 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B3\u003c\/strong\u003e (niacine)\u003c\/td\u003e\n \u003ctd\u003e16 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B5\u003c\/strong\u003e (acide pantothénique)\u003c\/td\u003e\n \u003ctd\u003e6 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B6\u003c\/strong\u003e (pyridoxine)\u003c\/td\u003e\n \u003ctd\u003e1,40 mg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B8\u003c\/strong\u003e (biotine)\u003c\/td\u003e\n \u003ctd\u003e50 µg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B9\u003c\/strong\u003e (Quatrefolic®)\u003c\/td\u003e\n \u003ctd\u003e200 µg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e\n\u003cstrong\u003eVitamine B12\u003c\/strong\u003e (méthylcobalamine)\u003c\/td\u003e\n \u003ctd\u003e2,50 µg\u003c\/td\u003e\n \u003ctd\u003e100%\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003cp class=\"imf-table-note\"\u003e*VNR : Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Imuniform ?\u003c\/h2\u003e\n \u003cdiv class=\"imf-profiles-grid\"\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e😓\u003c\/span\u003e\n \u003cp\u003ePersonnes en période de \u003cstrong\u003efatigue ou stress intense\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eCeux qui veulent \u003cstrong\u003epréparer l'hiver\u003c\/strong\u003e sereinement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e🍔\u003c\/span\u003e\n \u003cp\u003eAlimentation \u003cstrong\u003edéséquilibrée\u003c\/strong\u003e ou peu variée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eVégétariens et \u003cstrong\u003evégétaliens\u003c\/strong\u003e exigeants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSportifs\u003c\/strong\u003e cherchant une meilleure récupération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-profile\"\u003e\n \u003cspan class=\"imf-profile-icon\"\u003e💼\u003c\/span\u003e\n \u003cp\u003eActifs avec un \u003cstrong\u003erythme de vie soutenu\u003c\/strong\u003e\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=\"imf-section\"\u003e\n \u003ch2\u003eComment prendre Imuniform ?\u003c\/h2\u003e\n \u003cdiv class=\"imf-usage-container\"\u003e\n \u003cdiv class=\"imf-usage-timeline\"\u003e\n \u003cdiv class=\"imf-usage-step\"\u003e\n \u003cdiv class=\"imf-step-time\"\u003e🌅 Matin\u003c\/div\u003e\n \u003cdiv class=\"imf-step-content\"\u003e\n \u003cspan class=\"imf-step-pills\"\u003e2 gélules\u003c\/span\u003e\n \u003cp\u003eAu petit-déjeuner avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-usage-step\"\u003e\n \u003cdiv class=\"imf-step-time\"\u003e☀️ Midi\u003c\/div\u003e\n \u003cdiv class=\"imf-step-content\"\u003e\n \u003cspan class=\"imf-step-pills\"\u003e2 gélules\u003c\/span\u003e\n \u003cp\u003eAu déjeuner pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-usage-tip\"\u003e\n \u003cdiv class=\"imf-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv class=\"imf-tip-content\"\u003e\n \u003cstrong\u003eConseil de pro\u003c\/strong\u003e\n \u003cp\u003ePrendre au cours du repas pour une meilleure absorption des vitamines liposolubles (D3, K2). Durée de cure recommandée : \u003cb\u003e3 mois\u003c\/b\u003e pour des résultats durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- TIMELINE RÉSULTATS --\u003e\n \u003csection class=\"imf-section\"\u003e\n \u003ch2\u003eQuand voir les premiers résultats ?\u003c\/h2\u003e\n \u003cdiv class=\"imf-results-timeline\"\u003e\n \u003cdiv class=\"imf-result-point\"\u003e\n \u003cdiv class=\"imf-result-week\"\u003eSemaine 2-3\u003c\/div\u003e\n \u003cdiv class=\"imf-result-desc\"\u003ePremiers effets sur la fatigue ressentie\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-result-point\"\u003e\n \u003cdiv class=\"imf-result-week\"\u003eSemaine 4-6\u003c\/div\u003e\n \u003cdiv class=\"imf-result-desc\"\u003eSoutien optimal de l'immunité\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"imf-result-point\"\u003e\n \u003cdiv class=\"imf-result-week\"\u003eMois 3\u003c\/div\u003e\n \u003cdiv class=\"imf-result-desc\"\u003eBénéfices durables et consolidés\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"imf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"imf-cta-box\"\u003e\n \u003cdiv class=\"imf-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"imf-cta-content\"\u003e\n \u003cspan class=\"imf-cta-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cp\u003eOffrez à votre corps la \u003cstrong\u003esynergie parfaite\u003c\/strong\u003e entre vitamines, minéraux et plantes adaptogènes. Imuniform, c'est votre allié \u003cstrong\u003eimmunité et vitalité\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"imf-cta-features\"\u003e\n \u003cspan\u003e✓ 13 vitamines\u003c\/span\u003e\n \u003cspan\u003e✓ 2 minéraux\u003c\/span\u003e\n \u003cspan\u003e✓ 4 plantes\u003c\/span\u003e\n \u003cspan\u003e✓ 100% végétal\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 --imf-cream: #FFFBF5;\n --imf-white: #ffffff;\n --imf-primary: #F5A623;\n --imf-primary-dark: #D4880E;\n --imf-primary-light: #FFF5E6;\n --imf-secondary: #E8941F;\n --imf-accent: #FFD093;\n --imf-text: #1a1a1a;\n --imf-text-light: #5a5a5a;\n --imf-border: #F0E6DA;\n --imf-shadow: 0 4px 24px rgba(245,166,35,.12);\n --imf-shadow-lg: 0 12px 48px rgba(245,166,35,.18);\n --imf-radius: 20px;\n --imf-radius-sm: 12px;\n}\n\n.imf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--imf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--imf-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.imf-hero {\n position: relative;\n background: linear-gradient(135deg, #F5A623 0%, #E8941F 50%, #D4880E 100%);\n border-radius: var(--imf-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(--imf-shadow-lg);\n}\n\n.imf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 20 L50 20 L38 30 L43 45 L30 35 L17 45 L22 30 L10 20 L25 20 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.imf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.imf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.imf-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(--imf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.imf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.imf-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.imf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.imf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n margin: 0 0 2rem 0;\n line-height: 1.7;\n}\n\n.imf-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.imf-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(--imf-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.imf-stat-number {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n}\n\n.imf-stat-label {\n font-size: 13px;\n color: rgba(255,255,255,.85);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.imf-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.imf-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--imf-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.imf-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(--imf-primary), var(--imf-secondary));\n border-radius: 2px;\n}\n\n\/* === PROMISE BOX === *\/\n.imf-promise-box {\n background: linear-gradient(135deg, var(--imf-primary-light) 0%, #FFF9F0 100%);\n border-radius: var(--imf-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n border: 2px solid var(--imf-accent);\n position: relative;\n}\n\n.imf-promise-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.imf-promise-box p {\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n color: var(--imf-text);\n margin: 0;\n}\n\n\/* === CARDS GRID === *\/\n.imf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.imf-card {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--imf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.imf-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--imf-shadow-lg);\n border-color: var(--imf-primary);\n}\n\n.imf-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.imf-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--imf-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.imf-card p {\n font-size: 15px;\n color: var(--imf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.imf-benefits {\n display: grid;\n gap: 1.5rem;\n}\n\n.imf-benefit-card {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--imf-shadow);\n border-left: 5px solid var(--imf-primary);\n transition: all .3s ease;\n}\n\n.imf-benefit-card:hover {\n transform: translateX(8px);\n box-shadow: var(--imf-shadow-lg);\n}\n\n.imf-benefit-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.imf-benefit-icon {\n font-size: 36px;\n}\n\n.imf-benefit-header h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--imf-primary-dark);\n margin: 0;\n}\n\n.imf-benefit-card p {\n font-size: 16px;\n line-height: 1.7;\n color: var(--imf-text-light);\n margin: 0 0 1rem 0;\n}\n\n.imf-benefit-tag {\n display: inline-block;\n background: var(--imf-primary-light);\n color: var(--imf-primary-dark);\n font-size: 13px;\n font-weight: 700;\n padding: 6px 14px;\n border-radius: 999px;\n}\n\n\/* === INGREDIENTS GRID === *\/\n.imf-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n}\n\n.imf-ingredient {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--imf-shadow);\n position: relative;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.imf-ingredient:hover {\n transform: translateY(-6px);\n border-color: var(--imf-primary);\n}\n\n.imf-ingredient-badge {\n position: absolute;\n top: -10px;\n right: -10px;\n background: linear-gradient(135deg, var(--imf-primary), var(--imf-secondary));\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 5px 10px;\n border-radius: 999px;\n box-shadow: 0 2px 8px rgba(245,166,35,.3);\n}\n\n.imf-ingredient-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n}\n\n.imf-ingredient h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--imf-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.imf-ingredient p {\n font-size: 13px;\n color: var(--imf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TABLE === *\/\n.imf-table-container {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(1rem, 3vw, 2rem);\n box-shadow: var(--imf-shadow);\n overflow-x: auto;\n}\n\n.imf-table {\n width: 100%;\n border-collapse: collapse;\n}\n\n.imf-table th,\n.imf-table td {\n padding: 12px 16px;\n text-align: left;\n border-bottom: 1px solid var(--imf-border);\n}\n\n.imf-table th {\n background: var(--imf-primary-light);\n font-weight: 700;\n color: var(--imf-primary-dark);\n font-size: 14px;\n}\n\n.imf-table th:nth-child(2),\n.imf-table th:nth-child(3),\n.imf-table td:nth-child(2),\n.imf-table td:nth-child(3) {\n text-align: center;\n}\n\n.imf-table td {\n font-size: 14px;\n color: var(--imf-text);\n}\n\n.imf-table-highlight {\n background: var(--imf-primary-light);\n}\n\n.imf-table-sub td {\n padding-left: 32px;\n color: var(--imf-text-light);\n font-size: 13px;\n}\n\n.imf-table tbody tr:hover {\n background: #FFFAF5;\n}\n\n.imf-table-note {\n font-size: 13px;\n color: var(--imf-text-light);\n margin: 1rem 0 0 0;\n font-style: italic;\n}\n\n\/* === PROFILES === *\/\n.imf-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.imf-profile {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--imf-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.imf-profile:hover {\n transform: translateY(-4px);\n border-color: var(--imf-primary);\n}\n\n.imf-profile-icon {\n font-size: 36px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.imf-profile p {\n font-size: 14px;\n color: var(--imf-text);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === USAGE === *\/\n.imf-usage-container {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--imf-shadow);\n}\n\n.imf-usage-timeline {\n display: flex;\n justify-content: center;\n gap: clamp(2rem, 6vw, 5rem);\n flex-wrap: wrap;\n margin-bottom: 2rem;\n}\n\n.imf-usage-step {\n text-align: center;\n}\n\n.imf-step-time {\n font-size: 18px;\n font-weight: 800;\n color: var(--imf-primary-dark);\n margin-bottom: .75rem;\n}\n\n.imf-step-content {\n background: var(--imf-primary-light);\n border-radius: var(--imf-radius-sm);\n padding: 1.25rem 2rem;\n}\n\n.imf-step-pills {\n display: block;\n font-size: 24px;\n font-weight: 900;\n color: var(--imf-primary);\n margin-bottom: .5rem;\n}\n\n.imf-step-content p {\n font-size: 14px;\n color: var(--imf-text-light);\n margin: 0;\n}\n\n.imf-usage-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #FFF9F0 0%, var(--imf-primary-light) 100%);\n border-radius: var(--imf-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid var(--imf-primary);\n}\n\n.imf-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.imf-tip-content strong {\n display: block;\n color: var(--imf-primary-dark);\n margin-bottom: .25rem;\n}\n\n.imf-tip-content p {\n font-size: 14px;\n color: var(--imf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === RESULTS TIMELINE === *\/\n.imf-results-timeline {\n display: flex;\n justify-content: center;\n gap: 0;\n flex-wrap: wrap;\n position: relative;\n}\n\n.imf-results-timeline::before {\n content: '';\n position: absolute;\n top: 24px;\n left: 15%;\n right: 15%;\n height: 4px;\n background: linear-gradient(90deg, var(--imf-primary-light), var(--imf-primary), var(--imf-primary-dark));\n border-radius: 2px;\n z-index: 0;\n}\n\n.imf-result-point {\n text-align: center;\n padding: 0 clamp(1rem, 3vw, 2.5rem);\n position: relative;\n z-index: 1;\n}\n\n.imf-result-week {\n background: linear-gradient(135deg, var(--imf-primary), var(--imf-secondary));\n color: white;\n font-size: 14px;\n font-weight: 800;\n padding: 10px 20px;\n border-radius: 999px;\n margin-bottom: 1rem;\n box-shadow: 0 4px 12px rgba(245,166,35,.3);\n}\n\n.imf-result-desc {\n font-size: 14px;\n color: var(--imf-text);\n font-weight: 600;\n max-width: 150px;\n}\n\n\/* === FAQ === *\/\n.imf-faq {\n display: grid;\n gap: 1rem;\n}\n\n.imf-faq-item {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--imf-shadow);\n transition: all .3s ease;\n}\n\n.imf-faq-item:hover {\n box-shadow: var(--imf-shadow-lg);\n}\n\n.imf-faq-q {\n display: flex;\n align-items: center;\n gap: .75rem;\n font-size: 17px;\n font-weight: 700;\n color: var(--imf-primary-dark);\n margin-bottom: .75rem;\n}\n\n.imf-faq-icon {\n font-size: 20px;\n}\n\n.imf-faq-a {\n font-size: 15px;\n line-height: 1.7;\n color: var(--imf-text-light);\n margin: 0;\n padding-left: 2rem;\n}\n\n\/* === WARNING === *\/\n.imf-warning-box {\n background: linear-gradient(135deg, #FFF9F0 0%, #FFF5E6 100%);\n border-radius: var(--imf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--imf-accent);\n}\n\n.imf-warning-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.imf-warning-icon {\n font-size: 28px;\n}\n\n.imf-warning-header h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--imf-primary-dark);\n margin: 0;\n}\n\n.imf-warning-list {\n margin: 0 0 1rem 0;\n padding-left: 1.5rem;\n}\n\n.imf-warning-list li {\n font-size: 15px;\n color: var(--imf-text);\n margin-bottom: .5rem;\n line-height: 1.5;\n}\n\n.imf-warning-note {\n font-size: 14px;\n color: var(--imf-text-light);\n margin: 0;\n font-style: italic;\n padding-top: 1rem;\n border-top: 1px solid var(--imf-border);\n}\n\n\/* === INGREDIENTS FULL === *\/\n.imf-ingredients-full {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--imf-shadow);\n}\n\n.imf-ingredients-full p {\n font-size: 14px;\n line-height: 1.8;\n color: var(--imf-text-light);\n margin: 0 0 1rem 0;\n}\n\n.imf-clean-badges {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n padding-top: 1rem;\n border-top: 1px solid var(--imf-border);\n}\n\n.imf-clean-badges span {\n background: var(--imf-primary-light);\n color: var(--imf-primary-dark);\n font-size: 13px;\n font-weight: 700;\n padding: 8px 14px;\n border-radius: 999px;\n}\n\n\/* === INFO GRID === *\/\n.imf-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n}\n\n.imf-info-item {\n background: var(--imf-white);\n border-radius: var(--imf-radius);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--imf-shadow);\n transition: all .3s ease;\n}\n\n.imf-info-item:hover {\n transform: translateY(-4px);\n}\n\n.imf-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.imf-info-label {\n display: block;\n font-size: 12px;\n color: var(--imf-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.imf-info-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--imf-primary-dark);\n}\n\n\/* === CTA === *\/\n.imf-cta-box {\n background: linear-gradient(135deg, var(--imf-primary) 0%, var(--imf-primary-dark) 100%);\n border-radius: var(--imf-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.imf-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.imf-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.imf-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.imf-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1.5rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.imf-cta-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.imf-cta-features span {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n color: white;\n font-size: 14px;\n font-weight: 700;\n padding: 8px 16px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .imf-card,\n .imf-benefit-card,\n .imf-ingredient,\n .imf-profile,\n .imf-faq-item,\n .imf-info-item {\n animation: imfFadeInUp .6s ease backwards;\n }\n \n .imf-card:nth-child(1), .imf-ingredient:nth-child(1) { animation-delay: .1s; }\n .imf-card:nth-child(2), .imf-ingredient:nth-child(2) { animation-delay: .2s; }\n .imf-card:nth-child(3), .imf-ingredient:nth-child(3) { animation-delay: .3s; }\n .imf-card:nth-child(4), .imf-ingredient:nth-child(4) { animation-delay: .4s; }\n .imf-ingredient:nth-child(5) { animation-delay: .5s; }\n .imf-ingredient:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes imfFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .imf-grid {\n grid-template-columns: 1fr;\n }\n \n .imf-ingredients-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .imf-profiles-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .imf-results-timeline::before {\n display: none;\n }\n \n .imf-results-timeline {\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n \n .imf-usage-timeline {\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n}\n\n@media (max-width: 480px) {\n .imf-ingredients-grid {\n grid-template-columns: 1fr;\n }\n \n .imf-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .imf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .imf-card,\n .imf-benefit-card,\n .imf-profile,\n .imf-faq-item {\n border: 2px solid var(--imf-text);\n }\n \n .imf-badge {\n border: 2px solid var(--imf-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55298181398905,"sku":"IMMUNIFORM","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/imuniform-multivitamines-mineraux-plantes-120-gelules-inolab-packshothd.webp?v=1785937016"},{"product_id":"c-form-vitamine-c-liposomale-1428-mg-60-gelules-inolab","title":"C+Form Vitamine C Liposomale 1000 mg - 60 gélules - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: C+Form Vitamine C Liposomale - Inolab\nPalette détectée:\n - Primaire: #F5A623 (orange vif\/lumineux du packaging)\n - Secondaire: #E8941C (orange foncé pour accents)\n - Accent: #4A90D9 (bleu du logo PureWay-C)\n - Fond: #FFF8F0 (crème chaud légèrement orangé)\nAmbiance: Dynamique, vitaminé, santé\/bien-être, lumineux, moderne, scientifique mais accessible\nPréfixe CSS: vcf\n--\u003e\n\u003cdiv class=\"vcf-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"vcf-hero\"\u003e\n\u003cdiv class=\"vcf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vcf-hero-content\"\u003e\n\u003cdiv class=\"vcf-badges-top\"\u003e\n\u003cspan class=\"vcf-badge\"\u003e🔬 Technologie PureWay-C®\u003c\/span\u003e \u003cspan class=\"vcf-badge\"\u003e🇩🇪 Fabriqué en Allemagne\u003c\/span\u003e \u003cspan class=\"vcf-badge\"\u003e🌱 100% vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vcf-hero-title\"\u003eVitamine C liposomale\u003c\/span\u003e\n\u003cp class=\"vcf-subtitle\"\u003e1000 mg de vitamine C pour 2 gélules • 60 gélules végétales\u003c\/p\u003e\n\u003cp class=\"vcf-description\"\u003eC+Form associe une vitamine C hautement dosée à la technologie brevetée PureWay-C®, avec phospholipides et bioflavonoïdes d’agrumes, pour favoriser une bonne assimilation tout en préservant le confort digestif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CHIFFRES CLÉS --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003cdiv class=\"vcf-stats-bar\"\u003e\n\u003cdiv class=\"vcf-stat-item\"\u003e\n\u003cspan class=\"vcf-stat-number\"\u003e+233%\u003c\/span\u003e \u003cspan class=\"vcf-stat-label\"\u003eRétention corporelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-stat-item\"\u003e\n\u003cspan class=\"vcf-stat-number\"\u003e1000 mg\u003c\/span\u003e \u003cspan class=\"vcf-stat-label\"\u003eVitamine C \/ 2 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-stat-item\"\u003e\n\u003cspan class=\"vcf-stat-number\"\u003e60\u003c\/span\u003e \u003cspan class=\"vcf-stat-label\"\u003eGélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e🍊 Vitamine C, énergie et défenses naturelles\u003c\/h2\u003e\n\u003cdiv class=\"vcf-grid\"\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal du système immunitaire, notamment lors des changements de saison ou en période de fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e⚡ Fatigue et vitalité\u003c\/h3\u003e\n\u003cp\u003eElle contribue à réduire la fatigue et participe à un métabolisme énergétique normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e🧬 Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C aide à protéger les cellules contre le stress oxydatif. La technologie PureWay-C® indique également +12% d’antioxydants délivrés efficacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e✨ Peau, gencives et collagène\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la formation normale de collagène pour assurer le fonctionnement normal de la peau, des gencives, des os, des cartilages et des dents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal du système nerveux et à des fonctions psychologiques normales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e🥗 Absorption du fer\u003c\/h3\u003e\n\u003cp\u003eElle accroît l’absorption du fer, un point intéressant pour les personnes ayant une alimentation pauvre en fer ou majoritairement végétale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TECHNOLOGIE PUREWAY-C --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e🔬 La technologie PureWay-C® brevetée\u003c\/h2\u003e\n\u003cdiv class=\"vcf-tech-box\"\u003e\n\u003cp class=\"vcf-tech-lead\"\u003eUne forme liposomale conçue pour améliorer l’assimilation de la vitamine C\u003c\/p\u003e\n\u003cp class=\"vcf-tech-desc\"\u003eLa technologie PureWay-C® associe vitamine C, phospholipides de tournesol et bioflavonoïdes d’agrumes. Cette structure liposomale aide à protéger la vitamine C des sucs digestifs et favorise son assimilation par l’organisme.\u003c\/p\u003e\n\u003cdiv class=\"vcf-grid-compact\"\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e🔬 Efficacité étudiée\u003c\/h3\u003e\n\u003cp\u003eTechnologie validée par des études scientifiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e💚 Assimilation optimisée\u003c\/h3\u003e\n\u003cp\u003eForme conçue pour favoriser le passage et l’utilisation de la vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e😌 Confort digestif\u003c\/h3\u003e\n\u003cp\u003eUne forme plus douce pour l’estomac que certaines vitamines C classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-card\"\u003e\n\u003ch3\u003e✅ Haute biodisponibilité\u003c\/h3\u003e\n\u003cp\u003e+233% de rétention corporelle selon les données PureWay-C®\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e🧪 Une formule clean et transparente\u003c\/h2\u003e\n\u003cdiv class=\"vcf-composition-grid\"\u003e\n\u003cdiv class=\"vcf-ingredient-main\"\u003e\n\u003cdiv class=\"vcf-ingredient-header\"\u003e\n\u003cspan class=\"vcf-ing-icon\"\u003e🍊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePureWay-C® liposomal\u003c\/h3\u003e\n\u003cspan class=\"vcf-origin\"\u003eDosages indiqués pour 2 gélules • Origine USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-doses\"\u003e\n\u003cdiv class=\"vcf-dose-row\"\u003e\n\u003cspan\u003eLiposomal PureWay® C\u003c\/span\u003e \u003cstrong\u003e1428 mg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-dose-row vcf-highlight\"\u003e\n\u003cspan\u003edont Vitamine C\u003c\/span\u003e \u003cstrong\u003e1000 mg \u003csmall\u003e(1250% VNR)\u003c\/small\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-dose-row\"\u003e\n\u003cspan\u003edont Phospholipides\u003c\/span\u003e \u003cstrong\u003e257 mg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-dose-row\"\u003e\n\u003cspan\u003edont Bioflavonoïdes\u003c\/span\u003e \u003cstrong\u003e21,4 mg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"vcf-steps\"\u003e\n\u003cdiv class=\"vcf-step\"\u003e\n\u003cdiv class=\"vcf-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vcf-step-text\"\u003e\n\u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e selon vos besoins, de préférence le matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-step\"\u003e\n\u003cdiv class=\"vcf-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vcf-step-text\"\u003e\n\u003ch4\u003eAvec de l'eau\u003c\/h4\u003e\n\u003cp\u003eAvalez avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e, à jeun ou pendant le petit-déjeuner selon votre tolérance digestive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-step\"\u003e\n\u003cdiv class=\"vcf-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vcf-step-text\"\u003e\n\u003ch4\u003eCure recommandée\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e de supplémentation, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-tip\"\u003e\n\u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Si votre estomac est sensible, commencez par 1 gélule le matin, puis augmentez progressivement à 2 gélules par jour si nécessaire. La prise pendant le petit-déjeuner peut aussi améliorer le confort digestif.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e👥 Pour qui est C+Form ?\u003c\/h2\u003e\n\u003cdiv class=\"vcf-grid-compact\"\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e💼 Actifs fatigués\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e🥬 Végétariens\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e❄️ Sensibles aux changements de saison\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e😴 Personnes en période de fatigue\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e🤒 Besoins renforcés en vitamine C\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e🧴 Soucieux de leur peau\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcf-profile\"\u003e\n\u003ch3\u003e🌡️ Estomacs sensibles\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"vcf-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"vcf-accordion\"\u003e\n\u003cdetails class=\"vcf-accordion-item\"\u003e\n\u003csummary class=\"vcf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"vcf-accordion-content\"\u003e\n\u003cp\u003eConserver à température stable et modérée, à l’abri de la lumière, de l’air et de l’humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vcf-accordion-item\"\u003e\n\u003csummary class=\"vcf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vcf-accordion-content\"\u003e\n\u003cp\u003eConvient à partir de 10 ans. Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Les femmes enceintes ou allaitantes doivent consulter un professionnel de santé avant toute complémentation. En cas de prise de médicaments, demandez l’avis de votre médecin ou de votre pharmacien. Demandez l’avis de votre médecin traitant avant toute complémentation si vous souffrez d’une maladie rénale. Déconseillé en cas d’hémochromatose.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vcf-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"vcf-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"vcf-accordion-content\"\u003e\n\u003cp\u003eFabriqué en Allemagne. La formule utilise la technologie brevetée PureWay-C® d’origine américaine. Packaging recyclable.\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=\"vcf-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"vcf-cta-box\"\u003e\n\u003cp\u003e🍊 C+Form vous accompagne au quotidien avec une vitamine C liposomale hautement dosée, vegan et pensée pour une bonne assimilation. Une formule intéressante pour soutenir le système immunitaire, réduire la fatigue et protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --vcf-cream: #FFF8F0;\n --vcf-white: #ffffff;\n --vcf-primary: #F5A623;\n --vcf-primary-dark: #D4820D;\n --vcf-primary-light: #FFF3E0;\n --vcf-secondary: #E8941C;\n --vcf-accent: #4A90D9;\n --vcf-text: #1a1a1a;\n --vcf-text-light: #5a5a5a;\n --vcf-border: #F0E6D9;\n --vcf-shadow: 0 4px 24px rgba(245,166,35,.12);\n --vcf-shadow-lg: 0 12px 48px rgba(245,166,35,.18);\n --vcf-radius: 20px;\n --vcf-radius-sm: 12px;\n}\n\n.vcf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vcf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--vcf-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.vcf-hero {\n position: relative;\n background: linear-gradient(135deg, #F5A623 0%, #E8941C 50%, #D4820D 100%);\n border-radius: var(--vcf-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(--vcf-shadow-lg);\n}\n\n.vcf-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,.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.vcf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vcf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.vcf-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(--vcf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vcf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vcf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vcf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.vcf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === STATS BAR === *\/\n.vcf-stats-bar {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 3vw, 2rem);\n flex-wrap: wrap;\n background: var(--vcf-white);\n border-radius: var(--vcf-radius);\n padding: 1.5rem;\n box-shadow: var(--vcf-shadow);\n}\n\n.vcf-stat-item {\n text-align: center;\n padding: 0 1rem;\n}\n\n.vcf-stat-number {\n display: block;\n color: var(--vcf-primary-dark);\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n letter-spacing: -.02em;\n}\n\n.vcf-stat-label {\n display: block;\n color: var(--vcf-text-light);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .03em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.vcf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vcf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vcf-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.vcf-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(--vcf-primary), var(--vcf-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.vcf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vcf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.vcf-card {\n background: var(--vcf-white);\n border-radius: var(--vcf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vcf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vcf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vcf-shadow-lg);\n border-color: var(--vcf-primary);\n}\n\n.vcf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vcf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vcf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vcf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vcf-grid-compact .vcf-card {\n padding: 1rem;\n}\n\n.vcf-grid-compact .vcf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vcf-grid-compact .vcf-card p {\n font-size: 12px;\n}\n\n\/* === TECH BOX === *\/\n.vcf-tech-box {\n background: linear-gradient(135deg, var(--vcf-primary-light) 0%, var(--vcf-white) 100%);\n border-radius: var(--vcf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--vcf-primary);\n box-shadow: var(--vcf-shadow);\n}\n\n.vcf-tech-lead {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--vcf-primary-dark);\n text-align: center;\n margin: 0 0 0.5rem 0;\n}\n\n.vcf-tech-desc {\n color: var(--vcf-text-light);\n text-align: center;\n max-width: 600px;\n margin: 0 auto 1.5rem auto;\n font-size: clamp(13px, 2vw, 15px);\n}\n\n\/* === COMPOSITION === *\/\n.vcf-composition-grid {\n display: grid;\n grid-template-columns: 1fr 280px;\n gap: 1.5rem;\n align-items: start;\n}\n\n.vcf-ingredient-main {\n background: var(--vcf-white);\n border-radius: var(--vcf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vcf-shadow);\n border: 2px solid var(--vcf-primary);\n}\n\n.vcf-ingredient-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(--vcf-border);\n}\n\n.vcf-ing-icon {\n font-size: 42px;\n}\n\n.vcf-ingredient-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--vcf-primary-dark);\n margin: 0;\n}\n\n.vcf-origin {\n font-size: 11px;\n color: var(--vcf-text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.vcf-dose-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.6rem 0;\n border-bottom: 1px solid var(--vcf-border);\n font-size: 14px;\n}\n\n.vcf-dose-row:last-child {\n border-bottom: none;\n}\n\n.vcf-dose-row span {\n color: var(--vcf-text-light);\n}\n\n.vcf-dose-row strong {\n color: var(--vcf-text);\n font-weight: 700;\n}\n\n.vcf-dose-row.vcf-highlight {\n background: var(--vcf-primary-light);\n margin: 0 -1rem;\n padding: 0.6rem 1rem;\n border-radius: 8px;\n border: none;\n}\n\n.vcf-dose-row small {\n color: var(--vcf-primary-dark);\n font-weight: 600;\n font-size: 11px;\n}\n\n.vcf-purity-box {\n background: var(--vcf-white);\n border-radius: var(--vcf-radius);\n padding: 1.25rem;\n box-shadow: var(--vcf-shadow);\n}\n\n.vcf-purity-box h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--vcf-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.vcf-purity-box ul {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.vcf-purity-box li {\n padding: 0.4rem 0;\n font-size: 13px;\n color: var(--vcf-text);\n border-bottom: 1px solid var(--vcf-border);\n}\n\n.vcf-purity-box li:last-child {\n border-bottom: none;\n}\n\n.vcf-made-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--vcf-primary) 0%, var(--vcf-secondary) 100%);\n border-radius: var(--vcf-radius-sm);\n padding: .875rem 1rem;\n color: white;\n}\n\n.vcf-made-badge span:first-child {\n font-size: 28px;\n}\n\n.vcf-made-badge strong {\n display: block;\n font-weight: 800;\n font-size: 13px;\n}\n\n.vcf-made-badge small {\n font-size: 11px;\n opacity: .9;\n}\n\n\/* === STEPS === *\/\n.vcf-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.vcf-step {\n display: flex;\n gap: .875rem;\n background: var(--vcf-white);\n padding: 1.25rem;\n border-radius: var(--vcf-radius);\n box-shadow: var(--vcf-shadow);\n transition: all .3s ease;\n}\n\n.vcf-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--vcf-shadow-lg);\n}\n\n.vcf-step-num {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vcf-primary) 0%, var(--vcf-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.vcf-step-text h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--vcf-primary-dark);\n margin: 0 0 0.35rem 0;\n}\n\n.vcf-step-text p {\n font-size: 13px;\n color: var(--vcf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.vcf-tip {\n background: linear-gradient(135deg, #E3F2FD 0%, var(--vcf-white) 100%);\n border: 2px solid var(--vcf-accent);\n border-radius: var(--vcf-radius);\n padding: 1.25rem;\n font-size: 13px;\n color: var(--vcf-text);\n line-height: 1.6;\n}\n\n.vcf-tip strong {\n color: var(--vcf-accent);\n}\n\n\/* === PROFILES === *\/\n.vcf-profile {\n background: var(--vcf-white);\n border-radius: var(--vcf-radius-sm);\n padding: 1rem .75rem;\n text-align: center;\n box-shadow: var(--vcf-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.vcf-profile:hover {\n transform: translateY(-4px);\n border-color: var(--vcf-primary);\n}\n\n.vcf-profile h3 {\n font-size: 13px;\n font-weight: 700;\n color: var(--vcf-text);\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.vcf-accordion {\n background: var(--vcf-white);\n border-radius: var(--vcf-radius);\n box-shadow: var(--vcf-shadow);\n overflow: hidden;\n}\n\n.vcf-accordion-item {\n border-bottom: 1px solid var(--vcf-border);\n margin: 0;\n padding: 0;\n}\n\n.vcf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vcf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vcf-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.vcf-accordion-header:hover {\n background: var(--vcf-primary-light);\n}\n\n.vcf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vcf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vcf-primary);\n transition: transform .2s ease;\n}\n\n.vcf-accordion-item[open] .vcf-accordion-header::after {\n content: '−';\n}\n\n.vcf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vcf-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.vcf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.vcf-cta-box {\n background: linear-gradient(135deg, var(--vcf-primary) 0%, var(--vcf-primary-dark) 100%);\n border-radius: var(--vcf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vcf-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 .vcf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vcf-card {\n padding: 1.125rem;\n }\n \n .vcf-section {\n margin-bottom: 1.75rem;\n }\n \n .vcf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vcf-radius-sm);\n }\n \n .vcf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vcf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vcf-stats-bar {\n flex-direction: column;\n gap: .75rem;\n padding: 1rem;\n }\n \n .vcf-stat-item {\n padding: .5rem 0;\n border-bottom: 1px solid var(--vcf-border);\n }\n \n .vcf-stat-item:last-child {\n border-bottom: none;\n }\n \n .vcf-composition-grid {\n grid-template-columns: 1fr;\n }\n \n .vcf-steps {\n grid-template-columns: 1fr;\n }\n \n .vcf-grid-compact {\n gap: .625rem;\n }\n \n .vcf-grid-compact .vcf-card {\n padding: .75rem;\n }\n \n .vcf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vcf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .vcf-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vcf-card,\n .vcf-profile,\n .vcf-step {\n animation: vcfFadeInUp .5s ease backwards;\n }\n .vcf-card:nth-child(1), .vcf-profile:nth-child(1) { animation-delay: .05s; }\n .vcf-card:nth-child(2), .vcf-profile:nth-child(2) { animation-delay: .1s; }\n .vcf-card:nth-child(3), .vcf-profile:nth-child(3) { animation-delay: .15s; }\n .vcf-card:nth-child(4), .vcf-profile:nth-child(4) { animation-delay: .2s; }\n .vcf-card:nth-child(5), .vcf-profile:nth-child(5) { animation-delay: .25s; }\n .vcf-card:nth-child(6), .vcf-profile:nth-child(6) { animation-delay: .3s; }\n .vcf-profile:nth-child(7) { animation-delay: .35s; }\n .vcf-profile:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes vcfFadeInUp {\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 .vcf-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":55298211185017,"sku":"C+FORM","price":18.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cform-vitamine-c-liposomale-1000-mg-60-gelules-inolab-packshothd.webp?v=1787584795"},{"product_id":"phyco-200-lifes-code-phycocyanine-200mg","title":"Phyco 200 Life's Code - phycocyanine 200mg","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Phyco 200 Life's Code - Phycocyanine 200mg\nPalette détectée:\n - Primaire: #4A7BA7 (bleu profond des gélules et étiquette)\n - Secondaire: #D4A574 (beige\/kraft de l'étiquette)\n - Accent: #2C5F85 (bleu foncé intense)\nAmbiance: Naturel\/organique avec une touche premium, packaging kraft authentique, gélules bleues caractéristiques de la phycocyanine, univers santé\/vitalité naturelle\nPréfixe CSS: pc\n--\u003e\n\n\u003cdiv class=\"pc-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"pc-hero\"\u003e\n \u003cdiv class=\"pc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pc-hero-content\"\u003e\n \u003cdiv class=\"pc-badges-top\"\u003e\n \u003cspan class=\"pc-badge\"\u003e🧬 200 mg par gélule\u003c\/span\u003e\n \u003cspan class=\"pc-badge\"\u003e🌱 100% végane\u003c\/span\u003e\n \u003cspan class=\"pc-badge\"\u003e❄️ Extraction à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pc-hero-title\"\u003ePhyco 200\u003c\/span\u003e\n \u003cp class=\"pc-subtitle\"\u003eLa puissance de la spiruline concentrée\u003c\/p\u003e\n \u003cp class=\"pc-description\"\u003ePhycocyanine pure extraite à froid • Immunité \u0026amp; vitalité • Gélule pullulan végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- QU'EST-CE QUE LA PHYCOCYANINE --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003eLe trésor bleu de la spiruline\u003c\/h2\u003e\n \u003cdiv class=\"pc-intro-box\"\u003e\n \u003cdiv class=\"pc-intro-content\"\u003e\n \u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est bien plus qu'un simple pigment. C'est la \u003cstrong\u003emolécule star de la spiruline\u003c\/strong\u003e, une protéine photosynthétique qui concentre l'essentiel des propriétés bioactives de cette micro-algue exceptionnelle.\u003c\/p\u003e\n \u003cp\u003eContrairement à la spiruline entière, la phycocyanine extraite représente \u003cstrong\u003el'essence pure\u003c\/strong\u003e de ses bienfaits — sans fibres ni composants secondaires. Une supplémentation ciblée pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus\u003c\/h2\u003e\n \u003cdiv class=\"pc-grid\"\u003e\n \u003cdiv class=\"pc-card pc-card-benefit\"\u003e\n \u003cdiv class=\"pc-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eNeutralise les radicaux libres et protège vos cellules du stress oxydatif lié à la pollution, au stress ou à l'alimentation déséquilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-card pc-card-benefit\"\u003e\n \u003cdiv class=\"pc-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eVitalité \u0026amp; tonus\u003c\/h3\u003e\n \u003cp\u003eAccompagne votre organisme pour maintenir un niveau d'énergie optimal, même en période de fatigue passagère ou d'efforts intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-card pc-card-benefit\"\u003e\n \u003cdiv class=\"pc-card-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eRécupération sportive\u003c\/h3\u003e\n \u003cp\u003eFavorise une meilleure récupération musculaire après l'entraînement. Le secret des sportifs exigeants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-card pc-card-benefit\"\u003e\n \u003cdiv class=\"pc-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eDéfenses naturelles\u003c\/h3\u003e\n \u003cp\u003eEn cure saisonnière, soutient le bon fonctionnement de votre système immunitaire pour affronter l'hiver sereinement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI GÉLULES --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003ePourquoi choisir la forme gélule ?\u003c\/h2\u003e\n \u003cdiv class=\"pc-comparison\"\u003e\n \u003cdiv class=\"pc-comparison-item\"\u003e\n \u003cdiv class=\"pc-comparison-header pc-gelule\"\u003e\n \u003cspan class=\"pc-comparison-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan\u003ePhyco 200 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cul class=\"pc-comparison-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003e\n\u003cspan class=\"pc-check\"\u003e✓\u003c\/span\u003e Dosage précis : exactement 200 mg par gélule\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"pc-check\"\u003e✓\u003c\/span\u003e Conservation optimale sans réfrigération\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"pc-check\"\u003e✓\u003c\/span\u003e Praticité : facile à emporter partout\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"pc-check\"\u003e✓\u003c\/span\u003e Pas de goût prononcé\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"pc-check\"\u003e✓\u003c\/span\u003e Pureté maximale, aucun additif\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-comparison-item pc-comparison-other\"\u003e\n \u003cdiv class=\"pc-comparison-header pc-liquide\"\u003e\n \u003cspan class=\"pc-comparison-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan\u003ePhycocyanine liquide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cul class=\"pc-comparison-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003e\n\u003cspan class=\"pc-neutral\"\u003e−\u003c\/span\u003e Dosage variable selon le pipetage\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"pc-neutral\"\u003e−\u003c\/span\u003e Nécessite une réfrigération\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"pc-neutral\"\u003e−\u003c\/span\u003e Moins pratique en déplacement\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"pc-neutral\"\u003e−\u003c\/span\u003e Goût marqué parfois désagréable\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"pc-neutral\"\u003e−\u003c\/span\u003e Souvent des conservateurs ajoutés\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- EXTRACTION À FROID --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003eL'extraction à froid fait la différence\u003c\/h2\u003e\n \u003cdiv class=\"pc-highlight-box\"\u003e\n \u003cdiv class=\"pc-highlight-visual\"\u003e\n \u003cdiv class=\"pc-snowflake\"\u003e❄️\u003c\/div\u003e\n \u003cdiv class=\"pc-temp\"\u003eBasse température\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-highlight-content\"\u003e\n \u003cp\u003eToutes les phycocyanines ne se valent pas. Le procédé d'extraction est \u003cstrong\u003edéterminant\u003c\/strong\u003e pour la qualité finale.\u003c\/p\u003e\n \u003cp\u003eLes techniques à chaud, moins coûteuses, \u003cstrong\u003edégradent les molécules actives\u003c\/strong\u003e et réduisent le potentiel antioxydant. L'extraction à froid de Life's Code préserve l'intégralité de la structure moléculaire pour une \u003cstrong\u003ebiodisponibilité optimale\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"pc-highlight-badge\"\u003eEfficacité maximale garantie\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003eComposition transparente\u003c\/h2\u003e\n \u003cdiv class=\"pc-composition-grid\"\u003e\n \u003cdiv class=\"pc-composition-card pc-composition-main\"\u003e\n \u003cdiv class=\"pc-composition-dose\"\u003e200 mg\u003c\/div\u003e\n \u003cdiv class=\"pc-composition-name\"\u003ePhycocyanine pure\u003c\/div\u003e\n \u003cdiv class=\"pc-composition-detail\"\u003eExtraite de spiruline, séchée à froid\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-composition-card\"\u003e\n \u003cdiv class=\"pc-composition-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"pc-composition-name\"\u003eGélule pullulan\u003c\/div\u003e\n \u003cdiv class=\"pc-composition-detail\"\u003ePolysaccharide naturel, 100% végane\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-purity-box\"\u003e\n \u003cspan class=\"pc-purity-title\"\u003e🚫 Ce que vous ne trouverez PAS :\u003c\/span\u003e\n \u003cdiv class=\"pc-purity-tags\"\u003e\n \u003cspan class=\"pc-purity-tag\"\u003eAucun excipient\u003c\/span\u003e\n \u003cspan class=\"pc-purity-tag\"\u003eAucun agent de charge\u003c\/span\u003e\n \u003cspan class=\"pc-purity-tag\"\u003eAucun colorant artificiel\u003c\/span\u003e\n \u003cspan class=\"pc-purity-tag\"\u003eAucun conservateur\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=\"pc-section\"\u003e\n \u003ch2\u003eComment prendre Phyco 200 ?\u003c\/h2\u003e\n \u003cdiv class=\"pc-usage-grid\"\u003e\n \u003cdiv class=\"pc-usage-card\"\u003e\n \u003cdiv class=\"pc-usage-number\"\u003e1-2\u003c\/div\u003e\n \u003cdiv class=\"pc-usage-label\"\u003eGélules par jour\u003c\/div\u003e\n \u003cdiv class=\"pc-usage-detail\"\u003esoit 200 à 400 mg de phycocyanine\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-usage-card\"\u003e\n \u003cdiv class=\"pc-usage-icon\"\u003e🌅\u003c\/div\u003e\n \u003cdiv class=\"pc-usage-label\"\u003eLe matin\u003c\/div\u003e\n \u003cdiv class=\"pc-usage-detail\"\u003eavec un grand verre d'eau\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-usage-card\"\u003e\n \u003cdiv class=\"pc-usage-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv class=\"pc-usage-label\"\u003eCure de 1 à 3 mois\u003c\/div\u003e\n \u003cdiv class=\"pc-usage-detail\"\u003erenouvelable selon vos besoins\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-dosage-tip\"\u003e\n \u003cspan class=\"pc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e1 gélule\u003c\/strong\u003e en entretien quotidien • \u003cstrong\u003e2 gélules\u003c\/strong\u003e en période de fatigue intense, convalescence ou entraînement sportif soutenu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Phyco 200 ?\u003c\/h2\u003e\n \u003cdiv class=\"pc-profiles-grid\"\u003e\n \u003cdiv class=\"pc-profile-card\"\u003e\n \u003cdiv class=\"pc-profile-icon\"\u003e🏃\u003c\/div\u003e\n \u003cdiv class=\"pc-profile-title\"\u003eSportifs\u003c\/div\u003e\n \u003cp\u003eOptimisez votre récupération et votre endurance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-profile-card\"\u003e\n \u003cdiv class=\"pc-profile-icon\"\u003e🏙️\u003c\/div\u003e\n \u003cdiv class=\"pc-profile-title\"\u003eCitadins actifs\u003c\/div\u003e\n \u003cp\u003eExposés au stress oxydatif et à la pollution urbaine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-profile-card\"\u003e\n \u003cdiv class=\"pc-profile-icon\"\u003e🌡️\u003c\/div\u003e\n \u003cdiv class=\"pc-profile-title\"\u003eEn convalescence\u003c\/div\u003e\n \u003cp\u003eRetrouvez votre vitalité naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-profile-card\"\u003e\n \u003cdiv class=\"pc-profile-icon\"\u003e🍂\u003c\/div\u003e\n \u003cdiv class=\"pc-profile-title\"\u003eFatigue saisonnière\u003c\/div\u003e\n \u003cp\u003eCombattez les baisses de tonus passagères\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-profile-card\"\u003e\n \u003cdiv class=\"pc-profile-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"pc-profile-title\"\u003eVéganes\u003c\/div\u003e\n \u003cp\u003eGélule 100% végétale en pullulan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-profile-card\"\u003e\n \u003cdiv class=\"pc-profile-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"pc-profile-title\"\u003eAnti-âge naturel\u003c\/div\u003e\n \u003cp\u003eAction antioxydante pour un éclat préservé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SÉCURITÉ --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003eQuestions sur la sécurité\u003c\/h2\u003e\n \u003cdiv class=\"pc-safety-box\"\u003e\n \u003cdiv class=\"pc-safety-header\"\u003e\n \u003cspan class=\"pc-safety-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan\u003eLa phycocyanine est-elle sans danger ?\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eLa phycocyanine est un composé naturel consommé depuis des décennies \u003cstrong\u003esans effet indésirable notable\u003c\/strong\u003e aux doses recommandées. C'est l'un des antioxydants les plus étudiés et les mieux tolérés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pc-warning-box\"\u003e\n \u003cdiv class=\"pc-warning-grid\"\u003e\n \u003cdiv class=\"pc-warning-item\"\u003e\n \u003cspan class=\"pc-warning-icon\"\u003e👤\u003c\/span\u003e\n \u003cspan\u003eRéservé à l'adulte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-warning-item\"\u003e\n \u003cspan class=\"pc-warning-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan\u003eRespecter la posologie indiquée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-warning-item\"\u003e\n \u003cspan class=\"pc-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan\u003eTraitement en cours ? Demandez conseil à votre médecin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-warning-item\"\u003e\n \u003cspan class=\"pc-warning-icon\"\u003e🤰\u003c\/span\u003e\n \u003cspan\u003eGrossesse\/allaitement : avis médical requis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-warning-item\"\u003e\n \u003cspan class=\"pc-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cspan\u003eAllergie aux algues\/spiruline : éviter ce produit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-warning-item\"\u003e\n \u003cspan class=\"pc-warning-icon\"\u003e🏠\u003c\/span\u003e\n \u003cspan\u003eConserver au frais, au sec, à l'abri de la lumière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pc-warning-note\"\u003eCe complément alimentaire ne remplace 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\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"pc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pc-cta-box\"\u003e\n \u003cdiv class=\"pc-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pc-cta-content\"\u003e\n \u003cdiv class=\"pc-cta-icon\"\u003e🧬\u003c\/div\u003e\n \u003cp\u003eFaites le choix de la \u003cstrong\u003equalité pure\u003c\/strong\u003e.\u003cbr\u003ePhyco 200 vous apporte le meilleur de la spiruline sous sa forme la plus concentrée et la plus efficace.\u003c\/p\u003e\n \u003cdiv class=\"pc-cta-features\"\u003e\n \u003cspan\u003e✓ 200 mg de phycocyanine pure\u003c\/span\u003e\n \u003cspan\u003e✓ Extraction à froid\u003c\/span\u003e\n \u003cspan\u003e✓ Formule minimaliste\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 === *\/\n:root {\n --pc-cream: #f8f9fa;\n --pc-white: #ffffff;\n --pc-primary: #4A7BA7;\n --pc-primary-dark: #2C5F85;\n --pc-primary-light: #e8f4fc;\n --pc-secondary: #D4A574;\n --pc-secondary-light: #f5efe8;\n --pc-accent: #1a4d6e;\n --pc-text: #1a1a1a;\n --pc-text-light: #5a5a5a;\n --pc-border: #e0e0e0;\n --pc-shadow: 0 4px 24px rgba(74, 123, 167, .08);\n --pc-shadow-lg: 0 12px 48px rgba(44, 95, 133, .15);\n --pc-radius: 20px;\n --pc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pc-text);\n line-height: 1.6;\n}\n\n.pc-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.pc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pc-primary) 0%, var(--pc-primary-dark) 50%, var(--pc-accent) 100%);\n border-radius: var(--pc-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(--pc-shadow-lg);\n}\n\n.pc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,165,116,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.pc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pc-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pc-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.15);\n}\n\n.pc-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 24px rgba(0,0,0,.25);\n}\n\n.pc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.pc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 16px);\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.pc-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.pc-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--pc-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.pc-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(--pc-primary), var(--pc-secondary));\n border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.pc-intro-box {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--pc-shadow);\n border-left: 5px solid var(--pc-primary);\n}\n\n.pc-intro-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.pc-intro-content p {\n margin: 0 0 1rem 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--pc-text-light);\n}\n\n.pc-intro-content p:last-child {\n margin-bottom: 0;\n}\n\n.pc-intro-content strong {\n color: var(--pc-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.pc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS BIENFAITS === *\/\n.pc-card {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--pc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.pc-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--pc-shadow-lg);\n border-color: var(--pc-primary);\n}\n\n.pc-card-benefit {\n text-align: center;\n}\n\n.pc-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.pc-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--pc-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.pc-card p {\n font-size: 14px;\n color: var(--pc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPARAISON === *\/\n.pc-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.pc-comparison-item {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n overflow: hidden;\n box-shadow: var(--pc-shadow);\n transition: all .3s ease;\n}\n\n.pc-comparison-item:first-child {\n border: 3px solid var(--pc-primary);\n}\n\n.pc-comparison-item:first-child:hover {\n transform: translateY(-8px);\n box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-comparison-other {\n opacity: .75;\n}\n\n.pc-comparison-header {\n padding: 1.25rem;\n font-weight: 800;\n font-size: 16px;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.pc-comparison-header.pc-gelule {\n background: linear-gradient(135deg, var(--pc-primary), var(--pc-primary-dark));\n color: white;\n}\n\n.pc-comparison-header.pc-liquide {\n background: var(--pc-border);\n color: var(--pc-text-light);\n}\n\n.pc-comparison-icon {\n font-size: 24px;\n}\n\n.pc-comparison-list {\n list-style: none;\n padding: 1.5rem;\n margin: 0;\n}\n\n.pc-comparison-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 8px 0;\n font-size: 14px;\n color: var(--pc-text-light);\n border-bottom: 1px solid var(--pc-border);\n}\n\n.pc-comparison-list li:last-child {\n border-bottom: none;\n}\n\n.pc-check {\n color: #22c55e;\n font-weight: 700;\n flex-shrink: 0;\n}\n\n.pc-neutral {\n color: #9ca3af;\n font-weight: 700;\n flex-shrink: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pc-highlight-box {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n align-items: center;\n background: linear-gradient(135deg, var(--pc-primary-light) 0%, var(--pc-white) 100%);\n border-radius: var(--pc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--pc-shadow);\n border: 2px solid var(--pc-primary);\n}\n\n.pc-highlight-visual {\n text-align: center;\n padding: 1.5rem;\n background: var(--pc-white);\n border-radius: var(--pc-radius-sm);\n box-shadow: 0 4px 16px rgba(74, 123, 167, .15);\n}\n\n.pc-snowflake {\n font-size: 64px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.pc-temp {\n font-size: 13px;\n font-weight: 700;\n color: var(--pc-primary-dark);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.pc-highlight-content p {\n margin: 0 0 1rem 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--pc-text-light);\n}\n\n.pc-highlight-content strong {\n color: var(--pc-primary-dark);\n}\n\n.pc-highlight-badge {\n display: inline-block;\n padding: 10px 20px;\n background: linear-gradient(135deg, var(--pc-primary), var(--pc-primary-dark));\n color: white;\n font-weight: 700;\n font-size: 14px;\n border-radius: 999px;\n margin-top: 0.5rem;\n}\n\n\/* === COMPOSITION === *\/\n.pc-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.pc-composition-card {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--pc-shadow);\n transition: all .3s ease;\n}\n\n.pc-composition-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-composition-main {\n background: linear-gradient(135deg, var(--pc-primary), var(--pc-primary-dark));\n color: white;\n}\n\n.pc-composition-dose {\n font-size: 48px;\n font-weight: 900;\n letter-spacing: -.03em;\n}\n\n.pc-composition-icon {\n font-size: 48px;\n margin-bottom: 0.5rem;\n}\n\n.pc-composition-name {\n font-size: 18px;\n font-weight: 800;\n margin: 0.5rem 0;\n}\n\n.pc-composition-main .pc-composition-name {\n color: white;\n}\n\n.pc-composition-card:not(.pc-composition-main) .pc-composition-name {\n color: var(--pc-primary-dark);\n}\n\n.pc-composition-detail {\n font-size: 13px;\n opacity: .85;\n}\n\n.pc-purity-box {\n background: var(--pc-secondary-light);\n border-radius: var(--pc-radius);\n padding: 1.5rem 2rem;\n text-align: center;\n}\n\n.pc-purity-title {\n display: block;\n font-weight: 700;\n color: var(--pc-text);\n margin-bottom: 1rem;\n font-size: 15px;\n}\n\n.pc-purity-tags {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.pc-purity-tag {\n padding: 8px 16px;\n background: var(--pc-white);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--pc-secondary);\n border: 2px solid var(--pc-secondary);\n}\n\n\/* === USAGE === *\/\n.pc-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.pc-usage-card {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n padding: 2rem 1.5rem;\n text-align: center;\n box-shadow: var(--pc-shadow);\n transition: all .3s ease;\n}\n\n.pc-usage-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-usage-number {\n font-size: 56px;\n font-weight: 900;\n color: var(--pc-primary);\n line-height: 1;\n}\n\n.pc-usage-icon {\n font-size: 48px;\n display: block;\n}\n\n.pc-usage-label {\n font-size: 16px;\n font-weight: 800;\n color: var(--pc-primary-dark);\n margin: 0.5rem 0;\n}\n\n.pc-usage-detail {\n font-size: 13px;\n color: var(--pc-text-light);\n}\n\n.pc-dosage-tip {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--pc-primary-light);\n border-radius: var(--pc-radius-sm);\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--pc-primary);\n}\n\n.pc-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.pc-dosage-tip p {\n margin: 0;\n font-size: 14px;\n color: var(--pc-text-light);\n}\n\n.pc-dosage-tip strong {\n color: var(--pc-primary-dark);\n}\n\n\/* === PROFILS === *\/\n.pc-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n}\n\n.pc-profile-card {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--pc-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.pc-profile-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--pc-shadow-lg);\n border-color: var(--pc-primary);\n}\n\n.pc-profile-icon {\n font-size: 40px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.pc-profile-title {\n font-size: 15px;\n font-weight: 800;\n color: var(--pc-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.pc-profile-card p {\n font-size: 13px;\n color: var(--pc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === SAFETY === *\/\n.pc-safety-box {\n background: linear-gradient(135deg, #dcfce7 0%, #f0fdf4 100%);\n border-radius: var(--pc-radius);\n padding: 2rem;\n border: 2px solid #22c55e;\n}\n\n.pc-safety-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 1rem;\n font-size: 18px;\n font-weight: 800;\n color: #166534;\n}\n\n.pc-safety-icon {\n font-size: 28px;\n}\n\n.pc-safety-box p {\n margin: 0;\n font-size: 15px;\n color: #166534;\n line-height: 1.7;\n}\n\n.pc-safety-box strong {\n color: #14532d;\n}\n\n\/* === WARNING === *\/\n.pc-warning-box {\n background: var(--pc-secondary-light);\n border-radius: var(--pc-radius);\n padding: 2rem;\n border: 2px solid var(--pc-secondary);\n}\n\n.pc-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.pc-warning-item {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 16px;\n background: var(--pc-white);\n border-radius: var(--pc-radius-sm);\n font-size: 14px;\n color: var(--pc-text);\n}\n\n.pc-warning-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.pc-warning-note {\n margin: 0;\n font-size: 13px;\n color: var(--pc-text-light);\n text-align: center;\n font-style: italic;\n}\n\n\/* === INFO GRID === *\/\n.pc-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.pc-info-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 1.5rem;\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n box-shadow: var(--pc-shadow);\n transition: all .3s ease;\n}\n\n.pc-info-item:hover {\n transform: translateY(-5px);\n box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-info-icon {\n font-size: 32px;\n margin-bottom: 0.75rem;\n}\n\n.pc-info-label {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--pc-text-light);\n font-weight: 600;\n}\n\n.pc-info-value {\n font-size: 18px;\n font-weight: 800;\n color: var(--pc-primary-dark);\n margin-top: 0.25rem;\n}\n\n\/* === CTA === *\/\n.pc-cta-box {\n background: linear-gradient(135deg, var(--pc-primary) 0%, var(--pc-primary-dark) 50%, var(--pc-accent) 100%);\n border-radius: var(--pc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(212,165,116,.15) 0%, transparent 50%);\n}\n\n.pc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.pc-cta-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.pc-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.pc-cta-box strong {\n font-weight: 800;\n}\n\n.pc-cta-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.pc-cta-features span {\n padding: 10px 20px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .pc-grid,\n .pc-comparison,\n .pc-profiles-grid {\n grid-template-columns: 1fr;\n }\n \n .pc-intro-box {\n flex-direction: column;\n text-align: center;\n }\n \n .pc-highlight-box {\n grid-template-columns: 1fr;\n text-align: center;\n }\n \n .pc-highlight-visual {\n justify-self: center;\n }\n \n .pc-cta-features {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pc-card,\n .pc-profile-card,\n .pc-usage-card,\n .pc-composition-card,\n .pc-info-item {\n animation: pcFadeInUp .6s ease backwards;\n }\n \n .pc-card:nth-child(1), .pc-profile-card:nth-child(1) { animation-delay: .1s; }\n .pc-card:nth-child(2), .pc-profile-card:nth-child(2) { animation-delay: .15s; }\n .pc-card:nth-child(3), .pc-profile-card:nth-child(3) { animation-delay: .2s; }\n .pc-card:nth-child(4), .pc-profile-card:nth-child(4) { animation-delay: .25s; }\n .pc-card:nth-child(5), .pc-profile-card:nth-child(5) { animation-delay: .3s; }\n .pc-card:nth-child(6), .pc-profile-card:nth-child(6) { animation-delay: .35s; }\n}\n\n@keyframes pcFadeInUp {\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 .pc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: more) {\n .pc-premium {\n --pc-text: #000000;\n --pc-text-light: #333333;\n }\n \n .pc-card,\n .pc-profile-card {\n border: 2px solid var(--pc-text);\n }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"30 gélules","offer_id":55365398299001,"sku":"PHYCO200_30","price":38.89,"currency_code":"EUR","in_stock":true},{"title":"90 gélules","offer_id":55365398331769,"sku":"PHYCO200_90","price":94.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco-200-lifes-code-phycocyanine-200mg-packshothd.webp?v=1790450768"},{"product_id":"serenityform-inolab","title":"Complexe anti stress : Ashwagandha KSM66 \u0026 Rhodiola bio - SerenityForm Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: SerenityForm - Ashwagandha KSM-66 \u0026 Rhodiola Bio\nPalette détectée:\n - Primaire: #5B9A8B (vert sauge doux du packaging)\n - Secondaire: #7FB8A4 (vert menthe clair des bandes)\n - Accent: #E8F4F0 (blanc-vert très pâle pour les fonds)\nAmbiance: Naturel, apaisant, bien-être, bio, sérénité - univers zen et équilibré\nPréfixe CSS: sf\n--\u003e\n\n\u003cdiv class=\"sf-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sf-hero\"\u003e\n \u003cdiv class=\"sf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sf-hero-content\"\u003e\n \u003cdiv class=\"sf-badges-top\"\u003e\n \u003cspan class=\"sf-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sf-badge\"\u003e✨ KSM-66®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sf-hero-title\"\u003eSerenityForm\u003c\/span\u003e\n \u003cp class=\"sf-subtitle\"\u003eVotre duo anti-stress naturel\u003c\/p\u003e\n \u003cp class=\"sf-description\"\u003eComplexe bio associant \u003cstrong\u003eAshwagandha KSM-66®\u003c\/strong\u003e et \u003cstrong\u003eRhodiola rosea\u003c\/strong\u003e pour apaiser le stress, soutenir votre équilibre émotionnel et booster votre énergie mentale et physique.\u003c\/p\u003e\n \u003cdiv class=\"sf-hero-tags\"\u003e\n \u003cspan class=\"sf-hero-tag\"\u003e🧘 Anti-stress\u003c\/span\u003e\n \u003cspan class=\"sf-hero-tag\"\u003e💤 Sommeil\u003c\/span\u003e\n \u003cspan class=\"sf-hero-tag\"\u003e🧠 Clarté mentale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003eLes bienfaits d'une formule synergique\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eRéduction du stress\u003c\/h3\u003e\n \u003cp\u003eL'Ashwagandha KSM-66® est un adaptogène reconnu pour stabiliser le système nerveux et favoriser la détente naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3\u003eStabilité émotionnelle\u003c\/h3\u003e\n \u003cp\u003eContribue à la sérénité, aide à l'endormissement et soutient la clarté mentale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eRésistance renforcée\u003c\/h3\u003e\n \u003cp\u003eLa Rhodiola améliore la tolérance à l'effort et protège des effets du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-benefit-card\"\u003e\n \u003cdiv class=\"sf-card-icon\"\u003e🧠\u003c\/div\u003e\n \u003ch3\u003eMémoire \u0026amp; concentration\u003c\/h3\u003e\n \u003cp\u003eCette synergie optimise vos capacités cognitives pour une meilleure performance mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003eComposition \u0026amp; dosages\u003c\/h2\u003e\n \u003cp class=\"sf-section-intro\"\u003ePour 2 comprimés par jour\u003c\/p\u003e\n \u003cdiv class=\"sf-grid sf-grid-3\"\u003e\n \u003cdiv class=\"sf-card sf-ingredient-card\"\u003e\n \u003cdiv class=\"sf-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-name\"\u003eAshwagandha KSM-66®\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-dose\"\u003e400 mg\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-detail\"\u003eExtrait de racine bio\u003cbr\u003e\u003cem\u003edont 20 mg de withanolides\u003c\/em\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-ingredient-card\"\u003e\n \u003cdiv class=\"sf-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-name\"\u003eRhodiola rosea bio\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-dose\"\u003e300 mg\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-detail\"\u003eExtrait de racine certifié bio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-ingredient-card\"\u003e\n \u003cdiv class=\"sf-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-name\"\u003eFibres d'acacia\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-dose\"\u003e544 mg\u003c\/div\u003e\n \u003cdiv class=\"sf-ingredient-detail\"\u003eFibregum™ pour soutenir la digestion\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-quality-box\"\u003e\n \u003cdiv class=\"sf-quality-item\"\u003e🌿 Gélule 100% végétale\u003c\/div\u003e\n \u003cdiv class=\"sf-quality-item\"\u003e🌾 Anti-agglomérant : amidon de riz bio\u003c\/div\u003e\n \u003cdiv class=\"sf-quality-item\"\u003e♻️ Packaging recyclable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003ePosologie \u0026amp; mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sf-usage-grid\"\u003e\n \u003cdiv class=\"sf-card sf-usage-card\"\u003e\n \u003cdiv class=\"sf-usage-icon\"\u003e👤\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-title\"\u003eAdolescents dès 16 ans\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-dose\"\u003e2 comprimés\/jour\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-usage-card\"\u003e\n \u003cdiv class=\"sf-usage-icon\"\u003e👥\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-title\"\u003eAdultes\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-dose\"\u003e2 à 3 comprimés\/jour\u003c\/div\u003e\n \u003cdiv class=\"sf-usage-detail\"\u003eIdéalement avant le repas du soir\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-tips-box\"\u003e\n \u003cdiv class=\"sf-tip\"\u003e\n \u003cspan class=\"sf-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan\u003eAvaler avec un grand verre d'eau ou un jus\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-tip\"\u003e\n \u003cspan class=\"sf-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan\u003eCure d'un mois, renouvelable avec une pause de 2 semaines entre les cures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003ePourquoi choisir SerenityForm ?\u003c\/h2\u003e\n \u003cdiv class=\"sf-grid\"\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e🧘\u003c\/span\u003e\n \u003cp\u003eVous sentir plus \u003cstrong\u003ecalme et zen\u003c\/strong\u003e au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e😴\u003c\/span\u003e\n \u003cp\u003eRetrouver un \u003cstrong\u003emeilleur sommeil\u003c\/strong\u003e et un mental plus clair\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e💪\u003c\/span\u003e\n \u003cp\u003eAugmenter votre \u003cstrong\u003eendurance mentale et physique\u003c\/strong\u003e face au stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-card sf-why-card\"\u003e\n \u003cspan class=\"sf-why-emoji\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003eclean et éco-responsable\u003c\/strong\u003e, fabriquée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003ePrécautions \u0026amp; contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"sf-warning-box\"\u003e\n \u003cdiv class=\"sf-warning-item\"\u003e\n \u003cspan class=\"sf-warning-icon\"\u003e🤰\u003c\/span\u003e\n \u003cspan\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-warning-item\"\u003e\n \u003cspan class=\"sf-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan\u003eNe pas associer avec des antidépresseurs, déconseillé en cas de bipolarité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-warning-item\"\u003e\n \u003cspan class=\"sf-warning-icon\"\u003e🏠\u003c\/span\u003e\n \u003cspan\u003eÀ conserver à température ambiante, à l'abri de l'air, de la lumière et de l'humidité.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sf-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sf-info-grid\"\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003e60 comprimés (42g)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eProgramme\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003e30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sf-info-item\"\u003e\n \u003cspan class=\"sf-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"sf-info-value\"\u003eFrance 🇫🇷\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sf-cta-box\"\u003e\n \u003cdiv class=\"sf-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sf-cta-content\"\u003e\n \u003cp\u003e🌿 \u003cstrong\u003eSerenityForm\u003c\/strong\u003e est votre allié naturel pour rétablir calme, équilibre émotionnel et tonus mental, au quotidien et sans compromis.\u003c\/p\u003e\n \u003cp class=\"sf-cta-tagline\"\u003eTransformez vos jours de stress en moments de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --sf-cream: #F8FAF9;\n --sf-white: #ffffff;\n --sf-primary: #5B9A8B;\n --sf-primary-dark: #4A7F72;\n --sf-primary-light: #E8F4F0;\n --sf-secondary: #7FB8A4;\n --sf-accent: #A8D5C8;\n\n \/* Textes *\/\n --sf-text: #1a1a1a;\n --sf-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sf-border: #e0e0e0;\n --sf-shadow: 0 4px 24px rgba(91,154,139,.12);\n --sf-shadow-lg: 0 12px 48px rgba(91,154,139,.18);\n --sf-radius: 20px;\n --sf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sf-text);\n line-height: 1.6;\n}\n\n.sf-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sf-hero {\n position: relative;\n background: linear-gradient(135deg, #5B9A8B 0%, #4A7F72 40%, #7FB8A4 100%);\n border-radius: var(--sf-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(--sf-shadow-lg);\n}\n\n.sf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.sf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sf-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(--sf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sf-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.sf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.sf-description strong {\n color: white;\n}\n\n.sf-hero-tags {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.sf-hero-tag {\n padding: 10px 20px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.sf-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sf-section-intro {\n text-align: center;\n color: var(--sf-text-light);\n font-size: 15px;\n margin-top: -1rem;\n margin-bottom: 2rem;\n}\n\n.sf-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sf-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.sf-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(--sf-primary), var(--sf-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.sf-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS === *\/\n.sf-card {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sf-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sf-shadow-lg);\n border-color: var(--sf-primary);\n}\n\n\/* Benefit Cards *\/\n.sf-benefit-card {\n text-align: center;\n}\n\n.sf-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.sf-benefit-card h3 {\n color: var(--sf-primary-dark);\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 0.75rem 0;\n}\n\n.sf-benefit-card p {\n color: var(--sf-text-light);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* Ingredient Cards *\/\n.sf-ingredient-card {\n text-align: center;\n background: linear-gradient(180deg, var(--sf-white) 0%, var(--sf-primary-light) 100%);\n}\n\n.sf-ingredient-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n}\n\n.sf-ingredient-name {\n color: var(--sf-primary-dark);\n font-size: 16px;\n font-weight: 800;\n margin-bottom: 0.5rem;\n}\n\n.sf-ingredient-dose {\n background: var(--sf-primary);\n color: white;\n font-size: 20px;\n font-weight: 900;\n padding: 8px 20px;\n border-radius: 999px;\n display: inline-block;\n margin-bottom: 0.75rem;\n}\n\n.sf-ingredient-detail {\n color: var(--sf-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n.sf-ingredient-detail em {\n color: var(--sf-primary-dark);\n font-style: normal;\n font-weight: 600;\n}\n\n\/* Quality Box *\/\n.sf-quality-box {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2rem;\n padding: 1.5rem;\n background: var(--sf-primary-light);\n border-radius: var(--sf-radius-sm);\n}\n\n.sf-quality-item {\n font-size: 14px;\n font-weight: 600;\n color: var(--sf-primary-dark);\n}\n\n\/* Usage Cards *\/\n.sf-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.sf-usage-card {\n text-align: center;\n background: linear-gradient(135deg, var(--sf-white) 0%, var(--sf-primary-light) 100%);\n}\n\n.sf-usage-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.sf-usage-title {\n color: var(--sf-text);\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 0.5rem;\n}\n\n.sf-usage-dose {\n background: var(--sf-primary);\n color: white;\n font-size: 18px;\n font-weight: 800;\n padding: 10px 24px;\n border-radius: 999px;\n display: inline-block;\n}\n\n.sf-usage-detail {\n color: var(--sf-text-light);\n font-size: 13px;\n margin-top: 0.75rem;\n}\n\n\/* Tips Box *\/\n.sf-tips-box {\n background: var(--sf-white);\n border-radius: var(--sf-radius);\n padding: 1.5rem 2rem;\n box-shadow: var(--sf-shadow);\n}\n\n.sf-tip {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 0;\n border-bottom: 1px solid var(--sf-border);\n font-size: 15px;\n color: var(--sf-text);\n}\n\n.sf-tip:last-child {\n border-bottom: none;\n}\n\n.sf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n\/* Why Cards *\/\n.sf-why-card {\n display: flex;\n align-items: center;\n gap: 1rem;\n text-align: left;\n}\n\n.sf-why-emoji {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.sf-why-card p {\n margin: 0;\n font-size: 15px;\n color: var(--sf-text);\n}\n\n.sf-why-card strong {\n color: var(--sf-primary-dark);\n}\n\n\/* Warning Box *\/\n.sf-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5D6 100%);\n border: 2px solid #F5E6B3;\n border-radius: var(--sf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.sf-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n padding: 12px 0;\n border-bottom: 1px solid rgba(0,0,0,.08);\n font-size: 14px;\n color: var(--sf-text);\n}\n\n.sf-warning-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.sf-warning-item:first-child {\n padding-top: 0;\n}\n\n.sf-warning-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n\/* Info Grid *\/\n.sf-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.sf-info-item {\n background: var(--sf-white);\n border-radius: var(--sf-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--sf-shadow);\n}\n\n.sf-info-label {\n display: block;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--sf-text-light);\n margin-bottom: 0.5rem;\n}\n\n.sf-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--sf-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.sf-cta-box {\n background: linear-gradient(135deg, var(--sf-primary) 0%, var(--sf-primary-dark) 100%);\n border-radius: var(--sf-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sf-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.sf-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sf-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sf-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 1rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.sf-cta-box p strong {\n font-weight: 800;\n}\n\n.sf-cta-tagline {\n font-size: clamp(18px, 3vw, 22px) !important;\n font-weight: 700 !important;\n margin-top: 1rem !important;\n opacity: .95;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sf-grid,\n .sf-grid-3,\n .sf-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .sf-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .sf-quality-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .sf-why-card {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sf-card {\n animation: sfFadeInUp .6s ease backwards;\n }\n .sf-card:nth-child(1) { animation-delay: .1s; }\n .sf-card:nth-child(2) { animation-delay: .2s; }\n .sf-card:nth-child(3) { animation-delay: .3s; }\n .sf-card:nth-child(4) { animation-delay: .4s; }\n \n .sf-badge {\n animation: sfFadeInDown .5s ease backwards;\n }\n .sf-badge:nth-child(1) { animation-delay: .2s; }\n .sf-badge:nth-child(2) { animation-delay: .3s; }\n .sf-badge:nth-child(3) { animation-delay: .4s; }\n}\n\n@keyframes sfFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes sfFadeInDown {\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 .sf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sf-card {\n border: 2px solid var(--sf-text);\n }\n \n .sf-badge {\n border: 2px solid var(--sf-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55423824265593,"sku":"SERENITYFORM","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serenityform-inolab-anti-stress.webp?v=1751875283"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/fatigue.webp?v=1790073045","url":"https:\/\/www.naturellement-bio.com\/collections\/fatigue.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}