{"title":"Complément alimentaire cheveux et ongles","description":"\u003cp\u003eCheveux qui tombent par poignées au changement de saison, ongles qui se dédoublent au moindre choc, pousse au ralenti... On ne va pas se mentir, quand on tape \"complément alimentaire cheveux\" dans Google, c'est rarement par curiosité. C'est qu'il y a un vrai problème. Et face à la jungle des actifs - biotine, zinc, silicium, collagène, levure de bière - difficile de savoir par où commencer. Alors plutôt que de vous vendre \"le meilleur complément alimentaire cheveux\" (spoiler : il n'existe pas dans l'absolu), on préfère vous aider à trouver celui qui colle à votre situation.\u003c\/p\u003e\n\n\u003ch2\u003eQuel est votre besoin principal ?\u003c\/h2\u003e\n\n\u003cp\u003eC'est la vraie question à se poser avant tout. Parce qu'un complément alimentaire chute de cheveux et un soin pour ongles fragiles, ce n'est pas du tout la même chose. Voici quatre profils types pour y voir plus clair.\u003c\/p\u003e\n\n\u003ch3\u003eVous perdez vos cheveux\u003c\/h3\u003e\n\u003cp\u003eChute saisonnière, réactionnelle après un stress, post-partum... Le réflexe, c'est de cibler des actifs qui agissent sur le cycle capillaire et la résistance du bulbe. Le \u003ca href=\"\/products\/bio-5-chute-de-cheveux-en-comprimes-science-et-equilibre\"\u003eBIO 5 Chute de Cheveux\u003c\/a\u003e combine plusieurs actifs végétaux spécifiquement formulés pour cette problématique. En complément, la \u003ca href=\"\/products\/levure-biere-bio\"\u003elevure de bière bio et vegan\u003c\/a\u003e apporte naturellement des vitamines B et du zinc, deux piliers de la santé capillaire.\u003c\/p\u003e\n\n\u003ch3\u003eVos cheveux sont ternes, fins ou poussent lentement\u003c\/h3\u003e\n\u003cp\u003eIci, on cherche à stimuler la synthèse de kératine et nourrir le follicule. La biotine (vitamine B8) reste la référence pour soutenir la pousse. Le \u003ca href=\"\/products\/zinc-bisglycinate-b6-en-gelules-sfb\"\u003ezinc bisglycinate + B6\u003c\/a\u003e est aussi un excellent choix : sa forme chélatée offre une biodisponibilité nettement supérieure à l'oxyde de zinc classique. Et pour un coup de boost antioxydant, le \u003ca href=\"\/products\/selenium-ace-en-gelules-sfb\"\u003esélénium + ACE\u003c\/a\u003e protège les cellules du bulbe contre le stress oxydatif.\u003c\/p\u003e\n\n\u003ch3\u003eVos ongles sont cassants, mous ou dédoublés\u003c\/h3\u003e\n\u003cp\u003eUn complément alimentaire ongles fragiles doit avant tout reminéraliser. Le silicium organique est ici votre allié : le \u003ca href=\"\/products\/l2s-vitalite\"\u003eL2S® Silicium Organique Liquide\u003c\/a\u003e (dosé à 1000 mg\/L) ou l'\u003ca href=\"\/products\/silicium-active-olivital-en-boisson-sfb\"\u003eOlivital+ Silicium buvable\u003c\/a\u003e apportent une forme directement assimilable. La prêle des champs, riche en silice végétale, constitue une alternative intéressante. Le \u003ca href=\"\/products\/collagene-marin-90-gelules\"\u003ecollagène marin\u003c\/a\u003e vient compléter le tableau en soutenant la matrice dermique.\u003c\/p\u003e\n\n\u003ch3\u003eVous voulez agir sur la peau, les cheveux et les ongles en même temps\u003c\/h3\u003e\n\u003cp\u003eApproche globale, résultats multiples. Les acides gras essentiels sont alors vos meilleurs alliés. L'\u003ca href=\"\/products\/huile-onagre-bourrache-bio-en-capsules\"\u003ehuile onagre-bourrache bio\u003c\/a\u003e combine deux sources d'acide gamma-linolénique pour nourrir en profondeur. L'\u003ca href=\"\/products\/huile-bourrache-bio\"\u003ehuile de bourrache bio\u003c\/a\u003e seule fonctionne aussi très bien. Le Complexe bio n°7, quant à lui, offre une synergie d'actifs pensée pour ce type de besoin.\u003c\/p\u003e\n\n\u003ch2\u003eComparatif : quel actif pour quel résultat ?\u003c\/h2\u003e\n\n\u003cp\u003ePour vous faire gagner du temps, voici un tableau qui résume l'essentiel. Bon à savoir : la biodisponibilité d'un actif compte autant que sa présence sur l'étiquette. Le zinc bisglycinate, par exemple, est une forme chélatée bien mieux assimilée que l'oxyde de zinc. Même logique pour le silicium organique, nettement plus disponible que le silicium minéral.\u003c\/p\u003e\n\n\u003ctable style=\"width:100%; border-collapse:collapse; font-size:14px; line-height:1.5;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color:#f5f5f5;\"\u003e\n\u003cth style=\"border:1px solid #ddd; padding:10px; text-align:left;\"\u003eActif principal\u003c\/th\u003e\n\u003cth style=\"border:1px solid #ddd; padding:10px; text-align:left;\"\u003eAction ciblée\u003c\/th\u003e\n\u003cth style=\"border:1px solid #ddd; padding:10px; text-align:left;\"\u003eForme\u003c\/th\u003e\n\u003cth style=\"border:1px solid #ddd; padding:10px; text-align:left;\"\u003ePour qui ?\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eBiotine (B8)\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eContribue à la croissance capillaire\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eComprimés\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eCheveux fins, pousse lente\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color:#fafafa;\"\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eZinc bisglycinate\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eSynthèse de kératine, haute biodisponibilité\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eGélules\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eChute, ongles fragiles\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eSilicium organique\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eReminéralisation, structure cheveu\/ongle\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eLiquide buvable\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eOngles cassants, cheveux fragilisés\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color:#fafafa;\"\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eCollagène marin\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eSoutien de la matrice dermique du cuir chevelu\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eGélules\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eApproche anti-âge, cheveux et peau\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eAcides gras (bourrache, onagre)\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eNutrition en profondeur, souplesse\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eCapsules molles\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eSécheresse, cheveux ternes, peau sèche\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color:#fafafa;\"\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eLevure de bière\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eApport naturel en vitamines B et minéraux\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eGélules\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eEntretien global, prévention\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003ePrêle des champs\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eSource naturelle de silice\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eComprimés\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #ddd; padding:10px;\"\u003eAlternative végétale au silicium\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003ch2\u003eComment bien choisir et que faut-il vérifier ?\u003c\/h2\u003e\n\n\u003cp\u003eQuelques réflexes à avoir avant de passer commande :\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLa forme galénique compte.\u003c\/strong\u003e Le silicium en solution buvable s'assimile mieux que certaines formes solides. Les capsules molles préservent les acides gras de l'oxydation - c'est pour ça qu'on les utilise pour la bourrache et l'onagre.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVérifiez les dosages réels.\u003c\/strong\u003e Un silicium à 1000 mg\/L (comme le L2S®), ce n'est pas la même chose qu'un produit faiblement dosé. Pour la bourrache, regardez la teneur en acide gamma-linolénique, c'est l'indicateur clé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrivilégiez les labels et certifications.\u003c\/strong\u003e Bio quand c'est disponible, origine du collagène marin (poissons sauvages de préférence), mentions vegan pour la levure de bière.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoyez patient.\u003c\/strong\u003e Minimum 2 à 3 mois de cure pour les cheveux - le cycle capillaire (phase anagène) dure plusieurs mois. Pour les ongles, comptez plutôt 3 à 6 mois.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eEt un piège classique : ne cumulez pas plusieurs compléments contenant du zinc ou du sélénium sans vérifier les apports totaux. Trop, c'est trop.\u003c\/p\u003e\n\n\u003ch2\u003ePrécautions à connaître avant de commencer une cure\u003c\/h2\u003e\n\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFemmes enceintes ou allaitantes\u003c\/strong\u003e : demandez un avis médical, notamment pour le silicium organique et les complexes multi-actifs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTraitement anticoagulant\u003c\/strong\u003e : prudence avec la prêle des champs et l'ortie piquante, qui peuvent interagir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSélénium\u003c\/strong\u003e : ne dépassez pas 200 µg\/jour en cumulant toutes vos sources (le sélénium + ACE doit être intégré dans ce calcul).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAllergie aux produits de la mer\u003c\/strong\u003e : vérifiez systématiquement pour le collagène marin.\u003c\/li\u003e\n\u003cli\u003eEn cas de chute de cheveux importante ou prolongée, consultez un dermatologue pour écarter une cause hormonale ou une carence en fer.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eRappel : les compléments alimentaires ne remplacent pas une alimentation équilibrée.\u003c\/p\u003e\n\n\u003cp\u003eAu final, le meilleur complément alimentaire cheveux, c'est celui qui répond à votre besoin précis - pas celui qui promet tout à la fois. Accordez-vous au moins trois mois de cure régulière avant de juger, et n'hésitez pas à consulter les fiches produits pour vérifier les compositions en détail.\u003c\/p\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eQuel est le complément alimentaire le plus efficace pour les cheveux ?\u003c\/summary\u003e\u003cp\u003eIl n'y a pas de réponse universelle, tout dépend de votre problématique. Pour la chute de cheveux, les complexes anti-chute associant plusieurs actifs et le zinc sont les plus étudiés. Pour la pousse et la fortification, la biotine (vitamine B8) reste la référence : une étude publiée dans \u003cem\u003eSkin Appendage Disorders\u003c\/em\u003e (2017) a confirmé son efficacité sur les cheveux et ongles fragiles chez les personnes carencées. Les résultats dépendent toujours de la cause sous-jacente - d'où l'intérêt d'identifier d'abord votre besoin.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eQuelle est la meilleure vitamine pour les ongles et les cheveux ?\u003c\/summary\u003e\u003cp\u003eLa biotine (vitamine B8) est la plus documentée pour son rôle dans la synthèse de kératine, la protéine constitutive des cheveux et des ongles. Le zinc et le sélénium agissent comme cofacteurs essentiels dans ce processus. Le silicium joue un rôle complémentaire sur la structure. En pratique, une combinaison de plusieurs micronutriments est souvent plus pertinente qu'un actif isolé, car ils travaillent en synergie.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eQuelle carence quand on perd ses cheveux ?\u003c\/summary\u003e\u003cp\u003eLes carences les plus fréquemment associées à la chute de cheveux sont le fer (surtout chez les femmes en âge de menstruer), le zinc, la biotine et la vitamine D. Seul un bilan sanguin permet de confirmer un déficit réel. C'est important, car la supplémentation n'est vraiment efficace que si elle répond à une carence avérée. En cas de doute, votre médecin pourra vous prescrire les dosages adaptés.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eCombien de temps faut-il prendre un complément pour voir des résultats sur les cheveux ?\u003c\/summary\u003e\u003cp\u003eLe cycle de renouvellement capillaire (phase anagène) dure plusieurs mois. Concrètement, les premiers effets visibles apparaissent généralement après 2 à 3 mois de cure régulière - moins de chute, cheveux plus résistants, repousse plus dense. Pour les ongles, la pousse étant plus lente, comptez plutôt 3 à 6 mois. La clé, c'est la régularité : une gélule oubliée un jour sur deux ne donnera pas grand-chose.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* FAQ Styles *\/\n.faq-container {\n  max-width: 100%;\n  margin: 20px auto;\n  padding: 15px;\n  background: #f8f8f8;\n  border-radius: 8px;\n  border: 1px solid #ddd;\n}\n.faq-container details {\n  margin-bottom: 10px;\n  background: white;\n  padding: 12px;\n  border-radius: 6px;\n  border: 1px solid #ddd;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n.faq-container details[open] {\n  background: #eef5ee;\n  border-color: #6a7e70;\n}\n.faq-container summary {\n  font-weight: bold;\n  font-size: 1rem;\n  color: #333;\n  padding: 5px 0;\n  cursor: pointer;\n  transition: color 0.3s ease;\n  display: flex;\n  justify-content: space-between;\n  align-items: left;\n}\n.faq-container summary:hover {\n  color: #6a7e70;\n}\n.faq-container summary::after {\n  content: \"▼\";\n  font-size: 0.9rem;\n  color: #888;\n  transition: transform 0.3s ease;\n}\n.faq-container details[open] summary::after {\n  transform: rotate(180deg);\n  color: #6a7e70;\n}\n.faq-container p {\n  margin-top: 8px;\n  font-size: 0.95rem;\n  color: #555;\n  line-height: 1.5;\n}\n.faq-container details[open] p {\n  animation: fadeIn 0.3s ease-in-out;\n}\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-5px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e","products":[{"product_id":"collagene-marin-90-gelules","title":"Collagène Marin en gélules","description":"\n\n\u003cdiv class=\"soi-colm-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-colm-hero\"\u003e\n    \u003cdiv class=\"soi-colm-hero-tag\"\u003e\n      \u003cspan class=\"soi-colm-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · MERalia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-colm-hero-title\"\u003eL'éclat retrouvé, depuis l'intérieur\u003c\/span\u003e\n    \u003cp class=\"soi-colm-hero-subtitle\"\u003eLe collagène marin MERalia associe des peptides issus de poissons de l'Atlantique à la vitamine C, la vitamine E et le zinc pour soutenir la fermeté, la tonicité et l'éclat naturel de votre peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Collagène Marin en gélules : soin peau visage tonique par MERalia --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eCollagène Marin en gélules : soin peau visage tonique par MERalia\u003c\/h2\u003e\n    \u003cp\u003eVotre peau perd naturellement du collagène à partir de 25 ans, environ 1 % chaque année. Rides, perte de fermeté, teint terne : les signes s'installent progressivement. Le Collagène Marin MERalia est conçu pour agir de l'intérieur, là où aucune crème ne peut vraiment atteindre, grâce à une formule complète pensée pour la peau, le visage et l'éclat naturel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi le collagène marin est-il si efficace ? --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003ePourquoi le collagène marin est-il si efficace ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement au collagène bovin, le collagène marin issu de la peau de poissons de l'Atlantique présente une structure moléculaire plus fine (type I), ce qui lui permet d'être mieux absorbé par l'organisme. Ses peptides pénètrent plus facilement dans la circulation sanguine pour atteindre les cellules cutanées en profondeur. C'est l'une des raisons pour lesquelles il est souvent préféré dans les formules orientées vers le soin de la peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les bienfaits du collagène marin MERalia --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eLes bienfaits du collagène marin MERalia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-colm-benefits\"\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🐟\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCollagène marin hydrolysé\u003c\/h3\u003e\n        \u003cp\u003eContribue à restaurer la fermeté cutanée, à réduire l'apparence des rides et à redonner tonus au visage. Sa haute biodisponibilité favorise une assimilation rapide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine C\u003c\/h3\u003e\n        \u003cp\u003eIndispensable à la synthèse naturelle du collagène. Contribue à l'éclat de la peau, à la santé des gencives, des os et des vaisseaux sanguins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine E\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant puissant qui protège les cellules cutanées contre le stress oxydatif et les radicaux libres responsables du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eZinc\u003c\/h3\u003e\n        \u003cp\u003eParticipe au maintien d'une peau normale et saine, soutient la réparation cellulaire et renforce la résistance cutanée aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et posologie --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n    \u003cp class=\"soi-colm-section-intro\"\u003eChaque gélule de Collagène Marin MERalia réunit quatre actifs complémentaires pour un soin complet de votre peau.\u003c\/p\u003e\n    \u003cdiv class=\"soi-colm-compo\"\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eCollagène marin hydrolysé\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003ePeau de poisson (Atlantique), dosage concentré par gélule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eVitamine C (acide ascorbique)\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003e80 mg · 100 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eVitamine E (tocophérol)\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003e12 mg · 100 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eZinc\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003e10 mg · 100 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-colm-timeline\"\u003e\n      \u003cdiv class=\"soi-colm-step\"\u003e\n        \u003cdiv class=\"soi-colm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-colm-step-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez 3 gélules par jour avec un grand verre d'eau, de préférence au moment du repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-step\"\u003e\n        \u003cdiv class=\"soi-colm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-colm-step-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 6 à 8 semaines est conseillée pour observer des résultats visibles sur la fermeté et l'éclat du teint.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-colm-tip\"\u003e\n      \u003cdiv class=\"soi-colm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eRépétez la cure 2 à 3 fois par an pour un effet durable sur la qualité de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Collagène marin : y a-t-il des dangers ? --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eCollagène marin : y a-t-il des dangers ?\u003c\/h2\u003e\n    \u003cp\u003eLe collagène marin est généralement très bien toléré. Les rares effets indésirables rapportés se limitent à de légères gênes digestives en début de cure.\u003c\/p\u003e\n    \u003cdiv class=\"soi-colm-accordion\"\u003e\n      \u003cdetails class=\"soi-colm-accordion-item\"\u003e\n        \u003csummary class=\"soi-colm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-colm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire est déconseillé aux personnes allergiques aux poissons ou aux fruits de mer. En cas de doute, consultez un professionnel de santé avant de commencer une supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-colm-accordion-item\"\u003e\n        \u003csummary class=\"soi-colm-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-colm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. Il est recommandé de consulter 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  \u003c!-- H2 : Comment utiliser le collagène marin pour de meilleurs résultats ? --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eComment utiliser le collagène marin pour de meilleurs résultats ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-colm-grid\"\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e💧 Hydratation quotidienne\u003c\/h3\u003e\n        \u003cp\u003eAssociez votre cure à une bonne hydratation : 1,5 L d'eau minimum par jour pour soutenir l'action du collagène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e🍋 Vitamine C naturelle\u003c\/h3\u003e\n        \u003cp\u003eComplétez avec une alimentation riche en vitamine C naturelle (agrumes, poivrons) pour favoriser la synthèse endogène du collagène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e☀️ Protection solaire\u003c\/h3\u003e\n        \u003cp\u003eProtégez votre peau du soleil : les UV accélèrent la dégradation du collagène cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e🔄 Renouvellement de la cure\u003c\/h3\u003e\n        \u003cp\u003eRépétez la cure 2 à 3 fois par an pour un effet durable sur la fermeté et l'éclat de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-colm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-colm-cta-box\"\u003e\n      \u003cp class=\"soi-colm-cta-tag\" style=\"color: white;\"\u003eVotre rituel beauté depuis l'intérieur\u003c\/p\u003e\n      \u003cp class=\"soi-colm-cta-text\" style=\"color: white;\"\u003eAvec le Collagène Marin MERalia, chaque gélule est un geste concret pour retrouver un visage plus ferme, un teint plus lumineux et une peau qui vous ressemble vraiment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-colm-marine: #1A2D3D;\n  --soi-colm-marine-dark: #0F1E2B;\n  --soi-colm-marine-light: #2C4458;\n  --soi-colm-pomme: #A1C544;\n  --soi-colm-pomme-dark: #84A636;\n  --soi-colm-pomme-light: rgba(161,197,68,0.10);\n  --soi-colm-white: #FFFFFF;\n  --soi-colm-off-white: #F8FAF6;\n  --soi-colm-stone: #F1F3EE;\n  --soi-colm-line: #E5E8E0;\n  --soi-colm-primary: #4A8BB5;\n  --soi-colm-primary-soft: #D6E8F3;\n  --soi-colm-accent: #3366AA;\n  --soi-colm-text: #1A2D3D;\n  --soi-colm-text-soft: #4A5B6B;\n  --soi-colm-text-muted: #7B8693;\n  --soi-colm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-colm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-colm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-colm-radius: 12px;\n  --soi-colm-radius-sm: 8px;\n  --soi-colm-radius-pill: 999px;\n}\n\n.soi-colm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-colm-fiche img { max-width: 100%; height: auto; }\n\n.soi-colm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-colm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-colm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-colm-hero {\n  position: relative;\n  background: var(--soi-colm-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-colm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-colm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-colm-pomme);\n}\n\n.soi-colm-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-colm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-colm-pomme);\n  border-radius: 50%;\n}\n\n.soi-colm-hero-title {\n  display: block;\n  color: var(--soi-colm-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-colm-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.soi-colm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-colm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-colm-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-colm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-colm-pomme);\n  border-radius: 2px;\n}\n\n.soi-colm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-colm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-colm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-colm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-colm-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-colm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-colm-benefit {\n  background: var(--soi-colm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-colm-radius);\n  border: 1px solid var(--soi-colm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-colm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-colm-shadow-md);\n}\n\n.soi-colm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-colm-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-colm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-colm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-colm-benefit:hover .soi-colm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-colm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-colm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-colm-benefit p {\n  font-size: 13px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-colm-compo {\n  background: var(--soi-colm-off-white);\n  border-radius: var(--soi-colm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-colm-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(--soi-colm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-colm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-colm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-colm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-colm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-colm-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-colm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-colm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-colm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-colm-radius);\n  border: 1px solid var(--soi-colm-line);\n  align-items: flex-start;\n}\n\n.soi-colm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-colm-marine);\n  color: var(--soi-colm-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-colm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-colm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-colm-step-content p {\n  font-size: 14px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-colm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-colm-pomme-light);\n  border-left: 4px solid var(--soi-colm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-colm-radius) var(--soi-colm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-colm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-colm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-colm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-colm-tip p {\n  font-size: 14px;\n  color: var(--soi-colm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-colm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-colm-card {\n  background: var(--soi-colm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-colm-radius);\n  border-left: 3px solid var(--soi-colm-pomme);\n}\n\n.soi-colm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-colm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-colm-card p {\n  font-size: 14px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-colm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1rem;\n}\n\n.soi-colm-accordion-item {\n  background: var(--soi-colm-off-white);\n  border-radius: var(--soi-colm-radius-sm);\n  border: 1px solid var(--soi-colm-line);\n  overflow: hidden;\n}\n\n.soi-colm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-colm-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-colm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-colm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-colm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-colm-accordion-item[open] .soi-colm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-colm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-colm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-colm-cta-box {\n  background: var(--soi-colm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-colm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-colm-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-colm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-colm-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-colm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-colm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-colm-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-colm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-colm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-colm-compo-value {\n    text-align: left;\n  }\n\n  .soi-colm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-colm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-colm-fiche {\n    --soi-colm-text-soft: #2C3E50;\n    --soi-colm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61602936815946,"sku":"ME4004","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/collagene-marin-en-gelules-packshot_11zon.webp?v=1780156106"},{"product_id":"levure-biere-bio","title":"Levure de Bière Bio et Vegan en gélules","description":"\n\u003cdiv class=\"soi-levb-fiche\"\u003e\n\n  \u003csection class=\"soi-levb-hero\"\u003e\n    \u003cdiv class=\"soi-levb-hero-tag\"\u003e\n      \u003cspan class=\"soi-levb-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Graine Sauvage\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-levb-hero-title\"\u003eBeauté et vitalité, de la racine à la surface\u003c\/span\u003e\n    \u003cp class=\"soi-levb-hero-subtitle\"\u003eCheveux, ongles, peau, digestion : la levure de bière bio en gélules végétales vous apporte un concentré de vitamines B et de minéraux essentiels, pour un bien-être visible semaine après semaine.\u003c\/p\u003e\n    \u003cdiv class=\"soi-levb-hero-labels\"\u003e\n      \u003cspan class=\"soi-levb-label soi-levb-label-accent\"\u003eBIO · ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-levb-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-levb-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-levb-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-levb-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la levure de bière et pourquoi en prendre ?\u003c\/h2\u003e\n    \u003cp\u003eLa levure de bière (\u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e) est un champignon microscopique naturellement riche en \u003cstrong\u003evitamines du groupe B, acides aminés, zinc, sélénium, cuivre et magnésium\u003c\/strong\u003e. Ce profil nutritionnel exceptionnel en fait l'un des compléments alimentaires les plus plébiscités en France, aussi bien pour la beauté que pour le bien-être quotidien.\u003c\/p\u003e\n    \u003cp\u003eLa version bio de Graine Sauvage va encore plus loin, avec une culture sans pesticides, certifiée Agriculture Biologique par Ecocert (FR-BIO-01).\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-levb-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la levure de bière : ce que dit vraiment la science\u003c\/h2\u003e\n    \u003cdiv class=\"soi-levb-benefits\"\u003e\n      \u003cdiv class=\"soi-levb-benefit\"\u003e\n        \u003cdiv class=\"soi-levb-benefit-icon\"\u003e\u003cspan\u003e💇\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux renforcés\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa richesse en vitamines B (notamment B8\/biotine) et en acides aminés soufrés, la levure de bière contribue à renforcer la fibre capillaire, limiter la chute et redonner brillance aux cheveux ternes ou fragilisés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-benefit\"\u003e\n        \u003cdiv class=\"soi-levb-benefit-icon\"\u003e\u003cspan\u003e💅\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eOngles plus solides\u003c\/h3\u003e\n        \u003cp\u003eLes mêmes nutriments agissent sur la kératine des ongles, souvent cassants par carence en vitamines B ou en zinc.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-benefit\"\u003e\n        \u003cdiv class=\"soi-levb-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉclat de la peau\u003c\/h3\u003e\n        \u003cp\u003eLes vitamines B2, B3 et B6 participent au renouvellement cellulaire et peuvent aider à atténuer les imperfections et le teint terne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-benefit\"\u003e\n        \u003cdiv class=\"soi-levb-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien digestif\u003c\/h3\u003e\n        \u003cp\u003eLa levure de bière est réputée pour soutenir la flore intestinale, notamment en période de déséquilibre (après une antibiothérapie, stress, alimentation irrégulière).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-benefit\"\u003e\n        \u003cdiv class=\"soi-levb-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉnergie et métabolisme\u003c\/h3\u003e\n        \u003cp\u003eLes vitamines B jouent un rôle clé dans la transformation des nutriments en énergie, contribuant à réduire la fatigue au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-levb-section\"\u003e\n    \u003ch2\u003eComposition et posologie : ce qu'il y a vraiment dans votre gélule\u003c\/h2\u003e\n    \u003cdiv class=\"soi-levb-compo\"\u003e\n      \u003cdiv class=\"soi-levb-compo-row\"\u003e\n        \u003cspan class=\"soi-levb-compo-label\"\u003eIngrédient actif\u003c\/span\u003e\n        \u003cspan class=\"soi-levb-compo-value\"\u003eLevure de bière (\u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e) désactivée, issue de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-compo-row\"\u003e\n        \u003cspan class=\"soi-levb-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-levb-compo-value\"\u003eGélule végétale (HPMC), sans gélatine animale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-compo-row\"\u003e\n        \u003cspan class=\"soi-levb-compo-label\"\u003eDosage par gélule\u003c\/span\u003e\n        \u003cspan class=\"soi-levb-compo-value\"\u003e500 mg de levure de bière bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-compo-row\"\u003e\n        \u003cspan class=\"soi-levb-compo-label\"\u003eDose journalière\u003c\/span\u003e\n        \u003cspan class=\"soi-levb-compo-value\"\u003e6 gélules par jour (soit 3 000 mg)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-compo-row\"\u003e\n        \u003cspan class=\"soi-levb-compo-label\"\u003eContenu du flacon\u003c\/span\u003e\n        \u003cspan class=\"soi-levb-compo-value\"\u003e60 gélules (10 jours)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-compo-row\"\u003e\n        \u003cspan class=\"soi-levb-compo-label\"\u003eCure recommandée\u003c\/span\u003e\n        \u003cspan class=\"soi-levb-compo-value\"\u003e4 à 6 semaines minimum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-compo-row\"\u003e\n        \u003cspan class=\"soi-levb-compo-label\"\u003eRésultats visibles\u003c\/span\u003e\n        \u003cspan class=\"soi-levb-compo-value\"\u003e6 à 8 semaines de prise régulière\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-compo-row\"\u003e\n        \u003cspan class=\"soi-levb-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-levb-compo-value\"\u003eAgriculture Biologique, FR-BIO-01 (Ecocert)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-levb-tip\"\u003e\n      \u003cdiv class=\"soi-levb-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour des résultats visibles sur les cheveux et les ongles, comptez 6 à 8 semaines de prise régulière. La levure de bière agit en profondeur : la patience est votre meilleure alliée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-levb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la levure de bière Bio en gélule de Graine Sauvage ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-levb-grid\"\u003e\n      \u003cdiv class=\"soi-levb-card\"\u003e\n        \u003ch3\u003e🌱 Certifiée Agriculture Biologique\u003c\/h3\u003e\n        \u003cp\u003eCertifiée par Ecocert (FR-BIO-01), sans pesticides ni produits chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité complète de la matière première à la gélule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-card\"\u003e\n        \u003ch3\u003e🌿 100 % vegan\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales, sans alcool, sans excipients inutiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-card\"\u003e\n        \u003ch3\u003e🔬 Formulation pure\u003c\/h3\u003e\n        \u003cp\u003eUn seul ingrédient actif, sans additifs ni arômes artificiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-levb-section\"\u003e\n    \u003ch2\u003eComment bien utiliser la levure de bière en gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-levb-timeline\"\u003e\n      \u003cdiv class=\"soi-levb-step\"\u003e\n        \u003cdiv class=\"soi-levb-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-levb-step-content\"\u003e\n          \u003ch3\u003ePendant les repas\u003c\/h3\u003e\n          \u003cp\u003ePrenez vos 6 gélules réparties au cours des repas avec un grand verre d'eau pour favoriser leur assimilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-step\"\u003e\n        \u003cdiv class=\"soi-levb-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-levb-step-content\"\u003e\n          \u003ch3\u003eProtégez votre estomac\u003c\/h3\u003e\n          \u003cp\u003eÉvitez de les avaler à jeun si vous avez un estomac sensible.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-levb-step\"\u003e\n        \u003cdiv class=\"soi-levb-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-levb-step-content\"\u003e\n          \u003ch3\u003eConsultez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003eCe complément ne remplace pas une alimentation équilibrée ni un suivi médical. En cas de traitement en cours ou de pathologie digestive, consultez votre médecin avant toute prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-levb-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur la levure de bière\u003c\/h2\u003e\n    \u003cdiv class=\"soi-levb-accordion\"\u003e\n      \u003cdetails class=\"soi-levb-accordion-item\"\u003e\n        \u003csummary class=\"soi-levb-accordion-header\"\u003e⚖️ La levure de bière fait-elle grossir ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-levb-accordion-content\"\u003e\n          \u003cp\u003eNon, elle est très peu calorique en complément alimentaire aux doses recommandées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-levb-accordion-item\"\u003e\n        \u003csummary class=\"soi-levb-accordion-header\"\u003e🔬 Levure de bière vivante ou désactivée ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-levb-accordion-content\"\u003e\n          \u003cp\u003eLa version désactivée (comme celle de Graine Sauvage) est plus digeste et mieux tolérée, sans risque de fermentation dans l'intestin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-levb-accordion-item\"\u003e\n        \u003csummary class=\"soi-levb-accordion-header\"\u003e📅 Peut-on en prendre toute l'année ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-levb-accordion-content\"\u003e\n          \u003cp\u003eOui, par cures de 4 à 8 semaines, renouvelables après une pause de quelques semaines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-levb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-levb-cta-box\"\u003e\n      \u003cp class=\"soi-levb-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, un geste à la fois\u003c\/p\u003e\n      \u003cp class=\"soi-levb-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux, vos ongles et votre peau ce dont ils ont vraiment besoin : une formule pure, vegan et certifiée bio. Des résultats qui se voient et se ressentent, semaine après semaine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-levb-marine: #1A2D3D;\n  --soi-levb-marine-dark: #0F1E2B;\n  --soi-levb-marine-light: #2C4458;\n  --soi-levb-pomme: #A1C544;\n  --soi-levb-pomme-dark: #84A636;\n  --soi-levb-pomme-light: rgba(161,197,68,0.10);\n  --soi-levb-white: #FFFFFF;\n  --soi-levb-off-white: #F8FAF6;\n  --soi-levb-stone: #F1F3EE;\n  --soi-levb-line: #E5E8E0;\n  --soi-levb-primary: #D4A52A;\n  --soi-levb-primary-soft: #F5EDD4;\n  --soi-levb-accent: #D88542;\n  --soi-levb-text: #1A2D3D;\n  --soi-levb-text-soft: #4A5B6B;\n  --soi-levb-text-muted: #7B8693;\n  --soi-levb-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-levb-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-levb-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-levb-radius: 12px;\n  --soi-levb-radius-sm: 8px;\n  --soi-levb-radius-pill: 999px;\n}\n\n.soi-levb-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-levb-fiche img { max-width: 100%; height: auto; }\n\n.soi-levb-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-levb-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-levb-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-levb-hero {\n  position: relative;\n  background: var(--soi-levb-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-levb-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-levb-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-levb-pomme);\n}\n\n.soi-levb-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-levb-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-levb-pomme);\n  border-radius: 50%;\n}\n\n.soi-levb-hero-title {\n  display: block;\n  color: var(--soi-levb-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-levb-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-levb-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-levb-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-levb-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-levb-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-levb-label-accent {\n  background: var(--soi-levb-pomme);\n  border-color: var(--soi-levb-pomme);\n  color: var(--soi-levb-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-levb-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-levb-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-levb-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-levb-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-levb-pomme);\n  border-radius: 2px;\n}\n\n.soi-levb-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-levb-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-levb-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-levb-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-levb-benefit {\n  background: var(--soi-levb-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-levb-radius);\n  border: 1px solid var(--soi-levb-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-levb-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-levb-shadow-md);\n}\n\n.soi-levb-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-levb-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-levb-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-levb-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-levb-benefit:hover .soi-levb-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-levb-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-levb-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-levb-benefit p {\n  font-size: 13px;\n  color: var(--soi-levb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-levb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-levb-card {\n  background: var(--soi-levb-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-levb-radius);\n  border-left: 3px solid var(--soi-levb-pomme);\n}\n\n.soi-levb-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-levb-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-levb-card p {\n  font-size: 14px;\n  color: var(--soi-levb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-levb-compo {\n  background: var(--soi-levb-off-white);\n  border-radius: var(--soi-levb-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-levb-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(--soi-levb-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-levb-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-levb-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-levb-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-levb-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-levb-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-levb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-levb-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-levb-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-levb-radius);\n  border: 1px solid var(--soi-levb-line);\n  align-items: flex-start;\n}\n\n.soi-levb-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-levb-marine);\n  color: var(--soi-levb-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-levb-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-levb-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-levb-step-content p {\n  font-size: 14px;\n  color: var(--soi-levb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-levb-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-levb-pomme-light);\n  border-left: 4px solid var(--soi-levb-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-levb-radius) var(--soi-levb-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-levb-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-levb-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-levb-marine);\n  margin-bottom: 4px;\n}\n\n.soi-levb-tip p {\n  font-size: 14px;\n  color: var(--soi-levb-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-levb-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-levb-accordion-item {\n  background: var(--soi-levb-off-white);\n  border-radius: var(--soi-levb-radius-sm);\n  border: 1px solid var(--soi-levb-line);\n  overflow: hidden;\n}\n\n.soi-levb-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-levb-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-levb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-levb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-levb-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-levb-accordion-item[open] .soi-levb-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-levb-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-levb-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-levb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-levb-cta-box {\n  background: var(--soi-levb-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-levb-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-levb-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-levb-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-levb-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-levb-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-levb-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-levb-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-levb-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-levb-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-levb-compo-value {\n    text-align: left;\n  }\n\n  .soi-levb-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-levb-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-levb-fiche {\n    --soi-levb-text-soft: #2C3E50;\n    --soi-levb-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61602946154826,"sku":"GS9103","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/levure-de-biere-bio-et-vegan-en-gelules-packshot_11zon.webp?v=1780041238"},{"product_id":"complexe7-ansil","title":"Complexe bio n°7 de Lapis-Lazuli, Noyer, Orme et Cèdre","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003e\u003cstrong\u003eDécouvrez le Complexe Bio n°7 d’Ansil\u003c\/strong\u003e, une fusion harmonieuse de la\u003cstrong\u003e lithothérapie et de la gemmothérapie\u003c\/strong\u003e, offrant une synergie exceptionnelle pour rétablir l’équilibre ionique et favoriser votre bien-être.\u003c\/p\u003e\n\u003cp\u003eCe complexe unique \u003cstrong\u003ecombine les vertus des cristaux et des bourgeons\u003c\/strong\u003e certifiés bio, créant ainsi une solution naturelle pour apaiser le corps et l’esprit.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AL4007_b5175271-dda9-4d2e-9c23-5e32af7fb3ec.jpg?v=1776180267\" alt=\"Photo d'une femme qui médite dans la nature\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003ePrincipes de la Lithothérapie et de la Gemmothérapie\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eLithothérapie :\u003c\/strong\u003e utilisation des cristaux pour influencer positivement la santé par leurs vibrations uniques. Chaque cristal émet des ondes et des couleurs spécifiques, favorisant l’équilibre physique et mental.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eGemmothérapie :\u003c\/strong\u003e méthode de phytothérapie axée sur les bourgeons et les jeunes pousses, riches en principes actifs et en énergie vitale, pour renforcer l'organisme et stimuler sa régénération.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eComposition du Complexe n°7 d'Ansil\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eLapis-Lazuli :\u003c\/strong\u003e réputé pour ses vertus apaisantes et son efficacité dans la réduction du stress, ce cristal est l'élément central du complexe.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eBourgeons d'Orme :\u003c\/strong\u003e connu pour ses propriétés bénéfiques pour la peau, les ongles et les tissus, aidant à maintenir leur santé et leur élasticité.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eBourgeons de Cèdre :\u003c\/strong\u003e contribuent à une bonne circulation lymphatique, favorisant le drainage et l'élimination des toxines.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eBourgeons de Noyer :\u003c\/strong\u003e protègent contre les radicaux libres induits par le stress, les UV et la pollution, renforçant ainsi les défenses naturelles de la peau.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits clés du Complexe n°7 Ansil \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRéduction du stress :\u003c\/strong\u003e grâce aux propriétés apaisantes du Lapis-Lazuli.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eProtection de la peau :\u003c\/strong\u003e les bourgeons de Noyer et d'Orme agissent en synergie pour renforcer la barrière cutanée.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAmélioration de la circulation :\u003c\/strong\u003e le Cèdre soutient le système lymphatique, favorisant une meilleure circulation des fluides corporels.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ansil","offers":[{"title":"Default Title","offer_id":61602975809866,"sku":"AL4007","price":23.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_ansil_al4007_complexe-7.jpg?v=1776155689"},{"product_id":"l2s-vitalite","title":"L2S® Silicium Organique Liquide 1000 mg\/L - 1L","description":"\n\u003cdiv class=\"soi-l2s-fiche\"\u003e\n\n  \u003csection class=\"soi-l2s-hero\"\u003e\n    \u003cdiv class=\"soi-l2s-hero-tag\"\u003e\n      \u003cspan class=\"soi-l2s-tag-dot\"\u003e\u003c\/span\u003e\n      Soin externe · Labo Santé Silice\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-l2s-hero-title\"\u003eLe silicium organique français, formulé pour vos articulations\u003c\/span\u003e\n    \u003cp class=\"soi-l2s-hero-subtitle\"\u003eLe L2S® Formule Originale N. Duffaut concentre 1000 mg\/L de silicium organique en application locale, pour accompagner le confort articulaire, la circulation et la vitalité cutanée au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-l2s-hero-labels\"\u003e\n      \u003cspan class=\"soi-l2s-label soi-l2s-label-accent\"\u003eFABRICATION FRANÇAISE\u003c\/span\u003e\n      \u003cspan class=\"soi-l2s-label\"\u003e1000 MG\/L\u003c\/span\u003e\n      \u003cspan class=\"soi-l2s-label\"\u003eUSAGE EXTERNE\u003c\/span\u003e\n      \u003cspan class=\"soi-l2s-label\"\u003e1000 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-l2s-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le silicium organique et pourquoi l'utiliser ?\u003c\/h2\u003e\n    \u003cp\u003eLe silicium est l'un des minéraux les plus abondants de l'organisme, pourtant souvent sous-estimé. Présent dans les cartilages, les tendons, la peau et les parois vasculaires, il joue un rôle central dans la synthèse du collagène et l'intégrité des tissus conjonctifs. Avec l'âge, sa concentration dans l'organisme diminue naturellement, ce qui peut fragiliser les articulations et réduire l'élasticité cutanée.\u003c\/p\u003e\n    \u003cp\u003eLa forme organique du silicium, comme celle utilisée dans le L2S®, est réputée pour sa bonne absorption cutanée lors d'une application locale, ce qui la distingue des formes minérales classiques comme la silice colloïdale.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-l2s-section\"\u003e\n    \u003ch2\u003eLes bienfaits du L2S® en application locale\u003c\/h2\u003e\n    \u003cdiv class=\"soi-l2s-benefits\"\u003e\n      \u003cdiv class=\"soi-l2s-benefit\"\u003e\n        \u003cdiv class=\"soi-l2s-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien ostéo-articulaire\u003c\/h3\u003e\n        \u003cp\u003eAppliqué directement sur les zones sensibles (genoux, hanches, colonne vertébrale), le silicium organique aide à préserver la trame cartilagineuse et à apaiser l'inconfort lié à l'arthrose ou aux raideurs articulaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-l2s-benefit\"\u003e\n        \u003cdiv class=\"soi-l2s-benefit-icon\"\u003e\u003cspan\u003e🩸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAmélioration de la circulation\u003c\/h3\u003e\n        \u003cp\u003eGrâce à son action sur la trame collagène des parois vasculaires, le L2S® contribue à soutenir la microcirculation et le tonus veineux, particulièrement utile en cas de jambes lourdes ou de fragilité capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-l2s-benefit\"\u003e\n        \u003cdiv class=\"soi-l2s-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eReminéralisation et vitalité cutanée\u003c\/h3\u003e\n        \u003cp\u003eUtilisé en massage, il nourrit les tissus en profondeur, favorise la souplesse cutanée et soutient le tonus général de l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-l2s-benefit\"\u003e\n        \u003cdiv class=\"soi-l2s-benefit-icon\"\u003e\u003cspan\u003e🧪\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormule propre et concentrée\u003c\/h3\u003e\n        \u003cp\u003e1000 mg\/L de silicium organique, sans surcharge d'additifs inutiles. Une concentration sérieuse pour une efficacité tangible.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-l2s-section\"\u003e\n    \u003ch2\u003eComposition du L2S® Formule Originale N. Duffaut\u003c\/h2\u003e\n    \u003cdiv class=\"soi-l2s-compo\"\u003e\n      \u003cdiv class=\"soi-l2s-compo-row\"\u003e\n        \u003cspan class=\"soi-l2s-compo-label\"\u003eIngrédient actif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-l2s-compo-value\"\u003eSilicium organique à 1000 mg par litre (base aqueuse stabilisée)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-l2s-compo-row\"\u003e\n        \u003cspan class=\"soi-l2s-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-l2s-compo-value\"\u003eFlacon de 1000 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-l2s-compo-row\"\u003e\n        \u003cspan class=\"soi-l2s-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-l2s-compo-value\"\u003e100% française, sous contrôle du Labo Santé Silice\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-l2s-compo-row\"\u003e\n        \u003cspan class=\"soi-l2s-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-l2s-compo-value\"\u003eExterne uniquement (ne pas ingérer)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-l2s-tip\"\u003e\n      \u003cdiv class=\"soi-l2s-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe produit est destiné à un usage externe uniquement. Si vous recherchez un silicium organique oral, orientez-vous vers une formule adaptée à la voie orale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-l2s-section\"\u003e\n    \u003ch2\u003eComment utiliser le L2S® au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-l2s-timeline\"\u003e\n      \u003cdiv class=\"soi-l2s-step\"\u003e\n        \u003cdiv class=\"soi-l2s-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-l2s-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eVersez quelques millilitres de L2S® directement sur la zone à traiter (articulation, jambes, dos).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-l2s-step\"\u003e\n        \u003cdiv class=\"soi-l2s-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-l2s-step-content\"\u003e\n          \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements circulaires jusqu'à absorption complète du produit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-l2s-step\"\u003e\n        \u003cdiv class=\"soi-l2s-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-l2s-step-content\"\u003e\n          \u003ch3\u003eRenouvelez 1 à 2 fois par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence matin et soir, pour une efficacité optimale sur la durée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-l2s-step\"\u003e\n        \u003cdiv class=\"soi-l2s-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-l2s-step-content\"\u003e\n          \u003ch3\u003ePoursuivez la cure sur 6 à 8 semaines\u003c\/h3\u003e\n          \u003cp\u003eUn minimum de 6 à 8 semaines est recommandé pour observer des résultats sur le confort articulaire et la vitalité cutanée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-l2s-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-l2s-accordion\"\u003e\n      \u003cdetails class=\"soi-l2s-accordion-item\"\u003e\n        \u003csummary class=\"soi-l2s-accordion-header\"\u003e⚠️ Usage et restrictions\u003c\/summary\u003e\n        \u003cdiv class=\"soi-l2s-accordion-content\"\u003e\n          \u003cp\u003eRéservé à l'usage externe. Ne pas ingérer. Évitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-l2s-accordion-item\"\u003e\n        \u003csummary class=\"soi-l2s-accordion-header\"\u003e🏥 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"soi-l2s-accordion-content\"\u003e\n          \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de douleurs persistantes, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-l2s-accordion-item\"\u003e\n        \u003csummary class=\"soi-l2s-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-l2s-accordion-content\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-l2s-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-l2s-cta-box\"\u003e\n      \u003cp class=\"soi-l2s-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-l2s-cta-text\" style=\"color: white;\"\u003eUn litre de silicium organique français concentré, prêt à accompagner vos articulations, votre circulation et votre peau au quotidien. Une formule historique, une fabrication locale, une routine simple pour retrouver confort et légèreté.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-l2s-marine: #1A2D3D;\n  --soi-l2s-marine-dark: #0F1E2B;\n  --soi-l2s-marine-light: #2C4458;\n  --soi-l2s-pomme: #A1C544;\n  --soi-l2s-pomme-dark: #84A636;\n  --soi-l2s-pomme-light: rgba(161,197,68,0.10);\n  --soi-l2s-white: #FFFFFF;\n  --soi-l2s-off-white: #F8FAF6;\n  --soi-l2s-stone: #F1F3EE;\n  --soi-l2s-line: #E5E8E0;\n  --soi-l2s-primary: #0097B2;\n  --soi-l2s-primary-soft: #E0F4F8;\n  --soi-l2s-accent: #6CB4D9;\n  --soi-l2s-text: #1A2D3D;\n  --soi-l2s-text-soft: #4A5B6B;\n  --soi-l2s-text-muted: #7B8693;\n  --soi-l2s-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-l2s-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-l2s-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-l2s-radius: 12px;\n  --soi-l2s-radius-sm: 8px;\n  --soi-l2s-radius-pill: 999px;\n}\n\n.soi-l2s-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-l2s-fiche img { max-width: 100%; height: auto; }\n\n.soi-l2s-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-l2s-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-l2s-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-l2s-hero {\n  position: relative;\n  background: var(--soi-l2s-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-l2s-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-l2s-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-l2s-pomme);\n}\n\n.soi-l2s-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-l2s-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-l2s-pomme);\n  border-radius: 50%;\n}\n\n.soi-l2s-hero-title {\n  display: block;\n  color: var(--soi-l2s-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-l2s-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-l2s-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-l2s-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-l2s-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-l2s-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-l2s-label-accent {\n  background: var(--soi-l2s-pomme);\n  border-color: var(--soi-l2s-pomme);\n  color: var(--soi-l2s-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-l2s-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-l2s-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-l2s-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-l2s-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-l2s-pomme);\n  border-radius: 2px;\n}\n\n.soi-l2s-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-l2s-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-l2s-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-l2s-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-l2s-benefit {\n  background: var(--soi-l2s-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-l2s-radius);\n  border: 1px solid var(--soi-l2s-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-l2s-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-l2s-shadow-md);\n}\n\n.soi-l2s-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-l2s-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-l2s-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-l2s-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-l2s-benefit:hover .soi-l2s-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-l2s-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-l2s-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-l2s-benefit p {\n  font-size: 13px;\n  color: var(--soi-l2s-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-l2s-compo {\n  background: var(--soi-l2s-off-white);\n  border-radius: var(--soi-l2s-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-l2s-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(--soi-l2s-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-l2s-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-l2s-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-l2s-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-l2s-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-l2s-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-l2s-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-l2s-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-l2s-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-l2s-radius);\n  border: 1px solid var(--soi-l2s-line);\n  align-items: flex-start;\n}\n\n.soi-l2s-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-l2s-marine);\n  color: var(--soi-l2s-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-l2s-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-l2s-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-l2s-step-content p {\n  font-size: 14px;\n  color: var(--soi-l2s-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-l2s-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-l2s-pomme-light);\n  border-left: 4px solid var(--soi-l2s-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-l2s-radius) var(--soi-l2s-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-l2s-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-l2s-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-l2s-marine);\n  margin-bottom: 4px;\n}\n\n.soi-l2s-tip p {\n  font-size: 14px;\n  color: var(--soi-l2s-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-l2s-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-l2s-accordion-item {\n  background: var(--soi-l2s-off-white);\n  border-radius: var(--soi-l2s-radius-sm);\n  border: 1px solid var(--soi-l2s-line);\n  overflow: hidden;\n}\n\n.soi-l2s-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-l2s-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-l2s-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-l2s-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-l2s-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-l2s-accordion-item[open] .soi-l2s-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-l2s-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-l2s-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-l2s-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-l2s-cta-box {\n  background: var(--soi-l2s-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-l2s-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-l2s-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-l2s-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-l2s-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-l2s-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-l2s-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-l2s-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-l2s-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-l2s-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-l2s-compo-value {\n    text-align: left;\n  }\n\n  .soi-l2s-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-l2s-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-l2s-fiche {\n    --soi-l2s-text-soft: #2C3E50;\n    --soi-l2s-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Labo Santé Silice","offers":[{"title":"Default Title","offer_id":61602984558922,"sku":"LS0080","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/l2s-en-bouteille-packshot_11zon.jpg?v=1781357670"},{"product_id":"huile-bourrache-bio","title":"Huile de Bourrache Bio en gélules","description":"\u003cdiv class=\"soi-bour-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-bour-hero\"\u003e\n    \u003cdiv class=\"soi-bour-hero-tag\"\u003e\n      \u003cspan class=\"soi-bour-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Graine Sauvage\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-bour-hero-title\"\u003eLa cure anti-âge naturelle pour votre peau\u003c\/span\u003e\n    \u003cp class=\"soi-bour-hero-subtitle\"\u003eL'huile de bourrache bio en capsules molles, concentrée en acide gamma-linolénique, nourrit votre peau de l'intérieur pour retrouver souplesse, hydratation et éclat.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bour-hero-labels\"\u003e\n      \u003cspan class=\"soi-bour-label soi-bour-label-accent\"\u003eBIO AB\u003c\/span\u003e\n      \u003cspan class=\"soi-bour-label\"\u003eFR-BIO-01\u003c\/span\u003e\n      \u003cspan class=\"soi-bour-label\"\u003ePREMIÈRE PRESSION À FROID\u003c\/span\u003e\n      \u003cspan class=\"soi-bour-label\"\u003e60 CAPSULES MOLLES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi l'huile de bourrache ? Ce que disent les actifs --\u003e\n  \u003csection class=\"soi-bour-section\"\u003e\n    \u003ch2\u003ePourquoi l'huile de bourrache ? Ce que disent les actifs\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bour-benefits\"\u003e\n      \u003cdiv class=\"soi-bour-benefit\"\u003e\n        \u003cdiv class=\"soi-bour-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAcide gamma-linolénique (AGL)\u003c\/h3\u003e\n        \u003cp\u003eComposant clé des membranes cellulaires, cet oméga-6 rare contribue à l'hydratation, à la souplesse et à l'élasticité de la peau. L'huile de bourrache en est l'une des sources végétales les plus riches (18 à 26 % de la composition).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-benefit\"\u003e\n        \u003cdiv class=\"soi-bour-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAcide linoléique (oméga-6)\u003c\/h3\u003e\n        \u003cp\u003ePrésent en grande quantité, il renforce la barrière cutanée et aide à limiter la perte en eau, particulièrement utile pour les peaux sèches ou sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-benefit\"\u003e\n        \u003cdiv class=\"soi-bour-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine E naturelle (tocophérol)\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant, elle aide à protéger les cellules contre le stress oxydatif, contribuant à ralentir le vieillissement cutané prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top:1.25rem;\"\u003ePrise en complément alimentaire, l'huile de bourrache agit de l'intérieur, là où les crèmes ne peuvent pas toujours atteindre. Elle est aussi appréciée pour ses effets potentiels sur la qualité des cheveux et des ongles, souvent fragilisés par les carences en acides gras essentiels.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et posologie --\u003e\n  \u003csection class=\"soi-bour-section\"\u003e\n    \u003ch2\u003eComposition et posologie : ce que contient chaque capsule\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bour-compo\"\u003e\n      \u003cdiv class=\"soi-bour-compo-row\"\u003e\n        \u003cspan class=\"soi-bour-compo-label\"\u003eHuile de bourrache bio (Borago officinalis)\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-compo-value\"\u003e500 mg par capsule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-compo-row\"\u003e\n        \u003cspan class=\"soi-bour-compo-label\"\u003eExtraction\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-compo-row\"\u003e\n        \u003cspan class=\"soi-bour-compo-label\"\u003eVitamine E naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-compo-value\"\u003eD-alpha-tocophérol (antioxydant)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-compo-row\"\u003e\n        \u003cspan class=\"soi-bour-compo-label\"\u003eEnveloppe de la capsule\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-compo-value\"\u003eGélatine bovine, glycérol, eau purifiée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-compo-row\"\u003e\n        \u003cspan class=\"soi-bour-compo-label\"\u003eContenu du flacon\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-compo-value\"\u003e60 capsules molles (cure de 20 jours)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-bour-timeline\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdiv class=\"soi-bour-step\"\u003e\n        \u003cdiv class=\"soi-bour-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-bour-step-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e3 capsules molles par jour, à avaler avec un grand verre d'eau, de préférence au moment des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-step\"\u003e\n        \u003cdiv class=\"soi-bour-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-bour-step-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats visibles sur la peau, une cure de 6 à 8 semaines est généralement 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 : Pour qui est faite cette cure --\u003e\n  \u003csection class=\"soi-bour-section\"\u003e\n    \u003ch2\u003ePour qui est faite cette cure d'huile de bourrache bio en gélules ?\u003c\/h2\u003e\n    \u003cp class=\"soi-bour-section-intro\"\u003eCe complément convient particulièrement si vous présentez l'un des profils suivants :\u003c\/p\u003e\n    \u003cdiv class=\"soi-bour-grid\"\u003e\n      \u003cdiv class=\"soi-bour-card\"\u003e\n        \u003ch3\u003e🌾 Peau sèche, terne ou inconfortable\u003c\/h3\u003e\n        \u003cp\u003eSurtout en hiver ou après 40 ans, lorsque la production naturelle d'acides gras essentiels ralentit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-card\"\u003e\n        \u003ch3\u003e✨ Signes de vieillissement cutané\u003c\/h3\u003e\n        \u003cp\u003eRides précoces, manque de fermeté : l'AGL soutient la régénération cellulaire de l'intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-card\"\u003e\n        \u003ch3\u003e🌸 Peau sensible sujette aux rougeurs\u003c\/h3\u003e\n        \u003cp\u003eLes oméga-6 contribuent à apaiser les peaux réactives, sujettes aux démangeaisons ou aux inconforts.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-card\"\u003e\n        \u003ch3\u003e💅 Ongles cassants ou cheveux fragilisés\u003c\/h3\u003e\n        \u003cp\u003eLes acides gras essentiels nourrissent également les phanères pour des ongles et cheveux plus résistants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-bour-accordion\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdetails class=\"soi-bour-accordion-item\"\u003e\n        \u003csummary class=\"soi-bour-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-bour-accordion-content\"\u003e\n          \u003cp\u003eCe complément est déconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. Il ne remplace pas un traitement médical ni un suivi dermatologique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les engagements Graine Sauvage --\u003e\n  \u003csection class=\"soi-bour-section\"\u003e\n    \u003ch2\u003eLes engagements Graine Sauvage\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bour-grid-compact\"\u003e\n      \u003cdiv class=\"soi-bour-card-mini\"\u003e\n        \u003cspan class=\"soi-bour-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-card-mini-value\"\u003eBio AB \/ FR-BIO-01\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-card-mini\"\u003e\n        \u003cspan class=\"soi-bour-card-mini-icon\"\u003e❄️\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-card-mini-label\"\u003eExtraction\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-card-mini-value\"\u003e1ère pression à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-card-mini\"\u003e\n        \u003cspan class=\"soi-bour-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-card-mini-value\"\u003eSans additifs inutiles\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bour-card-mini\"\u003e\n        \u003cspan class=\"soi-bour-card-mini-icon\"\u003e💊\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-card-mini-label\"\u003eDosage\u003c\/span\u003e\n        \u003cspan class=\"soi-bour-card-mini-value\"\u003e500 mg par capsule\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment associer l'huile de bourrache --\u003e\n  \u003csection class=\"soi-bour-section\"\u003e\n    \u003ch2\u003eComment associer vos capsules d'huile de bourrache pour de meilleurs résultats ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bour-tip\"\u003e\n      \u003cdiv class=\"soi-bour-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eL'huile d'onagre et l'huile de bourrache forment un duo complémentaire très apprécié : l'onagre apporte également de l'AGL et des phyto-estrogènes intéressants pour les femmes en période de ménopause. Associées, leurs bienfaits pour la peau se potentialisent. Vous pouvez alterner les cures ou les combiner selon les conseils d'un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-bour-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-bour-cta-box\"\u003e\n      \u003cp class=\"soi-bour-cta-tag\" style=\"color: white;\"\u003eNourrissez votre peau de l'intérieur\u003c\/p\u003e\n      \u003cp class=\"soi-bour-cta-text\" style=\"color: white;\"\u003eRiche en acides gras rares et en vitamine E, chaque capsule d'huile de bourrache bio Graine Sauvage nourrit vos cellules en profondeur pour révéler une peau plus souple, plus hydratée et plus lumineuse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-bour-marine: #1A2D3D;\n  --soi-bour-marine-dark: #0F1E2B;\n  --soi-bour-marine-light: #2C4458;\n  --soi-bour-pomme: #A1C544;\n  --soi-bour-pomme-dark: #84A636;\n  --soi-bour-pomme-light: rgba(161,197,68,0.10);\n  --soi-bour-white: #FFFFFF;\n  --soi-bour-off-white: #F8FAF6;\n  --soi-bour-stone: #F1F3EE;\n  --soi-bour-line: #E5E8E0;\n  --soi-bour-primary: #C6D44A;\n  --soi-bour-primary-soft: #E8EDC4;\n  --soi-bour-accent: #D4A82A;\n  --soi-bour-text: #1A2D3D;\n  --soi-bour-text-soft: #4A5B6B;\n  --soi-bour-text-muted: #7B8693;\n  --soi-bour-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-bour-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-bour-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-bour-radius: 12px;\n  --soi-bour-radius-sm: 8px;\n  --soi-bour-radius-pill: 999px;\n}\n\n.soi-bour-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bour-fiche img { max-width: 100%; height: auto; }\n\n.soi-bour-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-bour-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-bour-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-bour-hero {\n  position: relative;\n  background: var(--soi-bour-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-bour-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-bour-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-bour-pomme);\n}\n\n.soi-bour-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-bour-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-bour-pomme);\n  border-radius: 50%;\n}\n\n.soi-bour-hero-title {\n  display: block;\n  color: var(--soi-bour-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-bour-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-bour-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-bour-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-bour-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-bour-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bour-label-accent {\n  background: var(--soi-bour-pomme);\n  border-color: var(--soi-bour-pomme);\n  color: var(--soi-bour-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-bour-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bour-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-bour-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-bour-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-bour-pomme);\n  border-radius: 2px;\n}\n\n.soi-bour-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-bour-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-bour-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-bour-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-bour-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-bour-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-bour-benefit {\n  background: var(--soi-bour-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-bour-radius);\n  border: 1px solid var(--soi-bour-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bour-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-bour-shadow-md);\n}\n\n.soi-bour-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-bour-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-bour-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-bour-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-bour-benefit:hover .soi-bour-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-bour-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bour-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bour-benefit p {\n  font-size: 13px;\n  color: var(--soi-bour-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-bour-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-bour-card {\n  background: var(--soi-bour-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bour-radius);\n  border-left: 3px solid var(--soi-bour-pomme);\n}\n\n.soi-bour-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bour-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bour-card p {\n  font-size: 14px;\n  color: var(--soi-bour-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-bour-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-bour-card-mini {\n  background: var(--soi-bour-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-bour-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-bour-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-bour-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-bour-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-bour-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bour-marine);\n}\n\n\/* TIMELINE *\/\n.soi-bour-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-bour-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-bour-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bour-radius);\n  border: 1px solid var(--soi-bour-line);\n  align-items: flex-start;\n}\n\n.soi-bour-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-bour-marine);\n  color: var(--soi-bour-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-bour-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bour-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-bour-step-content p {\n  font-size: 14px;\n  color: var(--soi-bour-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-bour-compo {\n  background: var(--soi-bour-off-white);\n  border-radius: var(--soi-bour-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-bour-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(--soi-bour-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-bour-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-bour-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-bour-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-bour-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-bour-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-bour-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-bour-pomme-light);\n  border-left: 4px solid var(--soi-bour-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-bour-radius) var(--soi-bour-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-bour-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-bour-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-bour-marine);\n  margin-bottom: 4px;\n}\n\n.soi-bour-tip p {\n  font-size: 14px;\n  color: var(--soi-bour-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-bour-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-bour-accordion-item {\n  background: var(--soi-bour-off-white);\n  border-radius: var(--soi-bour-radius-sm);\n  border: 1px solid var(--soi-bour-line);\n  overflow: hidden;\n}\n\n.soi-bour-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-bour-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-bour-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-bour-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-bour-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-bour-accordion-item[open] .soi-bour-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-bour-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-bour-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-bour-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-bour-cta-box {\n  background: var(--soi-bour-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-bour-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-bour-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-bour-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-bour-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-bour-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-bour-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-bour-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-bour-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-bour-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-bour-compo-value {\n    text-align: left;\n  }\n\n  .soi-bour-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-bour-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-bour-fiche {\n    --soi-bour-text-soft: #2C3E50;\n    --soi-bour-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61603271180618,"sku":"GS9096","price":23.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-bourrache-bio-en-gelules-packshot.webp?v=1780055853"},{"product_id":"huile-onagre-bourrache-bio-en-capsules","title":"Huile Onagre-Bourrache Bio en capsules","description":"\u003cdiv class=\"soi-onbr-fiche\"\u003e\n\n  \u003csection class=\"soi-onbr-hero\"\u003e\n    \u003cdiv class=\"soi-onbr-hero-tag\"\u003e\n      \u003cspan class=\"soi-onbr-tag-dot\"\u003e\u003c\/span\u003e\n      Bien-être féminin · Graine Sauvage\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-onbr-hero-title\"\u003eLa synergie végétale au service de votre féminité\u003c\/span\u003e\n    \u003cp class=\"soi-onbr-hero-subtitle\"\u003eDeux huiles bio complémentaires, riches en acide gamma-linolénique (GLA), réunies dans une seule capsule pour soutenir votre équilibre hormonal, votre confort de cycle et l'éclat de votre peau.\u003c\/p\u003e\n    \u003cdiv class=\"soi-onbr-hero-labels\"\u003e\n      \u003cspan class=\"soi-onbr-label soi-onbr-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-onbr-label\"\u003eAB AGRICULTURE BIOLOGIQUE\u003c\/span\u003e\n      \u003cspan class=\"soi-onbr-label\"\u003eFR-BIO-01\u003c\/span\u003e\n      \u003cspan class=\"soi-onbr-label\"\u003ePREMIÈRE PRESSION À FROID\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-onbr-section\"\u003e\n    \u003ch2\u003ePourquoi associer l'huile d'onagre et l'huile de bourrache ?\u003c\/h2\u003e\n    \u003cp class=\"soi-onbr-section-intro\"\u003eCes deux huiles partagent un point commun précieux : une richesse naturelle en acide gamma-linolénique (GLA), un oméga-6 essentiel que le corps ne sait pas toujours synthétiser en quantité suffisante, notamment lors des variations hormonales (cycle menstruel, péri-ménopause, ménopause).\u003c\/p\u003e\n    \u003cdiv class=\"soi-onbr-grid\"\u003e\n      \u003cdiv class=\"soi-onbr-card\"\u003e\n        \u003ch3\u003e🌿 Huile de bourrache\u003c\/h3\u003e\n        \u003cp\u003eElle affiche l'une des concentrations en GLA les plus élevées du règne végétal (jusqu'à 20 à 25 %). Naturellement riche en vitamine E, reconnue pour protéger les cellules contre le stress oxydatif, elle forme un duo idéal pour soutenir l'éclat, l'hydratation et l'élasticité de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-card\"\u003e\n        \u003ch3\u003e🌸 Huile d'onagre\u003c\/h3\u003e\n        \u003cp\u003eElle contient environ 8 à 10 % de GLA et est particulièrement appréciée pour son rôle dans le confort du syndrome prémenstruel ainsi que les inconforts liés à la ménopause : sensibilité des seins, bouffées de chaleur, irritabilité, sécheresse cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-onbr-tip\"\u003e\n      \u003cdiv class=\"soi-onbr-tip-icon\"\u003e🤝\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLa synergie en action\u003c\/strong\u003e\n        \u003cp\u003eAssociées, ces deux huiles forment une synergie complète pour le bien-être féminin, agissant à la fois sur la peau et sur l'équilibre général du cycle hormonal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-onbr-section\"\u003e\n    \u003ch2\u003eComposition et dosage par gélule\u003c\/h2\u003e\n    \u003cp class=\"soi-onbr-section-intro\"\u003eChaque capsule molle réunit deux huiles bio extraites par première pression à froid, sans solvant, sans décoloration ni désodorisation.\u003c\/p\u003e\n    \u003cdiv class=\"soi-onbr-compo\"\u003e\n      \u003cdiv class=\"soi-onbr-compo-row\"\u003e\n        \u003cspan class=\"soi-onbr-compo-label\"\u003eHuile de bourrache bio (Borago officinalis)\u003c\/span\u003e\n        \u003cspan class=\"soi-onbr-compo-value\"\u003e500 mg dont GLA ≈ 100 à 125 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-compo-row\"\u003e\n        \u003cspan class=\"soi-onbr-compo-label\"\u003eHuile d'onagre bio (Oenothera biennis)\u003c\/span\u003e\n        \u003cspan class=\"soi-onbr-compo-value\"\u003e500 mg dont GLA ≈ 40 à 50 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-compo-row\"\u003e\n        \u003cspan class=\"soi-onbr-compo-label\"\u003eVitamine E naturelle (tocophérols)\u003c\/span\u003e\n        \u003cspan class=\"soi-onbr-compo-value\"\u003eAntioxydant de conservation, source végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-compo-row\"\u003e\n        \u003cspan class=\"soi-onbr-compo-label\"\u003eEnveloppe de la capsule\u003c\/span\u003e\n        \u003cspan class=\"soi-onbr-compo-value\"\u003eGélatine bovine (ou alternative végétale selon lot)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-compo-row\"\u003e\n        \u003cspan class=\"soi-onbr-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-onbr-compo-value\"\u003eAB Agriculture Biologique · FR-BIO-01\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-onbr-section\"\u003e\n    \u003ch2\u003eComment prendre ces gélules d'huile d'onagre et bourrache ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-onbr-timeline\"\u003e\n      \u003cdiv class=\"soi-onbr-step\"\u003e\n        \u003cdiv class=\"soi-onbr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-onbr-step-content\"\u003e\n          \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n          \u003cp\u003e6 capsules par jour, à répartir sur les repas (matin, midi, soir).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-step\"\u003e\n        \u003cdiv class=\"soi-onbr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-onbr-step-content\"\u003e\n          \u003ch3\u003eDurée d'utilisation\u003c\/h3\u003e\n          \u003cp\u003e1 flacon contient 120 capsules, soit 20 jours de cure. Renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-step\"\u003e\n        \u003cdiv class=\"soi-onbr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-onbr-step-content\"\u003e\n          \u003ch3\u003eRésultats visibles\u003c\/h3\u003e\n          \u003cp\u003eLes effets sur la peau et le confort hormonal se ressentent généralement après 6 à 8 semaines de prise régulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-onbr-section\"\u003e\n    \u003ch2\u003ePour qui est ce complément fait à base d'huile de bourrache et d'onagre ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-onbr-grid\"\u003e\n      \u003cdiv class=\"soi-onbr-card\"\u003e\n        \u003ch3\u003e🌙 Syndrome prémenstruel\u003c\/h3\u003e\n        \u003cp\u003ePour les femmes qui souhaitent soulager les symptômes du SPM : crampes, sautes d'humeur, rétention d'eau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-card\"\u003e\n        \u003ch3\u003e🔥 Péri-ménopause et ménopause\u003c\/h3\u003e\n        \u003cp\u003ePour celles qui traversent cette étape et cherchent un accompagnement naturel face aux bouffées de chaleur et à la sécheresse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-card\"\u003e\n        \u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n        \u003cp\u003ePour toute personne souhaitant prendre soin de sa peau de l'intérieur, en luttant contre le vieillissement cutané et la déshydratation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-onbr-accordion\"\u003e\n      \u003cdetails class=\"soi-onbr-accordion-item\"\u003e\n        \u003csummary class=\"soi-onbr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-onbr-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. Ce complément alimentaire ne remplace pas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-onbr-section\"\u003e\n    \u003ch2\u003eCe qui distingue Graine Sauvage\u003c\/h2\u003e\n    \u003cdiv class=\"soi-onbr-benefits\"\u003e\n      \u003cdiv class=\"soi-onbr-benefit\"\u003e\n        \u003cdiv class=\"soi-onbr-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e100 % bio et pure\u003c\/h3\u003e\n        \u003cp\u003eHuiles sans additifs ni conservateurs synthétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-benefit\"\u003e\n        \u003cdiv class=\"soi-onbr-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eExtraction à froid\u003c\/h3\u003e\n        \u003cp\u003ePremière pression à froid pour préserver l'intégralité des acides gras essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-benefit\"\u003e\n        \u003cdiv class=\"soi-onbr-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans compromis\u003c\/h3\u003e\n        \u003cp\u003eFormule sans solvant, sans décoloration, sans désodorisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-onbr-benefit\"\u003e\n        \u003cdiv class=\"soi-onbr-benefit-icon\"\u003e\u003cspan\u003e🔍\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifié FR-BIO-01\u003c\/h3\u003e\n        \u003cp\u003eAgriculture UE et non-UE contrôlée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-onbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-onbr-cta-box\"\u003e\n      \u003cp class=\"soi-onbr-cta-tag\" style=\"color: white;\"\u003eVotre rituel bien-être féminin au naturel\u003c\/p\u003e\n      \u003cp class=\"soi-onbr-cta-text\" style=\"color: white;\"\u003ePrenez soin de vous avec une formule aussi pure que naturelle. L'huile d'onagre et bourrache bio de Graine Sauvage accompagne chaque femme, à chaque étape de sa vie, avec douceur et efficacité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-onbr-marine: #1A2D3D;\n  --soi-onbr-marine-dark: #0F1E2B;\n  --soi-onbr-marine-light: #2C4458;\n  --soi-onbr-pomme: #A1C544;\n  --soi-onbr-pomme-dark: #84A636;\n  --soi-onbr-pomme-light: rgba(161,197,68,0.10);\n  --soi-onbr-white: #FFFFFF;\n  --soi-onbr-off-white: #F8FAF6;\n  --soi-onbr-stone: #F1F3EE;\n  --soi-onbr-line: #E5E8E0;\n  --soi-onbr-primary: #D4A8A4;\n  --soi-onbr-primary-soft: #EDD5D2;\n  --soi-onbr-accent: #C8B84D;\n  --soi-onbr-text: #1A2D3D;\n  --soi-onbr-text-soft: #4A5B6B;\n  --soi-onbr-text-muted: #7B8693;\n  --soi-onbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-onbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-onbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-onbr-radius: 12px;\n  --soi-onbr-radius-sm: 8px;\n  --soi-onbr-radius-pill: 999px;\n}\n\n.soi-onbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-onbr-fiche img { max-width: 100%; height: auto; }\n\n.soi-onbr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-onbr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-onbr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-onbr-hero {\n  position: relative;\n  background: var(--soi-onbr-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-onbr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-onbr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-onbr-pomme);\n}\n\n.soi-onbr-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-onbr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-onbr-pomme);\n  border-radius: 50%;\n}\n\n.soi-onbr-hero-title {\n  display: block;\n  color: var(--soi-onbr-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-onbr-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-onbr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-onbr-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-onbr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-onbr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-onbr-label-accent {\n  background: var(--soi-onbr-pomme);\n  border-color: var(--soi-onbr-pomme);\n  color: var(--soi-onbr-marine);\n  font-weight: 600;\n}\n\n.soi-onbr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-onbr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-onbr-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-onbr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-onbr-pomme);\n  border-radius: 2px;\n}\n\n.soi-onbr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-onbr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-onbr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-onbr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-onbr-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-onbr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-onbr-benefit {\n  background: var(--soi-onbr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-onbr-radius);\n  border: 1px solid var(--soi-onbr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-onbr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-onbr-shadow-md);\n}\n\n.soi-onbr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-onbr-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-onbr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-onbr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-onbr-benefit:hover .soi-onbr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-onbr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-onbr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-onbr-benefit p {\n  font-size: 13px;\n  color: var(--soi-onbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-onbr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-onbr-card {\n  background: var(--soi-onbr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-onbr-radius);\n  border-left: 3px solid var(--soi-onbr-pomme);\n}\n\n.soi-onbr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-onbr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-onbr-card p {\n  font-size: 14px;\n  color: var(--soi-onbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-onbr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-onbr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-onbr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-onbr-radius);\n  border: 1px solid var(--soi-onbr-line);\n  align-items: flex-start;\n}\n\n.soi-onbr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-onbr-marine);\n  color: var(--soi-onbr-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-onbr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-onbr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-onbr-step-content p {\n  font-size: 14px;\n  color: var(--soi-onbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-onbr-compo {\n  background: var(--soi-onbr-off-white);\n  border-radius: var(--soi-onbr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-onbr-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(--soi-onbr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-onbr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-onbr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-onbr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-onbr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-onbr-marine);\n  text-align: right;\n}\n\n.soi-onbr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-onbr-pomme-light);\n  border-left: 4px solid var(--soi-onbr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-onbr-radius) var(--soi-onbr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-onbr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-onbr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-onbr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-onbr-tip p {\n  font-size: 14px;\n  color: var(--soi-onbr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-onbr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.soi-onbr-accordion-item {\n  background: var(--soi-onbr-off-white);\n  border-radius: var(--soi-onbr-radius-sm);\n  border: 1px solid var(--soi-onbr-line);\n  overflow: hidden;\n}\n\n.soi-onbr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-onbr-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-onbr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-onbr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-onbr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-onbr-accordion-item[open] .soi-onbr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-onbr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-onbr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-onbr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-onbr-cta-box {\n  background: var(--soi-onbr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-onbr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-onbr-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-onbr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-onbr-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-onbr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-onbr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-onbr-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-onbr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-onbr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-onbr-compo-value {\n    text-align: left;\n  }\n\n  .soi-onbr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-onbr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-onbr-fiche {\n    --soi-onbr-text-soft: #2C3E50;\n    --soi-onbr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61603574743370,"sku":"GS0017","price":21.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-onagre-bourrache-bio-en-capsules-packshot.webp?v=1780040379"},{"product_id":"vitamine-b8-biotine-en-comprimes-vital-osmose","title":"Vitamine B8 Biotine en comprimés – Vital Osmose","description":"\u003c!--\n=== ANALYSE SOINATURE ===\nProduit: Vitamine B8 Biotine en comprimés\nMarque: Vital Osmose\nCatégorie Soinat: Compléments alimentaires – Beauté (cheveux, peau, ongles)\n\n=== INVENTAIRE DES DONNÉES SOURCE (preuve anti-invention) ===\nLabels\/certifications mentionnés : aucun (pas de bio, vegan, made in France, etc.)\nChiffres précis mentionnés : 60 comprimés, 10 mg (10 000 µg) de biotine par comprimé, 20 000 % des VNR, 2 mois de cure, cure de 2 à 3 mois recommandée\nOrigine mentionnée : non précisée\nForme galénique : comprimés\nActifs\/plantes nommés : biotine (vitamine B8), cellulose microcristalline, stéarate de magnésium\nPosologie mentionnée : 1 comprimé par jour, de préférence le matin au cours d'un repas, avec un grand verre d'eau. Ne pas dépasser la dose journalière conseillée.\nPrécautions mentionnées : ne se substitue pas à un traitement médical, consulter un médecin en cas de doute ou pathologie, en l'absence de carence la biotine seule ne stoppe pas une chute pathologique\n\n=== PALETTE CSS ===\nMarine Soinat: #1A2D3D (fixe)\nPomme Soinat: #A1C544 (fixe)\nPrimaire produit: #2B5EA7 (bleu du packaging \"VITAMINE B8 BIOTINE\")\nAccent produit: #D4A52A (jaune\/or du logo Vital Osmose et du texte \"60 comprimés dosés à 10 mg\")\nPréfixe CSS: soi-biotv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés :\n  1. \"Vitamine B8 Biotine – Beauté des cheveux, de la peau et des ongles\"\n  2. \"Biotine et cheveux : ce que dit vraiment la science\"\n  3. \"Les bienfaits de la vitamine B8 au-delà de la beauté\"\n  4. \"Composition et posologie de la Vitamine B8 Vital Osmose\"\n  5. \"Pour qui est conseillée cette cure de biotine ?\"\n  6. \"Comment utiliser la vitamine B8 pour de meilleurs résultats ?\"\n\n=== COMPOSANTS RETENUS POUR CHAQUE SECTION ===\nHero : labels affichés = aucun (aucun label\/certification dans la source)\nH2 #1 → hero-subtitle + paragraphe d'introduction (texte continu narratif)\nH2 #2 → cards classiques (plusieurs points scientifiques distincts avec titre+desc) + tip (avertissement \"Important\")\nH2 #3 → benefits (4 bénéfices distincts avec titre + description)\nH2 #4 → compo (données structurées: dosage, excipients) + timeline (posologie en étapes) + card-mini (specs chiffrées)\nH2 #5 → grid cards (4 profils cibles distincts)\nH2 #6 → paragraphes + tip (conseil de cure) + accordéon (précautions)\nCTA final → cta-box (paragraphe de clôture présent dans la source)\nComposants OMIS faute de données : hero-labels (aucun label\/certification mentionné)\n--\u003e\n\n\u003cdiv class=\"soi-biotv-fiche\"\u003e\n\n  \u003csection class=\"soi-biotv-hero\"\u003e\n    \u003cdiv class=\"soi-biotv-hero-tag\"\u003e\n      \u003cspan class=\"soi-biotv-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Vital Osmose\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-biotv-hero-title\"\u003eVitamine B8 Biotine en comprimés\u003c\/span\u003e\n    \u003cp class=\"soi-biotv-hero-subtitle\"\u003eLa vitamine essentielle au renouvellement cellulaire, pour des cheveux plus forts, des ongles résistants et une peau éclatante. 60 comprimés dosés à 10 mg de biotine pour une cure ciblée de 2 mois.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003eVitamine B8 Biotine – Beauté des cheveux, de la peau et des ongles\u003c\/h2\u003e\n    \u003cp\u003eVous remarquez des cheveux plus fragiles, une pousse ralentie ou des ongles qui cassent facilement ? La \u003cstrong\u003evitamine B8\u003c\/strong\u003e, mieux connue sous le nom de \u003cstrong\u003ebiotine\u003c\/strong\u003e, est souvent la première piste à explorer. Essentielle au renouvellement cellulaire, elle agit en profondeur sur la fibre capillaire, la structure des ongles et l'éclat de la peau.\u003c\/p\u003e\n    \u003cp\u003eLa formule \u003cstrong\u003eVital Osmose\u003c\/strong\u003e vous propose 60 comprimés dosés à \u003cstrong\u003e10 mg de biotine\u003c\/strong\u003e, pour une cure ciblée et pratique au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003eBiotine et cheveux : ce que dit vraiment la science\u003c\/h2\u003e\n    \u003cp class=\"soi-biotv-section-intro\"\u003eLa biotine intervient dans la synthèse de la \u003cstrong\u003ekératine\u003c\/strong\u003e, la protéine structurelle principale de vos cheveux et de vos ongles. Sans elle, le métabolisme des acides aminés nécessaires à la production de kératine se dérègle, ce qui peut se traduire par une fragilisation progressive des tiges capillaires.\u003c\/p\u003e\n    \u003cdiv class=\"soi-biotv-grid\"\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e🔬 Cheveux normaux\u003c\/h3\u003e\n        \u003cp\u003eLa biotine contribue au maintien de cheveux normaux, une allégation reconnue par l'EFSA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e🧴 Santé du cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eElle soutient la santé du cuir chevelu en régulant le métabolisme lipidique local.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e💇 Chute diffuse et ongles cassants\u003c\/h3\u003e\n        \u003cp\u003eDes carences en vitamine B8 sont parfois associées à une chute de cheveux diffuse et à des ongles striés ou cassants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e📅 Résultats après 2 à 3 mois\u003c\/h3\u003e\n        \u003cp\u003eEn cas de déficit avéré, une supplémentation peut apporter des résultats visibles après 2 à 3 mois de cure régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biotv-tip\"\u003e\n      \u003cdiv class=\"soi-biotv-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eImportant\u003c\/strong\u003e\n        \u003cp\u003eEn l'absence de carence, la biotine seule ne stoppe pas une chute pathologique. Si vous observez une perte de cheveux importante et persistante, consultez un médecin avant de démarrer une supplémentation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la vitamine B8 au-delà de la beauté\u003c\/h2\u003e\n    \u003cdiv class=\"soi-biotv-benefits\"\u003e\n      \u003cdiv class=\"soi-biotv-benefit\"\u003e\n        \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMétabolisme énergétique\u003c\/h3\u003e\n        \u003cp\u003eLa biotine participe à la transformation des glucides, lipides et protéines en énergie utilisable, limitant la sensation de fatigue chronique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-benefit\"\u003e\n        \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n        \u003cp\u003eElle intervient dans la transmission des influx nerveux et contribue à un fonctionnement psychologique équilibré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-benefit\"\u003e\n        \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMuqueuses et peau\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour le maintien de muqueuses normales, elle agit en soutien du renouvellement cellulaire cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-benefit\"\u003e\n        \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e💅\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eOngles résistants\u003c\/h3\u003e\n        \u003cp\u003eTout comme pour les cheveux, la biotine aide à maintenir des ongles normaux, moins sujets aux cassures et dédoublements.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003eComposition et posologie de la Vitamine B8 Vital Osmose\u003c\/h2\u003e\n    \u003cdiv class=\"soi-biotv-grid-compact\"\u003e\n      \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n        \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e💊\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-label\"\u003eForme\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-value\"\u003eComprimés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n        \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e📦\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-value\"\u003e60 comprimés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n        \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-label\"\u003eDosage par comprimé\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-value\"\u003e10 mg (10 000 µg)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n        \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e📅\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-label\"\u003eDurée de cure\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-value\"\u003e2 mois\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biotv-compo\"\u003e\n      \u003cdiv class=\"soi-biotv-compo-row\"\u003e\n        \u003cspan class=\"soi-biotv-compo-label\"\u003eBiotine (vitamine B8)\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-compo-value\"\u003e10 000 µg (10 mg) – 20 000 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-compo-row\"\u003e\n        \u003cspan class=\"soi-biotv-compo-label\"\u003eExcipients\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-compo-value\"\u003eCellulose microcristalline, stéarate de magnésium\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biotv-timeline\"\u003e\n      \u003cdiv class=\"soi-biotv-step\"\u003e\n        \u003cdiv class=\"soi-biotv-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-biotv-step-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrendre 1 comprimé par jour, de préférence le matin au cours d'un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-step\"\u003e\n        \u003cdiv class=\"soi-biotv-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-biotv-step-content\"\u003e\n          \u003ch3\u003eMode de prise\u003c\/h3\u003e\n          \u003cp\u003eAccompagnez votre comprimé d'un grand verre d'eau. Ne pas dépasser la dose journalière conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003ePour qui est conseillée cette cure de biotine ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-biotv-grid\"\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e💇 Cheveux et ongles fragilisés\u003c\/h3\u003e\n        \u003cp\u003ePersonnes observant une fragilisation des cheveux ou des ongles au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e🤱 Post-partum et changements hormonaux\u003c\/h3\u003e\n        \u003cp\u003eFemmes en période post-partum ou lors de changements hormonaux pouvant affecter la beauté des phanères.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e🥗 Régimes restrictifs\u003c\/h3\u003e\n        \u003cp\u003ePersonnes suivant un régime restrictif pauvre en protéines animales, source naturelle de biotine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e🌿 Vitalité au quotidien\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant soutenir leur vitalité et leur métabolisme au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003eComment utiliser la vitamine B8 pour de meilleurs résultats ?\u003c\/h2\u003e\n    \u003cp\u003ePour observer une différence visible sur vos cheveux et vos ongles, une \u003cstrong\u003ecure de minimum 2 à 3 mois\u003c\/strong\u003e est recommandée. La biotine agissant sur le cycle de croissance capillaire, les effets ne sont pas immédiats.\u003c\/p\u003e\n    \u003cdiv class=\"soi-biotv-tip\"\u003e\n      \u003cdiv class=\"soi-biotv-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAssociez votre cure de biotine à une alimentation équilibrée, riche en protéines et en bons lipides, pour maximiser son efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biotv-accordion\"\u003e\n      \u003cdetails class=\"soi-biotv-accordion-item\"\u003e\n        \u003csummary class=\"soi-biotv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-biotv-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de doute ou de pathologie sous-jacente, demandez l'avis de 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\n  \u003csection class=\"soi-biotv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-biotv-cta-box\"\u003e\n      \u003cp class=\"soi-biotv-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-biotv-cta-text\" style=\"color: white;\"\u003eCheveux qui reprennent de la densité, ongles qui résistent, peau plus nette : la Vitamine B8 Biotine Vital Osmose vous accompagne jour après jour. Deux mois de cure, un geste simple chaque matin, parce que la beauté commence de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-biotv-marine: #1A2D3D;\n  --soi-biotv-marine-dark: #0F1E2B;\n  --soi-biotv-marine-light: #2C4458;\n  --soi-biotv-pomme: #A1C544;\n  --soi-biotv-pomme-dark: #84A636;\n  --soi-biotv-pomme-light: rgba(161,197,68,0.10);\n  --soi-biotv-white: #FFFFFF;\n  --soi-biotv-off-white: #F8FAF6;\n  --soi-biotv-stone: #F1F3EE;\n  --soi-biotv-line: #E5E8E0;\n  --soi-biotv-primary: #2B5EA7;\n  --soi-biotv-primary-soft: rgba(43,94,167,0.08);\n  --soi-biotv-accent: #D4A52A;\n  --soi-biotv-text: #1A2D3D;\n  --soi-biotv-text-soft: #4A5B6B;\n  --soi-biotv-text-muted: #7B8693;\n  --soi-biotv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-biotv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-biotv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-biotv-radius: 12px;\n  --soi-biotv-radius-sm: 8px;\n  --soi-biotv-radius-pill: 999px;\n}\n\n.soi-biotv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-biotv-fiche img { max-width: 100%; height: auto; }\n\n.soi-biotv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-biotv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-biotv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-biotv-hero {\n  position: relative;\n  background: var(--soi-biotv-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-biotv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-biotv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-biotv-pomme);\n}\n\n.soi-biotv-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-biotv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-biotv-pomme);\n  border-radius: 50%;\n}\n\n.soi-biotv-hero-title {\n  display: block;\n  color: var(--soi-biotv-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-biotv-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.soi-biotv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-biotv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-biotv-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-biotv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-biotv-pomme);\n  border-radius: 2px;\n}\n\n.soi-biotv-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-biotv-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-biotv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-biotv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-biotv-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-biotv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-biotv-benefit {\n  background: var(--soi-biotv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-biotv-radius);\n  border: 1px solid var(--soi-biotv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-biotv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-biotv-shadow-md);\n}\n\n.soi-biotv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-biotv-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-biotv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-biotv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-biotv-benefit:hover .soi-biotv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-biotv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-biotv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-biotv-benefit p {\n  font-size: 13px;\n  color: var(--soi-biotv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-biotv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-biotv-card {\n  background: var(--soi-biotv-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-biotv-radius);\n  border-left: 3px solid var(--soi-biotv-pomme);\n}\n\n.soi-biotv-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-biotv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-biotv-card p {\n  font-size: 14px;\n  color: var(--soi-biotv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-biotv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.5rem;\n}\n\n.soi-biotv-card-mini {\n  background: var(--soi-biotv-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-biotv-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-biotv-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-biotv-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-biotv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-biotv-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-biotv-marine);\n}\n\n\/* === COMPOSITION === *\/\n.soi-biotv-compo {\n  background: var(--soi-biotv-off-white);\n  border-radius: var(--soi-biotv-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-biotv-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(--soi-biotv-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-biotv-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-biotv-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-biotv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-biotv-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-biotv-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-biotv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-biotv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-biotv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-biotv-radius);\n  border: 1px solid var(--soi-biotv-line);\n  align-items: flex-start;\n}\n\n.soi-biotv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-biotv-marine);\n  color: var(--soi-biotv-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-biotv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-biotv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-biotv-step-content p {\n  font-size: 14px;\n  color: var(--soi-biotv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-biotv-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-biotv-pomme-light);\n  border-left: 4px solid var(--soi-biotv-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-biotv-radius) var(--soi-biotv-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-biotv-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-biotv-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-biotv-marine);\n  margin-bottom: 4px;\n}\n\n.soi-biotv-tip p {\n  font-size: 14px;\n  color: var(--soi-biotv-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-biotv-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n\n.soi-biotv-accordion-item {\n  background: var(--soi-biotv-off-white);\n  border-radius: var(--soi-biotv-radius-sm);\n  border: 1px solid var(--soi-biotv-line);\n  overflow: hidden;\n}\n\n.soi-biotv-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-biotv-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-biotv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-biotv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-biotv-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-biotv-accordion-item[open] .soi-biotv-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-biotv-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-biotv-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-biotv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-biotv-cta-box {\n  background: var(--soi-biotv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-biotv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-biotv-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-biotv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-biotv-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-biotv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-biotv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-biotv-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-biotv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-biotv-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-biotv-compo-value {\n    text-align: left;\n  }\n\n  .soi-biotv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-biotv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-biotv-fiche {\n    --soi-biotv-text-soft: #2C3E50;\n    --soi-biotv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Vital Osmose","offers":[{"title":"Default Title","offer_id":61603670819146,"sku":"VO4835","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/vitamine-b8-biotine-en-comprimes-vital-osmose-packshot.webp?v=1779033024"},{"product_id":"ortie-piquante-feuille-en-gelules-vital-osmose","title":"Ortie piquante 210 mg Bio - 100 gélules - Neodiet","description":"\n\n\u003cdiv class=\"soi-ortie-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-ortie-hero\"\u003e\n    \u003cdiv class=\"soi-ortie-hero-tag\"\u003e\n      \u003cspan class=\"soi-ortie-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Vital Osmose\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-ortie-hero-title\"\u003eLa générosité minérale d'une plante ancestrale\u003c\/span\u003e\n    \u003cp class=\"soi-ortie-hero-subtitle\"\u003eRiche en minéraux, en vitamines et en chlorophylle, l'ortie piquante vous accompagne au quotidien pour des cheveux plus forts, des ongles résistants et une vitalité retrouvée.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ortie-hero-labels\"\u003e\n      \u003cspan class=\"soi-ortie-label soi-ortie-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-ortie-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-ortie-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-ortie-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"soi-ortie-section\"\u003e\n    \u003cp class=\"soi-ortie-section-intro\"\u003eOn la croise partout au bord des chemins, souvent maudite pour ses piqûres… et pourtant, l'ortie piquante est l'une des plantes les plus généreuses de la nature. Ce complément alimentaire Ortie piquante feuille Bio de Vital Osmose vous propose de la redécouvrir sous forme de gélules pratiques, certifiées Ecocert, pour profiter de tous ses bienfaits au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Pourquoi l'ortie piquante est-elle si précieuse pour votre santé ? --\u003e\n  \u003csection class=\"soi-ortie-section\"\u003e\n    \u003ch2\u003ePourquoi l'ortie piquante est-elle si précieuse pour votre santé ?\u003c\/h2\u003e\n    \u003cp\u003eLes bienfaits de l'ortie piquante sont documentés depuis des siècles en phytothérapie. Cette plante exceptionnelle concentre dans ses feuilles une densité nutritionnelle rare.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ortie-benefits\"\u003e\n      \u003cdiv class=\"soi-ortie-benefit\"\u003e\n        \u003cdiv class=\"soi-ortie-benefit-icon\"\u003e\u003cspan\u003e⛏️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMinéraux essentiels\u003c\/h3\u003e\n        \u003cp\u003eFer, calcium, magnésium et silice pour l'énergie, les os et la beauté des phanères.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-benefit\"\u003e\n        \u003cdiv class=\"soi-ortie-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamines C, K et B\u003c\/h3\u003e\n        \u003cp\u003eSoutiennent l'immunité, la coagulation et le métabolisme cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-benefit\"\u003e\n        \u003cdiv class=\"soi-ortie-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eChlorophylle\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés détoxifiantes et drainantes naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-benefit\"\u003e\n        \u003cdiv class=\"soi-ortie-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFlavonoïdes et acides phénoliques\u003c\/h3\u003e\n        \u003cp\u003eDes antioxydants qui contribuent à protéger les cellules du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ortie-tip\"\u003e\n      \u003cdiv class=\"soi-ortie-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eGrâce à cette composition, l'ortie est particulièrement appréciée pour renforcer les cheveux et les ongles cassants, soutenir la vitalité en cas de fatigue, favoriser le drainage naturel de l'organisme et accompagner les peaux sujettes aux imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Ortie piquante vs tisane d'ortie : quelle forme choisir ? --\u003e\n  \u003csection class=\"soi-ortie-section\"\u003e\n    \u003ch2\u003eOrtie piquante en gélule vs tisane d'ortie : quelle forme choisir ?\u003c\/h2\u003e\n    \u003cp\u003eLa tisane d'ortie piquante est une tradition bien ancrée, et ses bienfaits sont réels. Mais elle demande du temps, une préparation rigoureuse et une teneur en actifs variable selon l'infusion.\u003c\/p\u003e\n    \u003cp\u003eLes gélules Ortie piquante Bio Vital Osmose vous offrent une alternative précise et pratique : un dosage identique à chaque prise, sans amertume, à emporter partout. Idéal si vous êtes en déplacement ou si vous souhaitez une routine simple et régulière.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Composition et posologie --\u003e\n  \u003csection class=\"soi-ortie-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ortie-compo\"\u003e\n      \u003cdiv class=\"soi-ortie-compo-row\"\u003e\n        \u003cspan class=\"soi-ortie-compo-label\"\u003ePoudre de feuille d'ortie piquante Bio (\u003cem\u003eUrtica dioica\u003c\/em\u003e)\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-compo-value\"\u003e210 mg \/ gélule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-compo-row\"\u003e\n        \u003cspan class=\"soi-ortie-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-compo-value\"\u003eGélule végétale (HPMC)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-compo-row\"\u003e\n        \u003cspan class=\"soi-ortie-compo-label\"\u003eIngrédients d'origine biologique\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-compo-value\"\u003e76 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-compo-row\"\u003e\n        \u003cspan class=\"soi-ortie-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-compo-value\"\u003eEcocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-compo-row\"\u003e\n        \u003cspan class=\"soi-ortie-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-compo-value\"\u003e100 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-ortie-timeline\"\u003e\n      \u003cdiv class=\"soi-ortie-step\"\u003e\n        \u003cdiv class=\"soi-ortie-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-ortie-step-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez 2 à 3 gélules par jour, 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=\"soi-ortie-step\"\u003e\n        \u003cdiv class=\"soi-ortie-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-ortie-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 4 à 6 semaines est généralement conseillée pour observer des résultats visibles sur la qualité des cheveux et des ongles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp\u003e\u003cem\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un suivi médical.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Ortie piquante : y a-t-il des dangers ou contre-indications ? --\u003e\n  \u003csection class=\"soi-ortie-section\"\u003e\n    \u003ch2\u003eOrtie piquante : y a-t-il des dangers ou contre-indications ?\u003c\/h2\u003e\n    \u003cp\u003eL'ortie piquante est généralement bien tolérée. Quelques précautions restent toutefois importantes à connaître.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ortie-accordion\"\u003e\n      \u003cdetails class=\"soi-ortie-accordion-item\"\u003e\n        \u003csummary class=\"soi-ortie-accordion-header\"\u003e💊 Personnes sous anticoagulants\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ortie-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux personnes sous anticoagulants en raison de la teneur en vitamine K de l'ortie piquante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ortie-accordion-item\"\u003e\n        \u003csummary class=\"soi-ortie-accordion-header\"\u003e🌱 Allergie aux Urticacées\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ortie-accordion-content\"\u003e\n          \u003cp\u003eÀ éviter en cas d'allergie connue aux plantes de la famille des Urticacées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ortie-accordion-item\"\u003e\n        \u003csummary class=\"soi-ortie-accordion-header\"\u003e🤰 Grossesse\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ortie-accordion-content\"\u003e\n          \u003cp\u003eNon recommandée pendant la grossesse sans avis médical préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ortie-accordion-item\"\u003e\n        \u003csummary class=\"soi-ortie-accordion-header\"\u003e⚕️ Traitement médical en cours\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ortie-accordion-content\"\u003e\n          \u003cp\u003eEn cas de traitement médical en cours, consultez votre médecin avant toute cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Pour qui est ce complément ? --\u003e\n  \u003csection class=\"soi-ortie-section\"\u003e\n    \u003ch2\u003ePour qui est ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ortie-grid\"\u003e\n      \u003cdiv class=\"soi-ortie-card\"\u003e\n        \u003ch3\u003e💇 Cheveux et ongles fragilisés\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez une chute de cheveux saisonnière ou des ongles qui se cassent facilement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-card\"\u003e\n        \u003ch3\u003e⚡ Fatigue et récupération\u003c\/h3\u003e\n        \u003cp\u003eVous êtes en période de fatigue et souhaitez un apport en minéraux naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-card\"\u003e\n        \u003ch3\u003e🌿 Exigence bio\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez un complément bio certifié, sans additifs superflus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-card\"\u003e\n        \u003ch3\u003e☕ Praticité au quotidien\u003c\/h3\u003e\n        \u003cp\u003eVous appréciez les vertus de la tisane d'ortie mais préférez la praticité d'une gélule.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SPECS --\u003e\n  \u003csection class=\"soi-ortie-section\"\u003e\n    \u003cdiv class=\"soi-ortie-grid-compact\"\u003e\n      \u003cdiv class=\"soi-ortie-card-mini\"\u003e\n        \u003cspan class=\"soi-ortie-card-mini-icon\"\u003e💊\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-card-mini-label\"\u003eContenu\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-card-mini-value\"\u003e100 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-card-mini\"\u003e\n        \u003cspan class=\"soi-ortie-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-card-mini-label\"\u003eDosage \/ gélule\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-card-mini-value\"\u003e210 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-card-mini\"\u003e\n        \u003cspan class=\"soi-ortie-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ortie-card-mini\"\u003e\n        \u003cspan class=\"soi-ortie-card-mini-icon\"\u003e✅\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-ortie-card-mini-value\"\u003eEcocert\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-ortie-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-ortie-cta-box\"\u003e\n      \u003cp class=\"soi-ortie-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement avec l'ortie\u003c\/p\u003e\n      \u003cp class=\"soi-ortie-cta-text\" style=\"color: white;\"\u003eLa puissance d'une plante ancestrale dans une gélule simple et certifiée. Pour des cheveux plus forts, des ongles résistants et une vitalité retrouvée, elle accompagne votre quotidien en douceur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-ortie-marine: #1A2D3D;\n  --soi-ortie-marine-dark: #0F1E2B;\n  --soi-ortie-marine-light: #2C4458;\n  --soi-ortie-pomme: #A1C544;\n  --soi-ortie-pomme-dark: #84A636;\n  --soi-ortie-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-ortie-white: #FFFFFF;\n  --soi-ortie-off-white: #F8FAF6;\n  --soi-ortie-stone: #F1F3EE;\n  --soi-ortie-line: #E5E8E0;\n\n  --soi-ortie-primary: #5A9E3C;\n  --soi-ortie-primary-soft: rgba(90,158,60,0.08);\n  --soi-ortie-accent: #4A8A30;\n\n  --soi-ortie-text: #1A2D3D;\n  --soi-ortie-text-soft: #4A5B6B;\n  --soi-ortie-text-muted: #7B8693;\n\n  --soi-ortie-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ortie-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ortie-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ortie-radius: 12px;\n  --soi-ortie-radius-sm: 8px;\n  --soi-ortie-radius-pill: 999px;\n}\n\n.soi-ortie-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ortie-fiche img { max-width: 100%; height: auto; }\n\n.soi-ortie-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ortie-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ortie-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-ortie-hero {\n  position: relative;\n  background: var(--soi-ortie-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-ortie-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ortie-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ortie-pomme);\n}\n\n.soi-ortie-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-ortie-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ortie-pomme);\n  border-radius: 50%;\n}\n\n.soi-ortie-hero-title {\n  display: block;\n  color: var(--soi-ortie-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-ortie-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-ortie-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ortie-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-ortie-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ortie-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ortie-label-accent {\n  background: var(--soi-ortie-pomme);\n  border-color: var(--soi-ortie-pomme);\n  color: var(--soi-ortie-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-ortie-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ortie-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ortie-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-ortie-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ortie-pomme);\n  border-radius: 2px;\n}\n\n.soi-ortie-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ortie-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-ortie-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ortie-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ortie-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-ortie-section p em {\n  color: var(--soi-ortie-text-soft);\n  font-size: 13px;\n}\n\n\/* BENEFITS *\/\n.soi-ortie-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-ortie-benefit {\n  background: var(--soi-ortie-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ortie-radius);\n  border: 1px solid var(--soi-ortie-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ortie-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ortie-shadow-md);\n}\n\n.soi-ortie-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ortie-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-ortie-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ortie-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ortie-benefit:hover .soi-ortie-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ortie-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ortie-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ortie-benefit p {\n  font-size: 13px;\n  color: var(--soi-ortie-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-ortie-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-ortie-card {\n  background: var(--soi-ortie-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ortie-radius);\n  border-left: 3px solid var(--soi-ortie-pomme);\n}\n\n.soi-ortie-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ortie-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ortie-card p {\n  font-size: 14px;\n  color: var(--soi-ortie-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-ortie-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-ortie-card-mini {\n  background: var(--soi-ortie-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-ortie-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-ortie-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-ortie-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-ortie-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-ortie-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ortie-marine);\n}\n\n\/* TIMELINE *\/\n.soi-ortie-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1.5rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-ortie-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ortie-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ortie-radius);\n  border: 1px solid var(--soi-ortie-line);\n  align-items: flex-start;\n}\n\n.soi-ortie-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ortie-marine);\n  color: var(--soi-ortie-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-ortie-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ortie-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ortie-step-content p {\n  font-size: 14px;\n  color: var(--soi-ortie-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-ortie-compo {\n  background: var(--soi-ortie-off-white);\n  border-radius: var(--soi-ortie-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-ortie-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(--soi-ortie-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ortie-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ortie-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ortie-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ortie-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ortie-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-ortie-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ortie-pomme-light);\n  border-left: 4px solid var(--soi-ortie-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ortie-radius) var(--soi-ortie-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-ortie-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ortie-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ortie-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ortie-tip p {\n  font-size: 14px;\n  color: var(--soi-ortie-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-ortie-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ortie-accordion-item {\n  background: var(--soi-ortie-off-white);\n  border-radius: var(--soi-ortie-radius-sm);\n  border: 1px solid var(--soi-ortie-line);\n  overflow: hidden;\n}\n\n.soi-ortie-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ortie-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-ortie-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ortie-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ortie-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ortie-accordion-item[open] .soi-ortie-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ortie-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ortie-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ortie-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-ortie-cta-box {\n  background: var(--soi-ortie-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ortie-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ortie-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-ortie-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ortie-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-ortie-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ortie-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ortie-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-ortie-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ortie-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ortie-compo-value {\n    text-align: left;\n  }\n\n  .soi-ortie-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-ortie-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ortie-fiche {\n    --soi-ortie-text-soft: #2C3E50;\n    --soi-ortie-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Neodiet","offers":[{"title":"Default Title","offer_id":61603690348874,"sku":"VO4801","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ortie-piquante-feuille-gelules_11zon.jpg?v=1780043915"},{"product_id":"prele-des-champs-en-comprimes-vital-osmose","title":"Prêle des champs en comprimés – Vital Osmose","description":"\u003cdiv class=\"soi-prel-fiche\"\u003e\n\n\u003csection class=\"soi-prel-hero\"\u003e\n\u003cdiv class=\"soi-prel-hero-tag\"\u003e\n\u003cspan class=\"soi-prel-tag-dot\"\u003e\u003c\/span\u003e\nComplément alimentaire · Vital Osmose\n\u003c\/div\u003e\n\u003cspan class=\"soi-prel-hero-title\"\u003ePrêle des champs en comprimés\u003c\/span\u003e\n\u003cp class=\"soi-prel-hero-subtitle\"\u003eL'une des plantes les plus anciennes de notre planète, référence en phytothérapie pour ses propriétés reminéralisantes, drainantes et antioxydantes.\u003c\/p\u003e\n\u003cdiv class=\"soi-prel-hero-labels\"\u003e\n\u003cspan class=\"soi-prel-label soi-prel-label-accent\"\u003eBIO\u003c\/span\u003e\n\u003cspan class=\"soi-prel-label\"\u003eECOCERT\u003c\/span\u003e\n\u003cspan class=\"soi-prel-label\"\u003e200 COMPRIMÉS\u003c\/span\u003e\n\u003cspan class=\"soi-prel-label\"\u003e420 MG\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prel-section\"\u003e\n\u003ch2\u003eLes bienfaits de la prêle des champs : ce que dit vraiment la science\u003c\/h2\u003e\n\u003cp class=\"soi-prel-section-intro\"\u003eLa prêle des champs (\u003cem\u003eEquisetum arvense\u003c\/em\u003e) doit sa réputation à une composition minérale exceptionnelle. Voici ce qu'elle vous apporte concrètement.\u003c\/p\u003e\n\u003cdiv class=\"soi-prel-benefits\"\u003e\n\u003cdiv class=\"soi-prel-benefit\"\u003e\n\u003cdiv class=\"soi-prel-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eSilicium organique et silicates\u003c\/h3\u003e\n\u003cp\u003eDes minéraux essentiels pour la solidité des os, la souplesse du cartilage et la résistance des ongles. Le silicium joue un rôle clé dans la synthèse du collagène, particulièrement intéressant pour préserver votre capital osseux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-benefit\"\u003e\n\u003cdiv class=\"soi-prel-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePropriétés diurétiques reconnues\u003c\/h3\u003e\n\u003cp\u003eReconnue par l'EMA (Agence européenne des médicaments) pour favoriser l'élimination rénale de l'eau, utile en cas de jambes lourdes ou de rétention légère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-benefit\"\u003e\n\u003cdiv class=\"soi-prel-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eFlavonoïdes antioxydants\u003c\/h3\u003e\n\u003cp\u003eIls protègent vos cellules du stress oxydatif, contribuant à ralentir le vieillissement des tissus cutanés et conjonctifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-benefit\"\u003e\n\u003cdiv class=\"soi-prel-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eReminéralisation globale\u003c\/h3\u003e\n\u003cp\u003eParticulièrement appréciée après une fatigue prolongée, une convalescence ou en soutien de la densité osseuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prel-section\"\u003e\n\u003ch2\u003eComposition et posologie des comprimés Vital Osmose\u003c\/h2\u003e\n\u003cdiv class=\"soi-prel-compo\"\u003e\n\u003cdiv class=\"soi-prel-compo-row\"\u003e\n\u003cspan class=\"soi-prel-compo-label\"\u003ePar comprimé\u003c\/span\u003e\n\u003cspan class=\"soi-prel-compo-value\"\u003e420 mg de prêle des champs bio (\u003cem\u003eEquisetum arvense\u003c\/em\u003e)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-compo-row\"\u003e\n\u003cspan class=\"soi-prel-compo-label\"\u003eConditionnement\u003c\/span\u003e\n\u003cspan class=\"soi-prel-compo-value\"\u003e200 comprimés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-compo-row\"\u003e\n\u003cspan class=\"soi-prel-compo-label\"\u003ePoids net total\u003c\/span\u003e\n\u003cspan class=\"soi-prel-compo-value\"\u003e84,00 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-compo-row\"\u003e\n\u003cspan class=\"soi-prel-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-prel-compo-value\"\u003eAgriculture biologique, certifiée Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-compo-row\"\u003e\n\u003cspan class=\"soi-prel-compo-label\"\u003eIngrédients\u003c\/span\u003e\n\u003cspan class=\"soi-prel-compo-value\"\u003ePoudre de prêle des champs bio (\u003cem\u003eEquisetum arvense\u003c\/em\u003e), cellulose microcristalline, stéarate de magnésium d'origine végétale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-timeline\"\u003e\n\u003cdiv class=\"soi-prel-step\"\u003e\n\u003cdiv class=\"soi-prel-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-step-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrendre 3 à 4 comprimés par jour, 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=\"soi-prel-step\"\u003e\n\u003cdiv class=\"soi-prel-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-step-content\"\u003e\n\u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n\u003cp\u003eUne cure de 6 à 8 semaines est généralement conseillée pour observer des effets durables sur la reminéralisation et le drainage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prel-section\"\u003e\n\u003ch2\u003ePour qui est fait ce complément de prêle des champs ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-prel-grid\"\u003e\n\u003cdiv class=\"soi-prel-card\"\u003e\n\u003ch3\u003e💅 Fatigue minérale\u003c\/h3\u003e\n\u003cp\u003eVous ressentez des ongles cassants ou des cheveux fragilisés : la prêle des champs vous apporte un soutien reminéralisant naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-card\"\u003e\n\u003ch3\u003e🤸 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez accompagner vos articulations de façon naturelle, notamment après 40 ans, grâce au silicium et au collagène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-card\"\u003e\n\u003ch3\u003e🌿 Drainage doux\u003c\/h3\u003e\n\u003cp\u003eVous cherchez un draineur naturel pour accompagner une cure de drainage ou favoriser l'élimination rénale de l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-card\"\u003e\n\u003ch3\u003e🌱 Alternative végétale et bio\u003c\/h3\u003e\n\u003cp\u003eVous préférez les alternatives végétales et biologiques aux compléments synthétiques, avec une traçabilité certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prel-section\"\u003e\n\u003ch2\u003ePrêle des champs : dangers et précautions à connaître\u003c\/h2\u003e\n\u003cp\u003eEn usage normal, la prêle des champs est bien tolérée. Quelques points de vigilance méritent cependant votre attention.\u003c\/p\u003e\n\u003cdiv class=\"soi-prel-accordion\"\u003e\n\u003cdetails class=\"soi-prel-accordion-item\"\u003e\n\u003csummary class=\"soi-prel-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n\u003cdiv class=\"soi-prel-accordion-content\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 à 4 comprimés par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-prel-accordion-item\"\u003e\n\u003csummary class=\"soi-prel-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"soi-prel-accordion-content\"\u003e\n\u003cp\u003eCe complément est dé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=\"soi-prel-accordion-item\"\u003e\n\u003csummary class=\"soi-prel-accordion-header\"\u003e💊 Traitement diurétique ou pathologie rénale\u003c\/summary\u003e\n\u003cdiv class=\"soi-prel-accordion-content\"\u003e\n\u003cp\u003eEn cas de traitement diurétique ou de pathologie rénale, consultez votre médecin avant toute cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-prel-accordion-item\"\u003e\n\u003csummary class=\"soi-prel-accordion-header\"\u003e🔍 Ne pas confondre avec la prêle des marais\u003c\/summary\u003e\n\u003cdiv class=\"soi-prel-accordion-content\"\u003e\n\u003cp\u003eLa prêle des marais (\u003cem\u003eEquisetum palustre\u003c\/em\u003e) contient des alcaloïdes potentiellement toxiques. Les comprimés Vital Osmose utilisent exclusivement la prêle des champs (\u003cem\u003eEquisetum arvense\u003c\/em\u003e).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-tip\"\u003e\n\u003cdiv class=\"soi-prel-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prel-section\"\u003e\n\u003ch2\u003ePourquoi choisir les comprimés Vital Osmose plutôt qu'une tisane ?\u003c\/h2\u003e\n\u003cp\u003eLa tisane de prêle des champs est une option traditionnelle, mais elle présente des contraintes : infusion quotidienne, goût herbacé prononcé, dosage variable.\u003c\/p\u003e\n\u003cdiv class=\"soi-prel-grid\"\u003e\n\u003cdiv class=\"soi-prel-card\"\u003e\n\u003ch3\u003e🎯 Dosage précis et constant\u003c\/h3\u003e\n\u003cp\u003eChaque comprimé contient exactement 420 mg de prêle des champs bio, pour une prise fiable et reproductible à chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-card\"\u003e\n\u003ch3\u003e⏱️ Prise rapide et pratique\u003c\/h3\u003e\n\u003cp\u003eUn geste simple à tout moment de la journée, au cours des repas, sans préparation ni attente d'infusion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-prel-card\"\u003e\n\u003ch3\u003e✅ Traçabilité biologique certifiée Ecocert\u003c\/h3\u003e\n\u003cp\u003eLa garantie d'une plante issue de l'agriculture biologique, avec une certification reconnue, sans compromis sur la pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-prel-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-prel-cta-box\"\u003e\n\u003cp class=\"soi-prel-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n\u003cp class=\"soi-prel-cta-text\" style=\"color: white;\"\u003eDes siècles de sagesse végétale réunis dans un comprimé simple, pur et certifié bio. Pour vos os, vos articulations, votre drainage et votre vitalité, offrez à votre corps ce que la nature a mis des millénaires à perfectionner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-prel-marine: #1A2D3D;\n  --soi-prel-marine-dark: #0F1E2B;\n  --soi-prel-marine-light: #2C4458;\n  --soi-prel-pomme: #A1C544;\n  --soi-prel-pomme-dark: #84A636;\n  --soi-prel-pomme-light: rgba(161,197,68,0.10);\n  --soi-prel-white: #FFFFFF;\n  --soi-prel-off-white: #F8FAF6;\n  --soi-prel-stone: #F1F3EE;\n  --soi-prel-line: #E5E8E0;\n  --soi-prel-primary: #7CA86E;\n  --soi-prel-primary-soft: rgba(124,168,110,0.12);\n  --soi-prel-accent: #B5694A;\n  --soi-prel-text: #1A2D3D;\n  --soi-prel-text-soft: #4A5B6B;\n  --soi-prel-text-muted: #7B8693;\n  --soi-prel-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-prel-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-prel-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-prel-radius: 12px;\n  --soi-prel-radius-sm: 8px;\n  --soi-prel-radius-pill: 999px;\n}\n\n.soi-prel-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-prel-fiche img { max-width: 100%; height: auto; }\n\n.soi-prel-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-prel-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-prel-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-prel-hero {\n  position: relative;\n  background: var(--soi-prel-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-prel-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-prel-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-prel-pomme);\n}\n\n.soi-prel-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-prel-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-prel-pomme);\n  border-radius: 50%;\n}\n\n.soi-prel-hero-title {\n  display: block;\n  color: var(--soi-prel-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-prel-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-prel-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-prel-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-prel-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-prel-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-prel-label-accent {\n  background: var(--soi-prel-pomme);\n  border-color: var(--soi-prel-pomme);\n  color: var(--soi-prel-marine);\n  font-weight: 600;\n}\n\n.soi-prel-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-prel-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-prel-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-prel-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-prel-pomme);\n  border-radius: 2px;\n}\n\n.soi-prel-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-prel-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-prel-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-prel-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-prel-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-prel-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-prel-benefit {\n  background: var(--soi-prel-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-prel-radius);\n  border: 1px solid var(--soi-prel-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-prel-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-prel-shadow-md);\n}\n\n.soi-prel-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-prel-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-prel-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-prel-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-prel-benefit:hover .soi-prel-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-prel-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-prel-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-prel-benefit p {\n  font-size: 13px;\n  color: var(--soi-prel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-prel-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-prel-card {\n  background: var(--soi-prel-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-prel-radius);\n  border-left: 3px solid var(--soi-prel-pomme);\n}\n\n.soi-prel-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-prel-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-prel-card p {\n  font-size: 14px;\n  color: var(--soi-prel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-prel-compo {\n  background: var(--soi-prel-off-white);\n  border-radius: var(--soi-prel-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-prel-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(--soi-prel-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-prel-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-prel-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-prel-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-prel-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-prel-marine);\n  text-align: right;\n}\n\n.soi-prel-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-prel-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-prel-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-prel-radius);\n  border: 1px solid var(--soi-prel-line);\n  align-items: flex-start;\n}\n\n.soi-prel-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-prel-marine);\n  color: var(--soi-prel-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-prel-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-prel-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-prel-step-content p {\n  font-size: 14px;\n  color: var(--soi-prel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-prel-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-prel-pomme-light);\n  border-left: 4px solid var(--soi-prel-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-prel-radius) var(--soi-prel-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-prel-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-prel-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-prel-marine);\n  margin-bottom: 4px;\n}\n\n.soi-prel-tip p {\n  font-size: 14px;\n  color: var(--soi-prel-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-prel-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-prel-accordion-item {\n  background: var(--soi-prel-off-white);\n  border-radius: var(--soi-prel-radius-sm);\n  border: 1px solid var(--soi-prel-line);\n  overflow: hidden;\n}\n\n.soi-prel-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-prel-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-prel-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-prel-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-prel-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-prel-accordion-item[open] .soi-prel-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-prel-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-prel-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-prel-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-prel-cta-box {\n  background: var(--soi-prel-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-prel-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-prel-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-prel-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-prel-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-prel-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-prel-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-prel-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-prel-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-prel-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-prel-compo-value {\n    text-align: left;\n  }\n\n  .soi-prel-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-prel-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-prel-fiche {\n    --soi-prel-text-soft: #2C3E50;\n    --soi-prel-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Vital Osmose","offers":[{"title":"Default Title","offer_id":61603692609866,"sku":"VO4815","price":10.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/prele-des-champs-gelules-grainesauvage_11zon.webp?v=1782034653"},{"product_id":"collagene-marin-en-gelules-sfb","title":"Collagène marin en gélules - SFB","description":"\u003cdiv class=\"soi-coll-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-coll-hero\"\u003e\n    \u003cdiv class=\"soi-coll-hero-tag\"\u003e\n      \u003cspan class=\"soi-coll-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · SFB Laboratoires\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-coll-hero-title\"\u003eCollagène Marin en gélules\u003c\/span\u003e\n    \u003cp class=\"soi-coll-hero-subtitle\"\u003eSoutenez naturellement la fermeté de votre peau, la souplesse de vos articulations et la solidité de vos ongles grâce à un hydrolysat de collagène marin hautement assimilable.\u003c\/p\u003e\n    \u003cdiv class=\"soi-coll-hero-labels\"\u003e\n      \u003cspan class=\"soi-coll-label soi-coll-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-coll-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n      \u003cspan class=\"soi-coll-label\"\u003eSANS LACTOSE\u003c\/span\u003e\n      \u003cspan class=\"soi-coll-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n      \u003cspan class=\"soi-coll-label\"\u003ePÊCHE DURABLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003cp class=\"soi-coll-section-intro\"\u003eÀ partir de 30 ans, notre corps produit naturellement moins de collagène. Résultat : la peau perd en fermeté, les articulations deviennent moins souples et les ongles se fragilisent. Le collagène marin en gélules SFB Laboratoires a justement été conçu pour compenser ce déclin progressif, avec une formule complète, naturelle et hautement assimilable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir un collagène marin plutôt qu'un autre ? --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un collagène marin plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cp\u003eTous les collagènes ne se valent pas. Le collagène marin présente une structure très proche du collagène humain, ce qui lui confère une \u003cstrong\u003ebiodisponibilité supérieure\u003c\/strong\u003e par rapport au collagène bovin ou végétal. Ici, SFB utilise un \u003cstrong\u003ehydrolysat de collagène marin de type I et III\u003c\/strong\u003e, issu de la pêche durable et garanti sans requin. La fragmentation enzymatique des peptides les rend immédiatement utilisables par l'organisme, sans effort digestif particulier.\u003c\/p\u003e\n    \u003cp\u003eCe collagène est également \u003cstrong\u003esans gluten, sans lactose et fabriqué en France\u003c\/strong\u003e, pour répondre aux exigences de qualité les plus strictes.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les bienfaits du collagène marin --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003eLes bienfaits du collagène marin : peau, articulations et bien plus\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coll-benefits\"\u003e\n      \u003cdiv class=\"soi-coll-benefit\"\u003e\n        \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau visiblement plus ferme\u003c\/h3\u003e\n        \u003cp\u003eLes peptides de collagène stimulent la synthèse naturelle de collagène cutané, aidant à lisser les rides et à améliorer l'éclat et l'hydratation du teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-benefit\"\u003e\n        \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSouplesse articulaire retrouvée\u003c\/h3\u003e\n        \u003cp\u003eLe collagène de type I et III soutient les cartilages et les tissus conjonctifs, limitant les raideurs et favorisant une meilleure mobilité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-benefit\"\u003e\n        \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e💅\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux et ongles renforcés\u003c\/h3\u003e\n        \u003cp\u003eEn nourrissant les kératinocytes et les follicules pileux, le collagène marin contribue à des ongles moins cassants et des cheveux plus résistants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-benefit\"\u003e\n        \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C d'origine naturelle incluse dans la formule neutralise les radicaux libres responsables du vieillissement prématuré des cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition complète et dosage par gélule --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003eComposition complète et dosage par gélule\u003c\/h2\u003e\n    \u003cp\u003eChaque gélule végétale contient :\u003c\/p\u003e\n    \u003cdiv class=\"soi-coll-compo\"\u003e\n      \u003cdiv class=\"soi-coll-compo-row\"\u003e\n        \u003cspan class=\"soi-coll-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-compo-value\"\u003eHydrolysat de collagène marin (types I et III)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-compo-row\"\u003e\n        \u003cspan class=\"soi-coll-compo-label\"\u003eVitamine C naturelle (acérola)\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-compo-value\"\u003e80 mg (VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-compo-row\"\u003e\n        \u003cspan class=\"soi-coll-compo-label\"\u003eManganèse\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-compo-value\"\u003e2 mg (VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-compo-row\"\u003e\n        \u003cspan class=\"soi-coll-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-compo-value\"\u003eGélule végétale (sans gélatine animale)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-compo-row\"\u003e\n        \u003cspan class=\"soi-coll-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-compo-value\"\u003e90 gélules végétales (15 jours de cure)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-coll-tip\"\u003e\n      \u003cdiv class=\"soi-coll-tip-icon\"\u003eℹ️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n        \u003cp\u003eLa vitamine C contribue à la synthèse normale du collagène pour assurer le fonctionnement normal de la peau. Le manganèse contribue à la formation normale des tissus conjonctifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment prendre le collagène marin SFB ? --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003eComment prendre le collagène marin SFB ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coll-timeline\"\u003e\n      \u003cdiv class=\"soi-coll-step\"\u003e\n        \u003cdiv class=\"soi-coll-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-coll-step-content\"\u003e\n          \u003ch3\u003eDose recommandée\u003c\/h3\u003e\n          \u003cp\u003e6 gélules par jour, à répartir sur la journée, de préférence en dehors des repas pour une meilleure absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-step\"\u003e\n        \u003cdiv class=\"soi-coll-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-coll-step-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLes premiers effets visibles apparaissent généralement après 6 à 8 semaines de prise régulière. Une cure de 3 mois est recommandée pour des résultats durables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-step\"\u003e\n        \u003cdiv class=\"soi-coll-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-coll-step-content\"\u003e\n          \u003ch3\u003eConseil pratique\u003c\/h3\u003e\n          \u003cp\u003eAssociez votre cure à une bonne hydratation (1,5 L d'eau par jour) et à une alimentation riche en protéines pour optimiser la synthèse du collagène.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Le collagène marin est-il dangereux ? --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003eLe collagène marin est-il dangereux ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coll-accordion\"\u003e\n      \u003cdetails class=\"soi-coll-accordion-item\" open\u003e\n        \u003csummary class=\"soi-coll-accordion-header\"\u003e⚠️ Précautions d'emploi et tolérance\u003c\/summary\u003e\n        \u003cdiv class=\"soi-coll-accordion-content\"\u003e\n          \u003cp\u003eLe collagène marin est globalement très bien toléré. Aucun effet indésirable majeur n'a été répertorié aux doses recommandées. Toutefois, si vous êtes \u003cstrong\u003eallergique aux produits de la mer\u003c\/strong\u003e, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical et n'est pas destiné à traiter, prévenir ou guérir une maladie. En cas de doute, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Récapitulatif produit --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003eL'essentiel à retenir\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coll-grid-compact\"\u003e\n      \u003cdiv class=\"soi-coll-card-mini\"\u003e\n        \u003cspan class=\"soi-coll-card-mini-icon\"\u003e💊\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-label\"\u003eContenu\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-value\"\u003e90 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-card-mini\"\u003e\n        \u003cspan class=\"soi-coll-card-mini-icon\"\u003e📅\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-label\"\u003eDurée\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-value\"\u003e15 jours de cure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-card-mini\"\u003e\n        \u003cspan class=\"soi-coll-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-card-mini\"\u003e\n        \u003cspan class=\"soi-coll-card-mini-icon\"\u003e🌊\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-label\"\u003eSourcing\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-value\"\u003ePêche durable, sans requin\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-coll-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-coll-cta-box\"\u003e\n      \u003cp class=\"soi-coll-cta-tag\" style=\"color: white;\"\u003eVotre allié jeunesse au quotidien\u003c\/p\u003e\n      \u003cp class=\"soi-coll-cta-text\" style=\"color: white;\"\u003ePrendre soin de votre peau, de vos articulations et de votre vitalité n'est pas un luxe. Le Collagène Marin SFB vous accompagne avec une formule pure, efficace et respectueuse, pour que vous vous sentiez bien dans votre corps, durablement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-coll-marine: #1A2D3D;\n  --soi-coll-marine-dark: #0F1E2B;\n  --soi-coll-marine-light: #2C4458;\n  --soi-coll-pomme: #A1C544;\n  --soi-coll-pomme-dark: #84A636;\n  --soi-coll-pomme-light: rgba(161,197,68,0.10);\n  --soi-coll-white: #FFFFFF;\n  --soi-coll-off-white: #F8FAF6;\n  --soi-coll-stone: #F1F3EE;\n  --soi-coll-line: #E5E8E0;\n  --soi-coll-primary: #5BA8A0;\n  --soi-coll-primary-soft: #E8F4F2;\n  --soi-coll-accent: #7FBFB8;\n  --soi-coll-text: #1A2D3D;\n  --soi-coll-text-soft: #4A5B6B;\n  --soi-coll-text-muted: #7B8693;\n  --soi-coll-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-coll-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-coll-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-coll-radius: 12px;\n  --soi-coll-radius-sm: 8px;\n  --soi-coll-radius-pill: 999px;\n}\n\n.soi-coll-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-coll-fiche img { max-width: 100%; height: auto; }\n\n.soi-coll-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-coll-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-coll-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-coll-hero {\n  position: relative;\n  background: var(--soi-coll-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-coll-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-coll-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-coll-pomme);\n}\n\n.soi-coll-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-coll-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-coll-pomme);\n  border-radius: 50%;\n}\n\n.soi-coll-hero-title {\n  display: block;\n  color: var(--soi-coll-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-coll-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-coll-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-coll-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-coll-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-coll-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-coll-label-accent {\n  background: var(--soi-coll-pomme);\n  border-color: var(--soi-coll-pomme);\n  color: var(--soi-coll-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-coll-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-coll-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-coll-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-coll-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-coll-pomme);\n  border-radius: 2px;\n}\n\n.soi-coll-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-coll-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-coll-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-coll-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-coll-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-coll-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-coll-benefit {\n  background: var(--soi-coll-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-coll-radius);\n  border: 1px solid var(--soi-coll-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-coll-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-coll-shadow-md);\n}\n\n.soi-coll-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-coll-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-coll-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-coll-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-coll-benefit:hover .soi-coll-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-coll-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-coll-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-coll-benefit p {\n  font-size: 13px;\n  color: var(--soi-coll-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-coll-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-coll-card {\n  background: var(--soi-coll-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-coll-radius);\n  border-left: 3px solid var(--soi-coll-pomme);\n}\n\n.soi-coll-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-coll-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-coll-card p {\n  font-size: 14px;\n  color: var(--soi-coll-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-coll-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-coll-card-mini {\n  background: var(--soi-coll-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-coll-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-coll-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-coll-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-coll-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-coll-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-coll-marine);\n}\n\n\/* TIMELINE *\/\n.soi-coll-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-coll-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-coll-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-coll-radius);\n  border: 1px solid var(--soi-coll-line);\n  align-items: flex-start;\n}\n\n.soi-coll-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-coll-marine);\n  color: var(--soi-coll-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-coll-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-coll-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-coll-step-content p {\n  font-size: 14px;\n  color: var(--soi-coll-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-coll-compo {\n  background: var(--soi-coll-off-white);\n  border-radius: var(--soi-coll-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-coll-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(--soi-coll-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-coll-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-coll-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-coll-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-coll-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-coll-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-coll-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-coll-pomme-light);\n  border-left: 4px solid var(--soi-coll-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-coll-radius) var(--soi-coll-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-coll-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-coll-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-coll-marine);\n  margin-bottom: 4px;\n}\n\n.soi-coll-tip p {\n  font-size: 14px;\n  color: var(--soi-coll-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-coll-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-coll-accordion-item {\n  background: var(--soi-coll-off-white);\n  border-radius: var(--soi-coll-radius-sm);\n  border: 1px solid var(--soi-coll-line);\n  overflow: hidden;\n}\n\n.soi-coll-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-coll-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-coll-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-coll-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-coll-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-coll-accordion-item[open] .soi-coll-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-coll-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-coll-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-coll-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-coll-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* CTA BOX *\/\n.soi-coll-cta-box {\n  background: var(--soi-coll-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-coll-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-coll-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-coll-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-coll-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-coll-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-coll-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-coll-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-coll-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-coll-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-coll-compo-value {\n    text-align: left;\n  }\n\n  .soi-coll-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-coll-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-coll-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-coll-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-coll-fiche {\n    --soi-coll-text-soft: #2C3E50;\n    --soi-coll-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603763454282,"sku":"SF0090","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/collagene-marin-en-gelules-sfb-packshot.webp?v=1779719686"},{"product_id":"selenium-ace-en-gelules-sfb","title":"Selenium + ACE en gélules - SFB","description":"\n\u003cdiv class=\"soi-sace-fiche\"\u003e\n\n  \u003csection class=\"soi-sace-hero\"\u003e\n    \u003cdiv class=\"soi-sace-hero-tag\"\u003e\n      \u003cspan class=\"soi-sace-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · SFB Laboratoires\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-sace-hero-title\"\u003eSélénium + Vitamines en gélules\u003c\/span\u003e\n    \u003cp class=\"soi-sace-hero-subtitle\"\u003eL'alliance synergique du sélénium et des vitamines A, C et E pour soutenir votre immunité, protéger vos cellules du stress oxydatif et préserver votre vitalité au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sace-hero-labels\"\u003e\n      \u003cspan class=\"soi-sace-label soi-sace-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-sace-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n      \u003cspan class=\"soi-sace-label\"\u003e120 GÉLULES\u003c\/span\u003e\n      \u003cspan class=\"soi-sace-label\"\u003eCURE 2 MOIS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sace-section\"\u003e\n    \u003ch2\u003ePourquoi associer sélénium, vitamines A, C et E ?\u003c\/h2\u003e\n    \u003cp class=\"soi-sace-section-intro\"\u003eLe sélénium est un oligo-élément que notre organisme ne fabrique pas seul. Associé aux vitamines A, C et E, il forme une synergie antioxydante complète, bien plus efficace que chaque actif pris séparément.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sace-benefits\"\u003e\n      \u003cdiv class=\"soi-sace-benefit\"\u003e\n        \u003cdiv class=\"soi-sace-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDéfense immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLe sélénium contribue au fonctionnement normal du système immunitaire, tout comme les vitamines A et C.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-benefit\"\u003e\n        \u003cdiv class=\"soi-sace-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eEn association avec les vitamines C et E, il aide à protéger les cellules contre le stress oxydatif, impliqué dans le vieillissement cellulaire prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-benefit\"\u003e\n        \u003cdiv class=\"soi-sace-benefit-icon\"\u003e\u003cspan\u003e⚙️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eThyroïde\u003c\/h3\u003e\n        \u003cp\u003eLe sélénium participe à la synthèse et à la conversion des hormones thyroïdiennes, indispensables à un métabolisme équilibré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-benefit\"\u003e\n        \u003cdiv class=\"soi-sace-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau et tissus\u003c\/h3\u003e\n        \u003cp\u003eLes vitamines A, C, E et le sélénium contribuent chacun à leur façon à l'éclat et à la qualité de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-benefit\"\u003e\n        \u003cdiv class=\"soi-sace-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSanté reproductive masculine\u003c\/h3\u003e\n        \u003cp\u003eUn apport adéquat en sélénium soutient la qualité du sperme et la protection du matériel génétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sace-section\"\u003e\n    \u003ch2\u003eComposition et dosage par gélule\u003c\/h2\u003e\n    \u003cp class=\"soi-sace-section-intro\"\u003eChaque gélule de Sélénium + ACE SFB contient une association précise de quatre micronutriments essentiels. Enveloppe en hydroxypropylméthylcellulose (HPMC), 100 % végétale, sans additifs superflus ni colorants artificiels.\u003c\/p\u003e\n    \u003cdiv class=\"soi-sace-compo\"\u003e\n      \u003cdiv class=\"soi-sace-compo-row\"\u003e\n        \u003cspan class=\"soi-sace-compo-label\"\u003eSélénium (sélénite de sodium)\u003c\/span\u003e\n        \u003cspan class=\"soi-sace-compo-value\"\u003e27,5 µg · 50 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-compo-row\"\u003e\n        \u003cspan class=\"soi-sace-compo-label\"\u003eVitamine A (acétate de rétinol)\u003c\/span\u003e\n        \u003cspan class=\"soi-sace-compo-value\"\u003e400 µg ER · 50 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-compo-row\"\u003e\n        \u003cspan class=\"soi-sace-compo-label\"\u003eVitamine C (acide ascorbique)\u003c\/span\u003e\n        \u003cspan class=\"soi-sace-compo-value\"\u003e40 mg · 50 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-compo-row\"\u003e\n        \u003cspan class=\"soi-sace-compo-label\"\u003eVitamine E (acétate de DL-alpha-tocophérol)\u003c\/span\u003e\n        \u003cspan class=\"soi-sace-compo-value\"\u003e6 mg · 50 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-compo-row\"\u003e\n        \u003cspan class=\"soi-sace-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-sace-compo-value\"\u003eHPMC végétale\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sace-section\"\u003e\n    \u003ch2\u003eComment prendre le Sélénium + ACE SFB ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sace-timeline\"\u003e\n      \u003cdiv class=\"soi-sace-step\"\u003e\n        \u003cdiv class=\"soi-sace-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-sace-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003ePrenez 2 gélules par jour, à avaler avec un grand verre d'eau, de préférence au moment d'un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-step\"\u003e\n        \u003cdiv class=\"soi-sace-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-sace-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 120 gélules couvre 2 mois de cure, une durée idéale pour observer les bénéfices d'une supplémentation régulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-sace-tip\"\u003e\n      \u003cdiv class=\"soi-sace-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe complément convient particulièrement aux personnes exposées à une fatigue chronique ou un environnement stressant, à celles qui souhaitent renforcer leurs défenses naturelles à l'approche de l'hiver, aux personnes concernées par la santé thyroïdienne ou la qualité de leur peau, et à celles dont l'alimentation est pauvre en sources naturelles de sélénium (noix du Brésil, fruits de mer, céréales complètes).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sace-section\"\u003e\n    \u003ch2\u003eCe qui distingue la formule SFB\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sace-grid\"\u003e\n      \u003cdiv class=\"soi-sace-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France selon les standards de qualité pharmaceutique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-card\"\u003e\n        \u003ch3\u003e🌱 Gélules végétales HPMC\u003c\/h3\u003e\n        \u003cp\u003eConvient aux végétariens et végétaliens grâce à une enveloppe 100 % végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-card\"\u003e\n        \u003ch3\u003e🎯 Biodisponibilité optimale\u003c\/h3\u003e\n        \u003cp\u003eBonne biodisponibilité et haute tolérance digestive pour un confort d'utilisation au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-sace-card\"\u003e\n        \u003ch3\u003e📦 Cure complète de 2 mois\u003c\/h3\u003e\n        \u003cp\u003e120 gélules pour une cure de 2 mois sans rupture, concentrée sur l'essentiel, sans excipients inutiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sace-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-sace-accordion\"\u003e\n      \u003cdetails class=\"soi-sace-accordion-item\"\u003e\n        \u003csummary class=\"soi-sace-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-sace-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un complément alimentaire. Il ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée. Ne dépassez pas la dose journalière recommandée. 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=\"soi-sace-accordion-item\"\u003e\n        \u003csummary class=\"soi-sace-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-sace-accordion-content\"\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  \u003c\/section\u003e\n\n  \u003csection class=\"soi-sace-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-sace-cta-box\"\u003e\n      \u003cp class=\"soi-sace-cta-tag\" style=\"color: white;\"\u003ePrenez soin de vos cellules avec une formule pensée pour durer\u003c\/p\u003e\n      \u003cp class=\"soi-sace-cta-text\" style=\"color: white;\"\u003eLe Sélénium + ACE de SFB Laboratoires : quatre micronutriments essentiels dans une seule gélule végétale, fabriquée en France, pour soutenir votre immunité et préserver votre vitalité jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-sace-marine: #1A2D3D;\n  --soi-sace-marine-dark: #0F1E2B;\n  --soi-sace-marine-light: #2C4458;\n  --soi-sace-pomme: #A1C544;\n  --soi-sace-pomme-dark: #84A636;\n  --soi-sace-pomme-light: rgba(161,197,68,0.10);\n  --soi-sace-white: #FFFFFF;\n  --soi-sace-off-white: #F8FAF6;\n  --soi-sace-stone: #F1F3EE;\n  --soi-sace-line: #E5E8E0;\n  --soi-sace-primary: #4A7A8E;\n  --soi-sace-primary-soft: rgba(74,122,142,0.10);\n  --soi-sace-accent: #5BBFA0;\n  --soi-sace-text: #1A2D3D;\n  --soi-sace-text-soft: #4A5B6B;\n  --soi-sace-text-muted: #7B8693;\n  --soi-sace-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-sace-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-sace-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-sace-radius: 12px;\n  --soi-sace-radius-sm: 8px;\n  --soi-sace-radius-pill: 999px;\n}\n\n.soi-sace-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sace-fiche img { max-width: 100%; height: auto; }\n\n.soi-sace-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-sace-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-sace-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-sace-hero {\n  position: relative;\n  background: var(--soi-sace-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-sace-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-sace-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-sace-pomme);\n}\n\n.soi-sace-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-sace-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-sace-pomme);\n  border-radius: 50%;\n}\n\n.soi-sace-hero-title {\n  display: block;\n  color: var(--soi-sace-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-sace-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-sace-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-sace-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-sace-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-sace-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-sace-label-accent {\n  background: var(--soi-sace-pomme);\n  border-color: var(--soi-sace-pomme);\n  color: var(--soi-sace-marine);\n  font-weight: 600;\n}\n\n.soi-sace-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sace-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-sace-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-sace-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-sace-pomme);\n  border-radius: 2px;\n}\n\n.soi-sace-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-sace-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-sace-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-sace-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-sace-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-sace-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-sace-benefit {\n  background: var(--soi-sace-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-sace-radius);\n  border: 1px solid var(--soi-sace-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sace-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-sace-shadow-md);\n}\n\n.soi-sace-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-sace-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-sace-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-sace-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-sace-benefit:hover .soi-sace-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-sace-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sace-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sace-benefit p {\n  font-size: 13px;\n  color: var(--soi-sace-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sace-compo {\n  background: var(--soi-sace-off-white);\n  border-radius: var(--soi-sace-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-sace-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(--soi-sace-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-sace-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-sace-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-sace-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-sace-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-sace-marine);\n  text-align: right;\n}\n\n.soi-sace-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-sace-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-sace-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sace-radius);\n  border: 1px solid var(--soi-sace-line);\n  align-items: flex-start;\n}\n\n.soi-sace-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-sace-marine);\n  color: var(--soi-sace-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-sace-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sace-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-sace-step-content p {\n  font-size: 14px;\n  color: var(--soi-sace-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sace-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-sace-pomme-light);\n  border-left: 4px solid var(--soi-sace-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-sace-radius) var(--soi-sace-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-sace-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-sace-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-sace-marine);\n  margin-bottom: 4px;\n}\n\n.soi-sace-tip p {\n  font-size: 14px;\n  color: var(--soi-sace-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sace-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-sace-card {\n  background: var(--soi-sace-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sace-radius);\n  border-left: 3px solid var(--soi-sace-pomme);\n}\n\n.soi-sace-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sace-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sace-card p {\n  font-size: 14px;\n  color: var(--soi-sace-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sace-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-sace-accordion-item {\n  background: var(--soi-sace-off-white);\n  border-radius: var(--soi-sace-radius-sm);\n  border: 1px solid var(--soi-sace-line);\n  overflow: hidden;\n}\n\n.soi-sace-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-sace-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-sace-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-sace-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-sace-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-sace-accordion-item[open] .soi-sace-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-sace-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-sace-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-sace-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sace-cta-box {\n  background: var(--soi-sace-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-sace-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-sace-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-sace-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-sace-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-sace-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-sace-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-sace-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-sace-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-sace-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-sace-compo-value {\n    text-align: left;\n  }\n\n  .soi-sace-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-sace-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-sace-fiche {\n    --soi-sace-text-soft: #2C3E50;\n    --soi-sace-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603775152458,"sku":"SF0255","price":23.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/selenium-ace-en-gelules-sfb-packshot.webp?v=1779453253"},{"product_id":"zinc-bisglycinate-b6-en-gelules-sfb","title":"Zinc Bisglycinate + B6 en gélules - SFB","description":"\u003cdiv class=\"soi-zb6-fiche\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"soi-zb6-hero\"\u003e\n\u003cdiv class=\"soi-zb6-hero-tag\"\u003e\n\u003cspan class=\"soi-zb6-tag-dot\"\u003e\u003c\/span\u003e Complément alimentaire · SFB Laboratoires\u003c\/div\u003e\n\u003cspan class=\"soi-zb6-hero-title\"\u003eZinc Bisglycinate + B6\u003c\/span\u003e\n\u003cp class=\"soi-zb6-hero-subtitle\"\u003eLe duo immunité \u0026amp; vitalité en zinc hautement assimilable, enrichi en vitamine B6. Forme chélatée pour une biodisponibilité optimale, en gélules végétales fabriquées en France.\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-hero-labels\"\u003e\n\u003cspan class=\"soi-zb6-label\"\u003eBISGLYCINATE CHÉLATÉ\u003c\/span\u003e \u003cspan class=\"soi-zb6-label\"\u003eVEGAN\u003c\/span\u003e \u003cspan class=\"soi-zb6-label\"\u003eSANS GLUTEN\u003c\/span\u003e \u003cspan class=\"soi-zb6-label soi-zb6-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- EN BREF — Bénéfices clés rapides --\u003e\n\u003csection class=\"soi-zb6-section\"\u003e\n\u003ch2\u003eLes bienfaits du Zinc Bisglycinate + B6 : ce que ce duo fait pour vous\u003c\/h2\u003e\n\u003cp class=\"soi-zb6-section-intro\"\u003eLe zinc intervient dans plus de 300 réactions enzymatiques dans le corps humain. Associé à la vitamine B6, ses effets sont démultipliés. Voici ce que vous pouvez attendre d'une prise régulière :\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-benefits\"\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eSystème immunitaire\u003c\/h3\u003e\n\u003cp\u003eLe zinc contribue au fonctionnement normal du système immunitaire. Associé à la B6, il aide votre corps à mieux se défendre, notamment en période hivernale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePeau, cheveux et ongles\u003c\/h3\u003e\n\u003cp\u003eLe zinc bisglycinate régule la production de sébum, favorise la cicatrisation et participe au maintien d'ongles et de cheveux normaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eRéduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B6 contribue à réduire la fatigue et soutient le métabolisme énergétique normal. Un atout précieux en période de stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eSystème nerveux et cognition\u003c\/h3\u003e\n\u003cp\u003eZinc et B6 contribuent au fonctionnement normal du système nerveux et à des fonctions psychologiques normales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLe zinc contribue à la protection des cellules contre le stress oxydatif, préservant vos tissus des dommages causés par les radicaux libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-benefit\"\u003e\n\u003cdiv class=\"soi-zb6-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eMétabolisme équilibré\u003c\/h3\u003e\n\u003cp\u003eZinc et B6 participent au métabolisme normal des protéines, glucides et lipides. Un duo utile pour les sportifs comme pour l'équilibre nutritionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI BISGLYCINATE --\u003e\n\u003csection class=\"soi-zb6-section soi-zb6-pour-qui\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de zinc plutôt qu'une autre forme ?\u003c\/h2\u003e\n\u003cp class=\"soi-zb6-section-intro\"\u003eToutes les formes de zinc ne se valent pas. Le marché regorge de compléments alimentaires en zinc dosés au sulfate, à l'oxyde ou au gluconate — des formes moins bien tolérées et souvent moins bien absorbées.\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-grid\"\u003e\n\u003cdiv class=\"soi-zb6-card\"\u003e\n\u003ch3\u003e🔗 Forme chélatée haute absorption\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de zinc est lié à deux molécules de glycine (un acide aminé naturel), ce qui lui permet de traverser la paroi intestinale plus facilement et d'arriver intact dans le sang. Résultat : une biodisponibilité nettement supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card\"\u003e\n\u003ch3\u003e🤝 Tolérance digestive optimale\u003c\/h3\u003e\n\u003cp\u003eContrairement au sulfate ou à l'oxyde de zinc, le bisglycinate provoque beaucoup moins d'effets digestifs indésirables — nausées, irritations — fréquents avec les autres formes. Une efficacité réelle même à des doses modérées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card\"\u003e\n\u003ch3\u003e👥 Pour qui est-ce essentiel ?\u003c\/h3\u003e\n\u003cp\u003eUne carence en zinc est plus fréquente qu'on ne le croit : personnes végétariennes, sportifs réguliers, femmes enceintes ou allaitantes, personnes âgées. Un apport régulier via un complément bien formulé fait une vraie différence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card\"\u003e\n\u003ch3\u003e🏆 Référence en nutrithérapie\u003c\/h3\u003e\n\u003cp\u003eLe zinc bisglycinate est aujourd'hui la forme de référence dans les formules nutrithérapeutiques de qualité, recommandée par les praticiens de santé naturelle pour son rapport efficacité\/tolérance inégalé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-tip\"\u003e\n\u003cdiv class=\"soi-zb6-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n\u003cp\u003eUne carence en zinc est plus fréquente qu'on ne le croit, notamment chez les personnes végétariennes, les sportifs réguliers, les femmes enceintes ou allaitantes, et les personnes âgées. Un apport régulier via un complément alimentaire zinc bien formulé peut faire une vraie différence sur le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"soi-zb6-section\"\u003e\n\u003ch2\u003eComposition complète et dosage par gélule\u003c\/h2\u003e\n\u003cp class=\"soi-zb6-section-intro\"\u003eLa transparence est une priorité. Voici exactement ce que contient chaque gélule de Zinc Bisglycinate + B6 SFB :\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-compo\"\u003e\n\u003cdiv class=\"soi-zb6-compo-row soi-zb6-compo-header\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eIngrédient\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003eQuantité \/ gélule\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e% VNR*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-compo-row\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eZinc (bisglycinate de zinc)\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003e15 mg\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e150 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-compo-row\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eVitamine B6 (pyridoxine)\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003e1,4 mg\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e100 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-compo-row\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eEnveloppe gélule\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003eHPMC végétale\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-compo-row\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eAgent de charge\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003eCellulose microcristalline\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-compo-row\"\u003e\n\u003cspan class=\"soi-zb6-compo-label\"\u003eAnti-agglomérant\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-value\"\u003eStéarate de magnésium végétal\u003c\/span\u003e \u003cspan class=\"soi-zb6-compo-vnr\"\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"soi-zb6-footnote\"\u003e*VNR : Valeurs Nutritionnelles de Référence pour un adulte moyen.\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-grid-compact\"\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e💊\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003e60 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e📅\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eDurée de cure\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003e2 mois\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e🌱\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eGélule\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eVégétale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e🚫\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eSans\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eGluten \/ Lactose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"soi-zb6-section\"\u003e\n\u003ch2\u003eComment prendre le Zinc Bisglycinate + B6 SFB ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-zb6-timeline\"\u003e\n\u003cdiv class=\"soi-zb6-step\"\u003e\n\u003cdiv class=\"soi-zb6-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-step-content\"\u003e\n\u003ch3\u003eDose recommandée\u003c\/h3\u003e\n\u003cp\u003e1 gélule par jour, de préférence le matin ou au cours du repas pour une meilleure tolérance digestive — même si le bisglycinate de zinc est déjà naturellement doux pour l'estomac.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-step\"\u003e\n\u003cdiv class=\"soi-zb6-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-step-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eUne cure de 2 mois est généralement recommandée avant d'évaluer les effets. Pour un soutien saisonnier, une cure automne-hiver est particulièrement pertinente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-step\"\u003e\n\u003cdiv class=\"soi-zb6-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-step-content\"\u003e\n\u003ch3\u003eConservation\u003c\/h3\u003e\n\u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la lumière et de la chaleur, 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!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"soi-zb6-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n\u003cp class=\"soi-zb6-section-intro\"\u003eComme tout complément alimentaire en zinc, quelques précautions s'imposent pour une utilisation en toute sécurité :\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-accordion\"\u003e\n\u003cdetails class=\"soi-zb6-accordion-item\"\u003e\n\u003csummary class=\"soi-zb6-accordion-header\"\u003e⚠️ Dosage et interactions\u003c\/summary\u003e\n\u003cdiv class=\"soi-zb6-accordion-content\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Un excès de zinc sur le long terme peut interférer avec l'absorption du cuivre et du fer. Les personnes sous antibiotiques de type tétracyclines ou quinolones doivent prévoir un délai de 2 heures entre les deux prises, car le zinc peut en réduire l'absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-zb6-accordion-item\"\u003e\n\u003csummary class=\"soi-zb6-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n\u003cdiv class=\"soi-zb6-accordion-content\"\u003e\n\u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical en cours, consultez votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"soi-zb6-accordion-item\"\u003e\n\u003csummary class=\"soi-zb6-accordion-header\"\u003e👶 Enfants et allergies\u003c\/summary\u003e\n\u003cdiv class=\"soi-zb6-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux enfants de moins de 12 ans sans avis médical. Ne pas utiliser en cas d'allergie à l'un des composants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-tip soi-zb6-tip-warning\"\u003e\n\u003cdiv class=\"soi-zb6-tip-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRappel important\u003c\/strong\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée. En cas de doute sur votre état de santé, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SAVOIR-FAIRE SFB --\u003e\n\u003csection class=\"soi-zb6-section\"\u003e\n\u003ch2\u003eLe savoir-faire SFB Laboratoires : qualité française, formulation sérieuse\u003c\/h2\u003e\n\u003cp\u003eSFB Laboratoires est un laboratoire français dont l'expertise en nutraceutique se traduit par des formules soigneusement dosées, transparentes et réellement efficaces. Le Zinc Bisglycinate + B6 illustre parfaitement cette philosophie : pas d'ingrédients superflus, des actifs sélectionnés pour leur biodisponibilité, et une fabrication rigoureuse dans le respect des normes qualité en vigueur.\u003c\/p\u003e\n\u003cdiv class=\"soi-zb6-grid-compact\"\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eFabrication\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e🌱\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eGélule\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eVégétale HPMC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e🔗\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eZinc\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eBisglycinate chélaté\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-zb6-card-mini\"\u003e\n\u003cspan class=\"soi-zb6-card-mini-icon\"\u003e✅\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-label\"\u003eFormule\u003c\/span\u003e \u003cspan class=\"soi-zb6-card-mini-value\"\u003eÉpurée et clean\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"soi-zb6-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"soi-zb6-cta-box\"\u003e\n\u003cp class=\"soi-zb6-cta-tag\" style=\"color:white;\"\u003ePrêt(e) à passer au soin naturel ?\u003c\/p\u003e\n\u003cp class=\"soi-zb6-cta-text\" style=\"color:white;\"\u003eUne formule épurée, un zinc réellement absorbé, une énergie retrouvée et une immunité soutenue. Deux mois de cure, une gélule par jour — votre corps vous dira merci.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --soi-zb6-marine: #1A2D3D;\n  --soi-zb6-marine-dark: #0F1E2B;\n  --soi-zb6-marine-light: #2C4458;\n  --soi-zb6-pomme: #A1C544;\n  --soi-zb6-pomme-dark: #84A636;\n  --soi-zb6-pomme-light: rgba(161,197,68,0.10);\n  --soi-zb6-white: #FFFFFF;\n  --soi-zb6-off-white: #F8FAF6;\n  --soi-zb6-stone: #F1F3EE;\n  --soi-zb6-line: #E5E8E0;\n  --soi-zb6-primary: #B87333;\n  --soi-zb6-primary-soft: rgba(184,115,51,0.08);\n  --soi-zb6-accent: #5C3D2E;\n  --soi-zb6-text: #1A2D3D;\n  --soi-zb6-text-soft: #4A5B6B;\n  --soi-zb6-text-muted: #7B8693;\n  --soi-zb6-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-zb6-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-zb6-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-zb6-radius: 12px;\n  --soi-zb6-radius-sm: 8px;\n  --soi-zb6-radius-pill: 999px;\n}\n\n.soi-zb6-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-zb6-fiche img { max-width: 100%; height: auto; }\n\n.soi-zb6-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-zb6-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-zb6-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-zb6-hero {\n  position: relative;\n  background: var(--soi-zb6-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-zb6-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-zb6-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-zb6-pomme);\n}\n\n.soi-zb6-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-zb6-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-zb6-pomme);\n  border-radius: 50%;\n}\n\n.soi-zb6-hero-title {\n  display: block;\n  color: var(--soi-zb6-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-zb6-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-zb6-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-zb6-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-zb6-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-zb6-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-zb6-label-accent {\n  background: var(--soi-zb6-pomme);\n  border-color: var(--soi-zb6-pomme);\n  color: var(--soi-zb6-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-zb6-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-zb6-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-zb6-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-zb6-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-zb6-pomme);\n  border-radius: 2px;\n}\n\n.soi-zb6-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-zb6-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-zb6-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-zb6-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-zb6-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-zb6-footnote {\n  font-size: 12px;\n  color: var(--soi-zb6-text-muted);\n  margin-bottom: 1.25rem;\n}\n\n\/* === BENEFITS === *\/\n.soi-zb6-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-zb6-benefit {\n  background: var(--soi-zb6-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-zb6-radius);\n  border: 1px solid var(--soi-zb6-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-zb6-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-zb6-shadow-md);\n}\n\n.soi-zb6-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-zb6-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-zb6-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-zb6-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-zb6-benefit:hover .soi-zb6-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-zb6-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-zb6-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-zb6-benefit p {\n  font-size: 13px;\n  color: var(--soi-zb6-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-zb6-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-zb6-card {\n  background: var(--soi-zb6-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-zb6-radius);\n  border-left: 3px solid var(--soi-zb6-pomme);\n}\n\n.soi-zb6-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-zb6-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-zb6-card p {\n  font-size: 14px;\n  color: var(--soi-zb6-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-zb6-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.25rem;\n}\n\n.soi-zb6-card-mini {\n  background: var(--soi-zb6-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-zb6-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-zb6-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-zb6-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-zb6-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-zb6-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-zb6-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-zb6-compo {\n  background: var(--soi-zb6-off-white);\n  border-radius: var(--soi-zb6-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-zb6-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(--soi-zb6-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-zb6-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-zb6-compo-header {\n  background: var(--soi-zb6-marine);\n  border-radius: var(--soi-zb6-radius-sm) var(--soi-zb6-radius-sm) 0 0;\n  border-bottom: none;\n  margin: -0.5rem 0 0 0;\n  padding: 0.85rem 1.5rem;\n}\n\n.soi-zb6-compo-header .soi-zb6-compo-label,\n.soi-zb6-compo-header .soi-zb6-compo-value,\n.soi-zb6-compo-header .soi-zb6-compo-vnr {\n  color: var(--soi-zb6-white);\n  font-weight: 600;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n.soi-zb6-compo-label {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-zb6-text);\n  flex: 1 1 auto;\n}\n\n.soi-zb6-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-zb6-marine);\n  text-align: right;\n  flex: 0 0 auto;\n}\n\n.soi-zb6-compo-vnr {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--soi-zb6-primary);\n  text-align: right;\n  flex: 0 0 65px;\n}\n\n\/* === TIMELINE === *\/\n.soi-zb6-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-zb6-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-zb6-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-zb6-radius);\n  border: 1px solid var(--soi-zb6-line);\n  align-items: flex-start;\n}\n\n.soi-zb6-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-zb6-marine);\n  color: var(--soi-zb6-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-zb6-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-zb6-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-zb6-step-content p {\n  font-size: 14px;\n  color: var(--soi-zb6-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-zb6-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-zb6-pomme-light);\n  border-left: 4px solid var(--soi-zb6-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-zb6-radius) var(--soi-zb6-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-zb6-tip-warning {\n  background: rgba(184,115,51,0.06);\n  border-left-color: var(--soi-zb6-primary);\n}\n\n.soi-zb6-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-zb6-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-zb6-marine);\n  margin-bottom: 4px;\n}\n\n.soi-zb6-tip p {\n  font-size: 14px;\n  color: var(--soi-zb6-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-zb6-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-zb6-accordion-item {\n  background: var(--soi-zb6-off-white);\n  border-radius: var(--soi-zb6-radius-sm);\n  border: 1px solid var(--soi-zb6-line);\n  overflow: hidden;\n}\n\n.soi-zb6-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-zb6-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-zb6-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-zb6-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-zb6-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-zb6-accordion-item[open] .soi-zb6-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-zb6-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-zb6-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-zb6-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === SECTION ALTERNÉE === *\/\n.soi-zb6-pour-qui {\n  background: var(--soi-zb6-off-white);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border-radius: var(--soi-zb6-radius);\n}\n\n\/* === CTA BOX === *\/\n.soi-zb6-cta-box {\n  background: var(--soi-zb6-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-zb6-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-zb6-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-zb6-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-zb6-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-zb6-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-zb6-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-zb6-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-zb6-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-zb6-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-zb6-compo-value {\n    text-align: left;\n  }\n\n  .soi-zb6-compo-vnr {\n    text-align: left;\n  }\n\n  .soi-zb6-compo-header {\n    flex-direction: row;\n  }\n\n  .soi-zb6-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-zb6-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-zb6-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-zb6-fiche {\n    --soi-zb6-text-soft: #2C3E50;\n    --soi-zb6-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603775676746,"sku":"SF0260","price":9.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/zinc-bisglycinate-b6-en-gelules-sfb-packshot.webp?v=1778928275"},{"product_id":"silicium-active-olivital-en-boisson-sfb","title":"Olivital+ active Silicium Organique Buvable - SFB","description":"\n\n\u003cdiv class=\"soi-oliv-fiche\"\u003e\n\n  \u003csection class=\"soi-oliv-hero\"\u003e\n    \u003cdiv class=\"soi-oliv-hero-tag\"\u003e\n      \u003cspan class=\"soi-oliv-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · SFB Laboratoires\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-oliv-hero-title\"\u003eOlivital+ Active\u003c\/span\u003e\n    \u003cp class=\"soi-oliv-hero-subtitle\"\u003eSolution buvable de silicium organique biodisponible, concentrée à 1 g par litre, pour soutenir vos articulations, votre peau, vos ongles et vos cheveux au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-oliv-hero-labels\"\u003e\n      \u003cspan class=\"soi-oliv-label soi-oliv-label-accent\"\u003e1 G \/ LITRE\u003c\/span\u003e\n      \u003cspan class=\"soi-oliv-label\"\u003eSOLUTION BUVABLE\u003c\/span\u003e\n      \u003cspan class=\"soi-oliv-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n      \u003cspan class=\"soi-oliv-label\"\u003eSANS COLORANT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-oliv-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le silicium organique plutôt qu'un silicium minéral ?\u003c\/h2\u003e\n    \u003cp\u003eLe silicium est naturellement présent dans vos tissus conjonctifs, vos cartilages, vos os et votre peau. Cependant, avec l'âge, ses concentrations diminuent progressivement. Le silicium minéral classique pose un problème de taille : il est peu absorbé par l'organisme.\u003c\/p\u003e\n    \u003cp\u003eL'Olivital+ Active mise sur une forme \u003cstrong\u003eorganique hautement assimilable\u003c\/strong\u003e, directement utilisable par vos cellules, sans détour. Le silicium se retrouve ainsi réellement au cœur des tissus ciblés, des muscles aux cartilages, en passant par les parois vasculaires et la peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-oliv-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de l'Olivital+ Active au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-oliv-benefits\"\u003e\n      \u003cdiv class=\"soi-oliv-benefit\"\u003e\n        \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eArticulations et souplesse\u003c\/h3\u003e\n        \u003cp\u003eLe silicium organique accompagne la flexibilité articulaire et soutient les structures cartilagineuses sollicitées lors des activités physiques ou avec l'âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-benefit\"\u003e\n        \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🦷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eOs et minéralisation\u003c\/h3\u003e\n        \u003cp\u003eIl favorise la fixation du calcium et participe aux processus d'ossification naturelle de votre organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-benefit\"\u003e\n        \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau, ongles et cheveux\u003c\/h3\u003e\n        \u003cp\u003eEn stimulant la synthèse de collagène et en augmentant le taux d'hydroxyproline, il contribue à une peau plus ferme, des ongles plus solides et des cheveux renforcés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-benefit\"\u003e\n        \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction antioxydante\u003c\/h3\u003e\n        \u003cp\u003eIl aide à limiter le stress oxydatif et les effets du vieillissement cellulaire sur les tissus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-benefit\"\u003e\n        \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eUn apport régulier accompagne les mécanismes de défense naturelle de votre organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-oliv-section\"\u003e\n    \u003ch2\u003eComposition et posologie de l'Olivital+ Active\u003c\/h2\u003e\n    \u003cdiv class=\"soi-oliv-compo\"\u003e\n      \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n        \u003cspan class=\"soi-oliv-compo-label\"\u003eForme\u003c\/span\u003e\n        \u003cspan class=\"soi-oliv-compo-value\"\u003eSolution buvable\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n        \u003cspan class=\"soi-oliv-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-oliv-compo-value\"\u003e1 litre\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n        \u003cspan class=\"soi-oliv-compo-label\"\u003eTeneur en silicium\u003c\/span\u003e\n        \u003cspan class=\"soi-oliv-compo-value\"\u003e1 g de silicium élément par litre (nouvelle formule concentrée)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n        \u003cspan class=\"soi-oliv-compo-label\"\u003eIngrédients\u003c\/span\u003e\n        \u003cspan class=\"soi-oliv-compo-value\"\u003eSilicium organique (acide orthosilicique stabilisé), eau purifiée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n        \u003cspan class=\"soi-oliv-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-oliv-compo-value\"\u003eConservateur artificiel, colorant, arôme ajouté\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n        \u003cspan class=\"soi-oliv-compo-label\"\u003eCure d'attaque (6 à 8 semaines)\u003c\/span\u003e\n        \u003cspan class=\"soi-oliv-compo-value\"\u003e1 à 3 cuillères à soupe\/jour (15 à 45 ml)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n        \u003cspan class=\"soi-oliv-compo-label\"\u003eEntretien\u003c\/span\u003e\n        \u003cspan class=\"soi-oliv-compo-value\"\u003e1 cuillère à soupe\/jour (15 ml), soit environ 2 mois par flacon\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-oliv-section\"\u003e\n    \u003ch2\u003eComment prendre l'Olivital+ Active : conseils pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-oliv-timeline\"\u003e\n      \u003cdiv class=\"soi-oliv-step\"\u003e\n        \u003cdiv class=\"soi-oliv-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-oliv-step-content\"\u003e\n          \u003ch3\u003eMesurez votre dose\u003c\/h3\u003e\n          \u003cp\u003ePrélevez votre dose quotidienne à l'aide d'une cuillère à soupe (15 ml). Adaptez entre 1 et 3 cuillères selon votre phase de cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-step\"\u003e\n        \u003cdiv class=\"soi-oliv-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-oliv-step-content\"\u003e\n          \u003ch3\u003eDiluez et consommez à jeun\u003c\/h3\u003e\n          \u003cp\u003eDiluez dans un grand verre d'eau plate, de préférence le matin à jeun ou 20 minutes avant les repas pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-step\"\u003e\n        \u003cdiv class=\"soi-oliv-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-oliv-step-content\"\u003e\n          \u003ch3\u003eMaintenez la cure\u003c\/h3\u003e\n          \u003cp\u003ePoursuivez la prise sur \u003cstrong\u003e6 à 8 semaines minimum\u003c\/strong\u003e pour des résultats perceptibles sur les articulations, la peau et les phanères.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-oliv-tip\"\u003e\n      \u003cdiv class=\"soi-oliv-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAprès ouverture, conservez le flacon de préférence au réfrigérateur, à l'abri de la chaleur, dans un endroit sec.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-oliv-section\"\u003e\n    \u003ch2\u003eCe produit est-il fait pour vous ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-oliv-grid\"\u003e\n      \u003cdiv class=\"soi-oliv-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eVous êtes exposé aux chocs articulaires et souhaitez préserver la souplesse de vos articulations sur le long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-card\"\u003e\n        \u003ch3\u003e🌅 Personnes actives\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez une raideur matinale et cherchez un soutien naturel pour retrouver confort et flexibilité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-oliv-card\"\u003e\n        \u003ch3\u003e✨ Capital beauté\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez préserver l'éclat de votre peau et la résistance de vos cheveux et ongles avec l'âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-oliv-section\"\u003e\n    \u003cdiv class=\"soi-oliv-accordion\"\u003e\n      \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n        \u003csummary class=\"soi-oliv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de pathologie diagnostiquée, consultez votre médecin avant toute cure. Les compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et d'une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n        \u003csummary class=\"soi-oliv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur, dans un endroit sec. Après ouverture, placez le de préférence au réfrigérateur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-oliv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-oliv-cta-box\"\u003e\n      \u003cp class=\"soi-oliv-cta-tag\" style=\"color: white;\"\u003eVos tissus méritent le meilleur du silicium\u003c\/p\u003e\n      \u003cp class=\"soi-oliv-cta-text\" style=\"color: white;\"\u003eArticulations, peau, cheveux, ongles : offrez à votre organisme un silicium organique véritablement assimilable. Un flacon, une routine simple, un soutien global dès les premières semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-oliv-marine: #1A2D3D;\n  --soi-oliv-marine-dark: #0F1E2B;\n  --soi-oliv-marine-light: #2C4458;\n  --soi-oliv-pomme: #A1C544;\n  --soi-oliv-pomme-dark: #84A636;\n  --soi-oliv-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-oliv-white: #FFFFFF;\n  --soi-oliv-off-white: #F8FAF6;\n  --soi-oliv-stone: #F1F3EE;\n  --soi-oliv-line: #E5E8E0;\n\n  --soi-oliv-primary: #4A2E1A;\n  --soi-oliv-primary-soft: #6B4C36;\n  --soi-oliv-accent: #7EC8B8;\n\n  --soi-oliv-text: #1A2D3D;\n  --soi-oliv-text-soft: #4A5B6B;\n  --soi-oliv-text-muted: #7B8693;\n\n  --soi-oliv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-oliv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-oliv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-oliv-radius: 12px;\n  --soi-oliv-radius-sm: 8px;\n  --soi-oliv-radius-pill: 999px;\n}\n\n.soi-oliv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-oliv-fiche img { max-width: 100%; height: auto; }\n\n.soi-oliv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-oliv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-oliv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-oliv-hero {\n  position: relative;\n  background: var(--soi-oliv-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-oliv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-oliv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-oliv-pomme);\n}\n\n.soi-oliv-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-oliv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-oliv-pomme);\n  border-radius: 50%;\n}\n\n.soi-oliv-hero-title {\n  display: block;\n  color: var(--soi-oliv-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-oliv-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-oliv-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-oliv-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-oliv-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-oliv-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-oliv-label-accent {\n  background: var(--soi-oliv-pomme);\n  border-color: var(--soi-oliv-pomme);\n  color: var(--soi-oliv-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-oliv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-oliv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-oliv-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-oliv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-oliv-pomme);\n  border-radius: 2px;\n}\n\n.soi-oliv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-oliv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-oliv-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-oliv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-oliv-benefit {\n  background: var(--soi-oliv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-oliv-radius);\n  border: 1px solid var(--soi-oliv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-oliv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-oliv-shadow-md);\n}\n\n.soi-oliv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-oliv-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-oliv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-oliv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-oliv-benefit:hover .soi-oliv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-oliv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-oliv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-oliv-benefit p {\n  font-size: 13px;\n  color: var(--soi-oliv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-oliv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-oliv-card {\n  background: var(--soi-oliv-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-oliv-radius);\n  border-left: 3px solid var(--soi-oliv-pomme);\n}\n\n.soi-oliv-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-oliv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-oliv-card p {\n  font-size: 14px;\n  color: var(--soi-oliv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-oliv-compo {\n  background: var(--soi-oliv-off-white);\n  border-radius: var(--soi-oliv-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-oliv-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(--soi-oliv-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-oliv-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-oliv-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-oliv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-oliv-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-oliv-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-oliv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-oliv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-oliv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-oliv-radius);\n  border: 1px solid var(--soi-oliv-line);\n  align-items: flex-start;\n}\n\n.soi-oliv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-oliv-marine);\n  color: var(--soi-oliv-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-oliv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-oliv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-oliv-step-content p {\n  font-size: 14px;\n  color: var(--soi-oliv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-oliv-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-oliv-pomme-light);\n  border-left: 4px solid var(--soi-oliv-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-oliv-radius) var(--soi-oliv-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-oliv-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-oliv-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-oliv-marine);\n  margin-bottom: 4px;\n}\n\n.soi-oliv-tip p {\n  font-size: 14px;\n  color: var(--soi-oliv-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-oliv-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-oliv-accordion-item {\n  background: var(--soi-oliv-off-white);\n  border-radius: var(--soi-oliv-radius-sm);\n  border: 1px solid var(--soi-oliv-line);\n  overflow: hidden;\n}\n\n.soi-oliv-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-oliv-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-oliv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-oliv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-oliv-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-oliv-accordion-item[open] .soi-oliv-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-oliv-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-oliv-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-oliv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-oliv-cta-box {\n  background: var(--soi-oliv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-oliv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-oliv-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-oliv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-oliv-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-oliv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-oliv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-oliv-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-oliv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-oliv-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-oliv-compo-value {\n    text-align: left;\n  }\n\n  .soi-oliv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-oliv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-oliv-fiche {\n    --soi-oliv-text-soft: #2C3E50;\n    --soi-oliv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603775807818,"sku":"SF0265","price":28.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/silicium-active-olivital-en-boisson-sfb-packshot-studio_11zon.webp?v=1782032345"},{"product_id":"bio-5-chute-de-cheveux-en-comprimes-science-et-equilibre","title":"BIO 5 Chute de Cheveux en comprimés – Science et Equilibre","description":"\u003cdiv class=\"soi-bio5-fiche\"\u003e\n\n\u003csection class=\"soi-bio5-hero\"\u003e\n\u003cdiv class=\"soi-bio5-hero-tag\"\u003e\nComplément alimentaire capillaire · Science et Équilibre\n\u003c\/div\u003e\n\u003cspan class=\"soi-bio5-hero-title\"\u003eLa puissance de 5 plantes bio pour vos cheveux\u003c\/span\u003e\n\u003cp class=\"soi-bio5-hero-subtitle\"\u003eUne synergie végétale concentrée à 1 600 mg par comprimé, certifiée bio et fabriquée en France, pour accompagner la santé de vos cheveux en profondeur.\u003c\/p\u003e\n\u003cdiv class=\"soi-bio5-hero-labels\"\u003e\n\u003cspan class=\"soi-bio5-label soi-bio5-label-accent\"\u003eBIO\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-label\"\u003eVÉGÉTARIEN \u0026amp; VÉGÉTALIEN\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-label\"\u003e5 PLANTES BIO\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-label\"\u003eFR-BIO-01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n\u003ch2\u003ePourquoi BIO 5 se distingue des autres compléments alimentaires pour la chute de cheveux ?\u003c\/h2\u003e\n\u003cp\u003eLa plupart des compléments pour la chute de cheveux misent sur un ou deux actifs isolés. BIO 5 prend le parti d'une synergie complète : \u003cstrong\u003e5 plantes bio soigneusement sélectionnées\u003c\/strong\u003e, dosées à \u003cstrong\u003e1 600 mg d'équivalent plantes par comprimé\u003c\/strong\u003e, pour une efficacité renforcée dès les premières semaines de cure.\u003c\/p\u003e\n\u003cdiv class=\"soi-bio5-grid-compact\"\u003e\n\u003cdiv class=\"soi-bio5-card-mini\"\u003e\n\u003cspan class=\"soi-bio5-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-value\"\u003eFrance, Val de Loire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card-mini\"\u003e\n\u003cspan class=\"soi-bio5-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card-mini\"\u003e\n\u003cspan class=\"soi-bio5-card-mini-icon\"\u003e💊\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-label\"\u003ePosologie\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-value\"\u003e1 comprimé \/ jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card-mini\"\u003e\n\u003cspan class=\"soi-bio5-card-mini-icon\"\u003e📦\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-card-mini-value\"\u003e30 comprimés (1 mois)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n\u003ch2\u003eLes 5 plantes bio au cœur de la formule\u003c\/h2\u003e\n\u003cp class=\"soi-bio5-section-intro\"\u003eChaque plante a été retenue pour son rôle spécifique dans le soin capillaire global :\u003c\/p\u003e\n\u003cdiv class=\"soi-bio5-grid\"\u003e\n\u003cdiv class=\"soi-bio5-card\"\u003e\n\u003ch3\u003e🌾 Prêle des champs\u003c\/h3\u003e\n\u003cp\u003eNaturellement riche en silice organique, elle contribue à la solidité de la fibre capillaire et à la résistance des cheveux à la casse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card\"\u003e\n\u003ch3\u003e🌱 Ortie piquante\u003c\/h3\u003e\n\u003cp\u003eSource de minéraux (fer, zinc, magnésium), elle participe au maintien des cheveux normaux et au renforcement des ongles et des os.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card\"\u003e\n\u003ch3\u003e🫐 Myrtille\u003c\/h3\u003e\n\u003cp\u003eSes pigments antioxydants (anthocyanes) soutiennent la microcirculation du cuir chevelu, améliorant l'irrigation et l'oxygénation des bulbes capillaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card\"\u003e\n\u003ch3\u003e🌸 Épilobe\u003c\/h3\u003e\n\u003cp\u003ePlante peu connue mais précieuse, elle est reconnue pour ses propriétés apaisantes et son action sur les déséquilibres hormonaux liés à la chute.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-card\"\u003e\n\u003ch3\u003e🍒 Acérola\u003c\/h3\u003e\n\u003cp\u003eExceptionnellement riche en vitamine C naturelle, elle favorise la synthèse normale de collagène pour les cheveux, protège les cellules du stress oxydatif et amplifie l'absorption des autres actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n\u003ch2\u003eComposition et dosage précis par comprimé\u003c\/h2\u003e\n\u003cp\u003eChaque comprimé de BIO 5 Chute de Cheveux contient l'équivalent de \u003cstrong\u003e1 600 mg de plantes\u003c\/strong\u003e, répartis entre les 5 actifs biologiques. La formule est sans excipients controversés, sans colorants artificiels, ni arômes de synthèse.\u003c\/p\u003e\n\u003cdiv class=\"soi-bio5-compo\"\u003e\n\u003cdiv class=\"soi-bio5-compo-row\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003ePrêle bio (Equisetum arvense)\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003eExtrait titré en silice\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-compo-row\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003eOrtie bio (Urtica dioica)\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003eFeuilles, riche en minéraux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-compo-row\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003eMyrtille bio (Vaccinium myrtillus)\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003eFruits entiers, source d'anthocyanes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-compo-row\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003eÉpilobe bio (Epilobium angustifolium)\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003eParties aériennes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-compo-row\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003eAcérola bio (Malpighia emarginata)\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003eFruit, riche en vitamine C naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-compo-row soi-bio5-compo-row-highlight\"\u003e\n\u003cspan class=\"soi-bio5-compo-label\"\u003eÉquivalent plantes par comprimé\u003c\/span\u003e\n\u003cspan class=\"soi-bio5-compo-value\"\u003e\u003cstrong\u003e1 600 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-tip\"\u003e\n\u003cdiv class=\"soi-bio5-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003ePrenez votre comprimé de préférence le matin, avec un grand verre d'eau, pour une absorption optimale des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n\u003ch2\u003ePour qui est fait ce complément contre la chute des cheveux ?\u003c\/h2\u003e\n\u003cp\u003eBIO 5 s'adapte à des profils variés, ce qui en fait l'un des compléments les plus polyvalents pour accompagner la santé capillaire :\u003c\/p\u003e\n\u003cdiv class=\"soi-bio5-benefits\"\u003e\n\u003cdiv class=\"soi-bio5-benefit\"\u003e\n\u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e👩\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eFemmes\u003c\/h3\u003e\n\u003cp\u003eConfrontées à une chute saisonnière, un effluvium télogène ou un affinement progressif de la chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-benefit\"\u003e\n\u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e🤱\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eJeunes mamans\u003c\/h3\u003e\n\u003cp\u003eEn post-partum, période où la chute de cheveux s'intensifie sous l'effet des variations hormonales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-benefit\"\u003e\n\u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e👨\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHommes\u003c\/h3\u003e\n\u003cp\u003eSouhaitant ralentir une alopécie débutante ou retrouver de la densité capillaire naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-benefit\"\u003e\n\u003cdiv class=\"soi-bio5-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAmateurs de naturalité\u003c\/h3\u003e\n\u003cp\u003eToute personne en quête d'une solution naturelle, bio et sans compromis sur la qualité des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\"\u003e\n\u003ch2\u003eComment prendre BIO 5 et quand voir les premiers résultats ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-bio5-timeline\"\u003e\n\u003cdiv class=\"soi-bio5-step\"\u003e\n\u003cdiv class=\"soi-bio5-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-step-content\"\u003e\n\u003ch3\u003eAdoptez le réflexe quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez 1 comprimé par jour, de préférence le matin avec un grand verre d'eau. La régularité est essentielle pour accompagner le cycle naturel du cheveu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-step\"\u003e\n\u003cdiv class=\"soi-bio5-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-step-content\"\u003e\n\u003ch3\u003ePremiers effets dès 6 à 8 semaines\u003c\/h3\u003e\n\u003cp\u003eMoins de chute au brossage, cheveux plus solides : les premiers résultats sont généralement ressentis dès 6 à 8 semaines de prise continue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-step\"\u003e\n\u003cdiv class=\"soi-bio5-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-step-content\"\u003e\n\u003ch3\u003eCure de 3 mois minimum\u003c\/h3\u003e\n\u003cp\u003ePour des résultats visibles et durables, suivez une cure de 3 mois minimum. Le cycle naturel du cheveu demande de la patience et de la constance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-bio5-accordion\"\u003e\n\u003cdetails class=\"soi-bio5-accordion-item\"\u003e\n\u003csummary class=\"soi-bio5-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"soi-bio5-accordion-content\"\u003e\n\u003cp\u003eCe complément ne remplace pas un avis médical. En cas de chute intense et prolongée, consultez un dermatologue ou un médecin. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-bio5-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-bio5-cta-box\"\u003e\n\u003cp class=\"soi-bio5-cta-tag\" style=\"color: white;\"\u003ePrendre soin de vos cheveux,  naturellement\u003c\/p\u003e\n\u003cp class=\"soi-bio5-cta-text\" style=\"color: white;\"\u003eVos cheveux méritent la puissance de 5 plantes bio, dosées à 1 600 mg, formulées en France pour accompagner chaque cheveu de la racine à la pointe. Retrouvez densité, force et confiance, chaque matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-bio5-marine: #1A2D3D;\n  --soi-bio5-marine-dark: #0F1E2B;\n  --soi-bio5-marine-light: #2C4458;\n  --soi-bio5-pomme: #A1C544;\n  --soi-bio5-pomme-dark: #84A636;\n  --soi-bio5-pomme-light: rgba(161,197,68,0.10);\n  --soi-bio5-white: #FFFFFF;\n  --soi-bio5-off-white: #F8FAF6;\n  --soi-bio5-stone: #F1F3EE;\n  --soi-bio5-line: #E5E8E0;\n  --soi-bio5-primary: #3B6E3A;\n  --soi-bio5-primary-soft: rgba(59,110,58,0.08);\n  --soi-bio5-accent: #C8963E;\n  --soi-bio5-text: #1A2D3D;\n  --soi-bio5-text-soft: #4A5B6B;\n  --soi-bio5-text-muted: #7B8693;\n  --soi-bio5-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-bio5-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-bio5-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-bio5-radius: 12px;\n  --soi-bio5-radius-sm: 8px;\n  --soi-bio5-radius-pill: 999px;\n}\n\n.soi-bio5-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bio5-fiche img { max-width: 100%; height: auto; }\n\n.soi-bio5-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-bio5-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-bio5-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-bio5-hero {\n  position: relative;\n  background: var(--soi-bio5-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-bio5-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-bio5-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-bio5-pomme);\n}\n\n.soi-bio5-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-bio5-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-bio5-pomme);\n  border-radius: 50%;\n}\n\n.soi-bio5-hero-title {\n  display: block;\n  color: var(--soi-bio5-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-bio5-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-bio5-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-bio5-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-bio5-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-bio5-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bio5-label-accent {\n  background: var(--soi-bio5-pomme);\n  border-color: var(--soi-bio5-pomme);\n  color: var(--soi-bio5-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-bio5-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bio5-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-bio5-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-bio5-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-bio5-pomme);\n  border-radius: 2px;\n}\n\n.soi-bio5-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-bio5-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-bio5-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-bio5-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-bio5-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-bio5-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-bio5-benefit {\n  background: var(--soi-bio5-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-bio5-radius);\n  border: 1px solid var(--soi-bio5-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bio5-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-bio5-shadow-md);\n}\n\n.soi-bio5-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-bio5-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-bio5-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-bio5-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-bio5-benefit:hover .soi-bio5-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-bio5-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bio5-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bio5-benefit p {\n  font-size: 13px;\n  color: var(--soi-bio5-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-bio5-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-bio5-card {\n  background: var(--soi-bio5-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bio5-radius);\n  border-left: 3px solid var(--soi-bio5-pomme);\n}\n\n.soi-bio5-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bio5-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bio5-card p {\n  font-size: 14px;\n  color: var(--soi-bio5-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-bio5-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-bio5-card-mini {\n  background: var(--soi-bio5-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-bio5-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-bio5-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-bio5-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-bio5-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-bio5-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bio5-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-bio5-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-bio5-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-bio5-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bio5-radius);\n  border: 1px solid var(--soi-bio5-line);\n  align-items: flex-start;\n}\n\n.soi-bio5-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-bio5-marine);\n  color: var(--soi-bio5-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-bio5-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bio5-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-bio5-step-content p {\n  font-size: 14px;\n  color: var(--soi-bio5-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-bio5-compo {\n  background: var(--soi-bio5-off-white);\n  border-radius: var(--soi-bio5-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-bio5-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(--soi-bio5-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-bio5-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-bio5-compo-row-highlight {\n  background: var(--soi-bio5-pomme-light);\n}\n\n.soi-bio5-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-bio5-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-bio5-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-bio5-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-bio5-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-bio5-pomme-light);\n  border-left: 4px solid var(--soi-bio5-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-bio5-radius) var(--soi-bio5-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-bio5-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-bio5-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-bio5-marine);\n  margin-bottom: 4px;\n}\n\n.soi-bio5-tip p {\n  font-size: 14px;\n  color: var(--soi-bio5-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-bio5-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n\n.soi-bio5-accordion-item {\n  background: var(--soi-bio5-off-white);\n  border-radius: var(--soi-bio5-radius-sm);\n  border: 1px solid var(--soi-bio5-line);\n  overflow: hidden;\n}\n\n.soi-bio5-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-bio5-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-bio5-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-bio5-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-bio5-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-bio5-accordion-item[open] .soi-bio5-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-bio5-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-bio5-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-bio5-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-bio5-cta-box {\n  background: var(--soi-bio5-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-bio5-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-bio5-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-bio5-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-bio5-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-bio5-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-bio5-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-bio5-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-bio5-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-bio5-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-bio5-compo-value {\n    text-align: left;\n  }\n\n  .soi-bio5-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-bio5-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-bio5-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-bio5-fiche {\n    --soi-bio5-text-soft: #2C3E50;\n    --soi-bio5-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Science et Equilibre","offers":[{"title":"Etui de 30 comprimés sous blister","offer_id":61612341887306,"sku":"SQ0005","price":28.89,"currency_code":"EUR","in_stock":true},{"title":"Etui de 90 comprimés sous blister","offer_id":61612823642442,"sku":"SQ0010","price":74.89,"currency_code":"EUR","in_stock":true},{"title":"Eco-pilulier de 90 comprimés","offer_id":61612823839050,"sku":"SQ0011","price":69.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/bio-5-chute-de-cheveux-en-comprimes-science-et-equilibre-packshot_11zon.webp?v=1780045149"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/vignette-cheveux_11zon.jpg?v=1789051533","url":"https:\/\/www.soinature.com\/collections\/complement-alimentaire-cheveux.oembed","provider":"Soinature","version":"1.0","type":"link"}