{"title":"Complément alimentaire peau","description":"\u003cp\u003eLa beauté de la peau ne se joue pas uniquement en surface. Ce que vous apportez à votre organisme par voie interne - les bons acides gras, les bonnes vitamines, les bons oligoéléments - a un impact direct sur l'éclat, l'hydratation et la fermeté de votre peau. Et franchement, c'est une dimension que l'on sous-estime encore trop souvent.\u003c\/p\u003e\n\u003cp\u003eLe souci, c'est qu'entre le collagène marin, la bourrache, le zinc, la biotine ou encore les antioxydants, on peut vite se sentir perdu. Quel \u003cstrong\u003ecomplément alimentaire peau\u003c\/strong\u003e choisir quand on a la peau sèche ? Et quand le relâchement commence à pointer ? Cette page est là pour ça : vous aider à identifier, parmi notre sélection, le produit qui correspond précisément à votre problématique. Peau déshydratée, teint terne, préparation solaire, peau mature... on fait le point ensemble.\u003c\/p\u003e\n\n\u003ch2\u003eQuel complément choisir selon votre problématique de peau ?\u003c\/h2\u003e\n\u003cp\u003eC'est le cœur du sujet. Plutôt que de vous laisser naviguer au hasard, voici un tableau récapitulatif qui croise les problématiques les plus courantes avec les actifs clés et les produits de notre collection. Un coup d'œil suffit pour y voir plus clair.\u003c\/p\u003e\n\n\u003ctable style=\"width:100%; border-collapse:collapse; margin:1.5em 0; font-size:0.97em;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color:#f4f1ec;\"\u003e\n\u003cth style=\"border:1px solid #d6d1c8; padding:10px 12px; text-align:left;\"\u003eProblématique\u003c\/th\u003e\n\u003cth style=\"border:1px solid #d6d1c8; padding:10px 12px; text-align:left;\"\u003eActifs clés\u003c\/th\u003e\n\u003cth style=\"border:1px solid #d6d1c8; padding:10px 12px; text-align:left;\"\u003eProduit(s) recommandé(s)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003e\u003cstrong\u003ePeau sèche \/ déshydratée\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003eAcide gamma-linolénique (GLA), collagène marin\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003e\n\u003ca href=\"\/products\/huile-onagre-bourrache-bio-en-capsules\"\u003eHuile Onagre-Bourrache Bio\u003c\/a\u003e, \u003ca href=\"\/products\/huile-bourrache-bio\"\u003eHuile de Bourrache Bio\u003c\/a\u003e, \u003ca href=\"\/products\/collagene-marin-90-gelules\"\u003eCollagène Marin en gélules\u003c\/a\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color:#faf9f7;\"\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003e\u003cstrong\u003eRelâchement \/ anti-âge\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003eCollagène marin, acide hyaluronique, antioxydants (sélénium + ACE), centella asiatica\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003e\n\u003ca href=\"\/products\/collagene-marin-90-gelules\"\u003eCollagène Marin\u003c\/a\u003e, \u003ca href=\"\/products\/selenium-ace-en-gelules-sfb\"\u003eSelenium + ACE\u003c\/a\u003e, \u003ca href=\"\/products\/dermoline-hydric-gelules-lt-labo\"\u003eDermoline Hydric\u003c\/a\u003e, \u003ca href=\"\/products\/centella-asiatica-bio-en-poudre-ayur-vana\"\u003eCentella asiatica bio\u003c\/a\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003e\u003cstrong\u003eTeint terne \/ éclat\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003eZinc bisglycinate + B6, levure de bière, antioxydants\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003e\n\u003ca href=\"\/products\/zinc-bisglycinate-b6-en-gelules-sfb\"\u003eZinc Bisglycinate + B6\u003c\/a\u003e, \u003ca href=\"\/products\/levure-biere-bio\"\u003eLevure de Bière Bio\u003c\/a\u003e, \u003ca href=\"\/products\/jus-de-mangoustan-bio-sfb\"\u003eJus de Mangoustan bio\u003c\/a\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color:#faf9f7;\"\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003e\u003cstrong\u003ePréparation solaire \/ protection\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003eBêta-carotène (urucum), antioxydants\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003e\u003ca href=\"\/products\/urucum-bio-80-tablettes-guayapi\"\u003eUrucum Bio\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003e\u003cstrong\u003ePeau et ongles fragilisés\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003eBiotine (vitamine B8), ortie piquante, zinc\u003c\/td\u003e\n\u003ctd style=\"border:1px solid #d6d1c8; padding:10px 12px;\"\u003e\n\u003ca href=\"\/products\/zinc-bisglycinate-b6-en-gelules-sfb\"\u003eZinc Bisglycinate + B6\u003c\/a\u003e, \u003ca href=\"\/products\/levure-biere-bio\"\u003eLevure de Bière Bio\u003c\/a\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp\u003eBien sûr, certaines problématiques se recoupent. Si vous cherchez un \u003cstrong\u003ecomplément alimentaire peau anti-âge\u003c\/strong\u003e et que votre peau est aussi déshydratée, rien n'empêche d'associer le collagène marin à une huile de bourrache. On en reparle juste en dessous.\u003c\/p\u003e\n\n\u003ch2\u003eLes actifs essentiels pour la peau et comment ils agissent\u003c\/h2\u003e\n\u003cp\u003eAvant de passer commande, c'est toujours mieux de comprendre pourquoi tel actif est pertinent pour votre situation. Petit tour d'horizon - sans jargon inutile.\u003c\/p\u003e\n\n\u003ch3\u003eCollagène marin\u003c\/h3\u003e\n\u003cp\u003eLe collagène est la protéine structurelle majeure de la peau. Problème : sa production naturelle diminue dès 25 ans, et ça s'accélère avec le temps. Les peptides de collagène marin, grâce à leur faible poids moléculaire, offrent une biodisponibilité supérieure au collagène bovin. Plusieurs études cliniques ont d'ailleurs montré une amélioration de l'élasticité cutanée après 8 à 12 semaines de supplémentation. C'est l'actif phare si vous cherchez le \u003cstrong\u003emeilleur complément alimentaire peau relâchée\u003c\/strong\u003e.\u003c\/p\u003e\n\n\u003ch3\u003eAcide gamma-linolénique (GLA) - bourrache et onagre\u003c\/h3\u003e\n\u003cp\u003eCet acide gras essentiel participe directement à la fonction barrière de la peau. En clair, il contribue à retenir l'eau dans l'épiderme. C'est le choix de référence en matière de \u003cstrong\u003ecomplément alimentaire peau sèche\u003c\/strong\u003e, et il se révèle particulièrement pertinent à la ménopause, quand la production de sébum chute.\u003c\/p\u003e\n\n\u003ch3\u003eZinc bisglycinate\u003c\/h3\u003e\n\u003cp\u003eLe zinc contribue au maintien d'une peau normale - c'est une allégation santé officiellement autorisée. La forme bisglycinate (chélatée) offre une absorption nettement meilleure que les formes classiques comme l'oxyde ou le sulfate de zinc. Associé à la vitamine B6, son assimilation est encore optimisée.\u003c\/p\u003e\n\n\u003ch3\u003eSélénium + vitamines A, C, E\u003c\/h3\u003e\n\u003cp\u003eCette synergie antioxydante protège les cellules contre le stress oxydatif, l'un des facteurs clés du vieillissement cutané. Un bon réflexe pour celles et ceux qui veulent un \u003cstrong\u003ecomplément alimentaire pour une belle peau\u003c\/strong\u003e sur le long terme.\u003c\/p\u003e\n\n\u003ch3\u003eBiotine (B8) et centella asiatica\u003c\/h3\u003e\n\u003cp\u003eLa biotine contribue au maintien d'une peau normale et se combine très bien avec la levure de bière. Quant à la centella asiatica (ou gotu kola), cette plante de la médecine ayurvédique est étudiée pour son action sur la synthèse de collagène endogène et la microcirculation cutanée. Un actif discret mais redoutablement intéressant.\u003c\/p\u003e\n\n\u003ch2\u003eForme galénique, durée de cure et conseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eChoisir le bon actif, c'est une chose. Encore faut-il savoir sous quelle forme le prendre et pendant combien de temps. Voici l'essentiel à retenir :\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCapsules molles\u003c\/strong\u003e : idéales pour les huiles (bourrache, onagre). Elles préservent les acides gras de l'oxydation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGélules\u003c\/strong\u003e : parfaites pour les extraits secs (collagène, zinc, sélénium).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoudre\u003c\/strong\u003e : permet un dosage personnalisé - c'est le cas de la centella asiatica.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormes liquides\u003c\/strong\u003e : sève de bouleau, jus de mangoustan... assimilation rapide, pratique au quotidien.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cdiv style=\"background-color:#f4f1ec; border-left:4px solid #b8a88a; padding:16px 20px; margin:1.5em 0; border-radius:4px;\"\u003e\n\u003cp style=\"margin:0 0 8px 0;\"\u003e\u003cstrong\u003e✅ Nos conseils pour bien utiliser votre complément alimentaire peau :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"margin:0; padding-left:20px;\"\u003e\n\u003cli\u003ePrévoyez une cure de \u003cstrong\u003e2 à 3 mois minimum\u003c\/strong\u003e pour observer des résultats visibles. Les actifs comme le collagène ou le GLA agissent en profondeur.\u003c\/li\u003e\n\u003cli\u003eSoyez régulier : une prise quotidienne, de préférence au même moment de la journée.\u003c\/li\u003e\n\u003cli\u003eAlternez selon les saisons : préparation solaire au printemps, \u003cstrong\u003ecomplément alimentaire hydratation peau\u003c\/strong\u003e en hiver avec la bourrache ou l'onagre.\u003c\/li\u003e\n\u003cli\u003eN'hésitez pas à associer deux actifs complémentaires (collagène + antioxydants, par exemple).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003ch2\u003ePrécautions et contre-indications à connaître\u003c\/h2\u003e\n\u003cp\u003eOn préfère être transparents avec vous - c'est important :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuiles de bourrache et onagre\u003c\/strong\u003e : déconseillées en cas de troubles de la coagulation ou de traitement anticoagulant. Prudence également chez la femme enceinte.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZinc\u003c\/strong\u003e : ne pas dépasser les apports journaliers recommandés sur le long terme, car un excès peut interférer avec l'absorption du cuivre.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCollagène marin\u003c\/strong\u003e : déconseillé en cas d'allergie aux poissons ou aux crustacés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEn cas de doute, de traitement en cours ou de grossesse, consultez toujours un professionnel de santé. Et rappelons-le : les compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\n\u003cp\u003eVous cherchez d'autres solutions pour prendre soin de vous de l'intérieur ? Retrouvez l'ensemble de nos \u003ca href=\"\/collections\/complements-alimentaires\"\u003ecompléments alimentaires\u003c\/a\u003e pour explorer d'autres besoins au-delà de la peau.\u003c\/p\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\n\u003cdetails\u003e\u003csummary\u003eQuel est le meilleur complément alimentaire pour la peau ?\u003c\/summary\u003e\u003cp\u003eIl n'existe pas de réponse unique : tout dépend de votre problématique. Pour le relâchement cutané, orientez-vous vers le \u003ca href=\"\/products\/collagene-marin-90-gelules\"\u003ecollagène marin\u003c\/a\u003e. Pour la sécheresse, les huiles de bourrache et d'onagre riches en GLA sont plus adaptées. Teint terne ou imperfections ? Le zinc et la biotine seront vos alliés. Et souvent, c'est l'association de plusieurs actifs - antioxydants + collagène, par exemple - qui donne les meilleurs résultats.\u003c\/p\u003e\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eQuel complément alimentaire pour le relâchement de la peau ?\u003c\/summary\u003e\u003cp\u003eLe collagène marin est l'actif de référence : ses peptides contribuent à soutenir la structure cutanée de l'intérieur. La centella asiatica peut aussi être intéressante pour stimuler la synthèse de collagène endogène. Associez-y des antioxydants comme le \u003ca href=\"\/products\/selenium-ace-en-gelules-sfb\"\u003eSelenium + ACE\u003c\/a\u003e pour limiter le stress oxydatif, facteur clé du vieillissement. Comptez au moins 3 mois de cure pour observer des effets tangibles.\u003c\/p\u003e\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eQuelle est la vitamine qui donne une belle peau ?\u003c\/summary\u003e\u003cp\u003eDifficile de n'en retenir qu'une seule ! La vitamine C favorise la synthèse du collagène et l'éclat du teint. La vitamine E offre une protection antioxydante. La vitamine A soutient le renouvellement cellulaire. Et la biotine (B8) contribue au maintien d'une peau normale. En réalité, c'est la synergie de plusieurs vitamines et minéraux qui donne les résultats les plus convaincants pour un complément alimentaire pour une belle peau.\u003c\/p\u003e\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eQuel complément alimentaire pour la peau sèche à la ménopause ?\u003c\/summary\u003e\u003cp\u003eÀ la ménopause, la baisse des œstrogènes réduit la production de sébum et de collagène, ce qui accentue la sécheresse cutanée. Les huiles de bourrache et d'onagre, riches en acide gamma-linolénique (GLA), contribuent à restaurer la barrière lipidique de la peau. Associez-les au collagène marin pour une action plus complète. Pour une approche globale de cette période, pensez aussi à consulter notre sélection \u003ca href=\"\/collections\/bien-etre-feminin\"\u003ebien-être au féminin\u003c\/a\u003e.\u003c\/p\u003e\u003c\/details\u003e\n\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":"bronzalia-60-gelules","title":"Bronzalia - complément bronzage vegan en gélules","description":"\n\n\u003cdiv class=\"soi-bronz-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-bronz-hero\"\u003e\n    \u003cdiv class=\"soi-bronz-hero-tag\"\u003e\n      \u003cspan class=\"soi-bronz-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire bronzage · Graine Sauvage\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-bronz-hero-title\"\u003eUn éclat doré nourri de l'intérieur\u003c\/span\u003e\n    \u003cp class=\"soi-bronz-hero-subtitle\"\u003ePréparez votre peau au soleil grâce à une synergie de bêta-carotène, vitamines et sélénium. 60 gélules végétales pour un bronzage plus rapide, plus uniforme et plus durable.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bronz-hero-labels\"\u003e\n      \u003cspan class=\"soi-bronz-label soi-bronz-label-accent\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-bronz-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-bronz-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n      \u003cspan class=\"soi-bronz-label\"\u003eSANS LACTOSE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi choisir un complément alimentaire pour le bronzage ? --\u003e\n  \u003csection class=\"soi-bronz-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un complément alimentaire pour le bronzage ?\u003c\/h2\u003e\n    \u003cp\u003eLa crème solaire protège votre peau en surface, mais elle ne prépare pas votre épiderme à produire de la mélanine de façon uniforme et durable. Un complément bronzage comme Bronzalia agit de l'intérieur : il fournit les micronutriments dont votre peau a besoin pour répondre au soleil plus efficacement, limiter les coups de soleil et afficher un teint doré qui tient dans le temps.\u003c\/p\u003e\n    \u003cp\u003eBronzalia n'est pas un autobronzant oral : il prépare et soutient votre peau lors de l'exposition, sans la remplacer. Une petite exposition régulière reste nécessaire pour obtenir un bronzage visible.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Les actifs clés de Bronzalia et leurs bienfaits --\u003e\n  \u003csection class=\"soi-bronz-section\"\u003e\n    \u003ch2\u003eLes actifs clés de Bronzalia et leurs bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bronz-benefits\"\u003e\n      \u003cdiv class=\"soi-bronz-benefit\"\u003e\n        \u003cdiv class=\"soi-bronz-benefit-icon\"\u003e\u003cspan\u003e🥕\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBêta-carotène et poudre de carotte\u003c\/h3\u003e\n        \u003cp\u003ePrécurseurs de la vitamine A, ils stimulent la synthèse de mélanine, le pigment naturel responsable du bronzage, pour un teint plus chaud et plus uniforme dès les premières expositions.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-benefit\"\u003e\n        \u003cdiv class=\"soi-bronz-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine E\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant liposoluble majeur, elle protège les membranes cellulaires du stress oxydatif généré par les UV et limite le vieillissement cutané prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-benefit\"\u003e\n        \u003cdiv class=\"soi-bronz-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine C\u003c\/h3\u003e\n        \u003cp\u003eElle neutralise les radicaux libres, contribue à la formation du collagène et maintient la fermeté et l'élasticité de la peau après l'exposition.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-benefit\"\u003e\n        \u003cdiv class=\"soi-bronz-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSélénium\u003c\/h3\u003e\n        \u003cp\u003eOligo-élément antioxydant qui travaille en synergie avec les vitamines C et E pour renforcer la protection cellulaire contre les dommages UV.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Composition complète et dosage par prise --\u003e\n  \u003csection class=\"soi-bronz-section\"\u003e\n    \u003ch2\u003eComposition complète et dosage par prise\u003c\/h2\u003e\n    \u003cp class=\"soi-bronz-section-intro\"\u003eChaque boîte contient 60 gélules végétales, soit une cure de 30 jours à raison de 2 gélules par jour.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bronz-grid-compact\"\u003e\n      \u003cdiv class=\"soi-bronz-card-mini\"\u003e\n        \u003cspan class=\"soi-bronz-card-mini-icon\"\u003e💊\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-card-mini-label\"\u003eContenu\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-card-mini-value\"\u003e60 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-card-mini\"\u003e\n        \u003cspan class=\"soi-bronz-card-mini-icon\"\u003e📅\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-card-mini-label\"\u003eDurée de cure\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-card-mini-value\"\u003e30 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-card-mini\"\u003e\n        \u003cspan class=\"soi-bronz-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-card-mini-label\"\u003eGélule\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-card-mini-value\"\u003eVégétale (HPMC)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-card-mini\"\u003e\n        \u003cspan class=\"soi-bronz-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bronz-compo\"\u003e\n      \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n        \u003cspan class=\"soi-bronz-compo-label\"\u003ePoudre de carotte (Daucus carota)\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-compo-value\"\u003e300 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n        \u003cspan class=\"soi-bronz-compo-label\"\u003eBêta-carotène\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-compo-value\"\u003e4,8 mg (600 % VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n        \u003cspan class=\"soi-bronz-compo-label\"\u003eVitamine C (acide L-ascorbique)\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-compo-value\"\u003e80 mg (100 % VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n        \u003cspan class=\"soi-bronz-compo-label\"\u003eVitamine E (acétate de DL-alpha-tocophéryl)\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-compo-value\"\u003e12 mg (100 % VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n        \u003cspan class=\"soi-bronz-compo-label\"\u003eSélénium (L-sélénométhionine)\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-compo-value\"\u003e55 µg (100 % VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-compo-row\"\u003e\n        \u003cspan class=\"soi-bronz-compo-label\"\u003eEnveloppe de la gélule\u003c\/span\u003e\n        \u003cspan class=\"soi-bronz-compo-value\"\u003eHPMC (origine végétale)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Comment prendre Bronzalia ? Posologie recommandée --\u003e\n  \u003csection class=\"soi-bronz-section\"\u003e\n    \u003ch2\u003eComment prendre Bronzalia ? Posologie recommandée\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bronz-timeline\"\u003e\n      \u003cdiv class=\"soi-bronz-step\"\u003e\n        \u003cdiv class=\"soi-bronz-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-bronz-step-content\"\u003e\n          \u003ch3\u003eCommencez 10 jours avant l'exposition\u003c\/h3\u003e\n          \u003cp\u003ePrenez 2 gélules par jour, de préférence au cours d'un repas contenant un peu de matières grasses (le bêta-carotène est liposoluble).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-step\"\u003e\n        \u003cdiv class=\"soi-bronz-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-bronz-step-content\"\u003e\n          \u003ch3\u003ePoursuivez pendant toute la période ensoleillée\u003c\/h3\u003e\n          \u003cp\u003eMaintenez la prise quotidienne pour prolonger et uniformiser votre bronzage tout au long de la saison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bronz-step\"\u003e\n        \u003cdiv class=\"soi-bronz-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-bronz-step-content\"\u003e\n          \u003ch3\u003eNe remplacez jamais votre crème solaire\u003c\/h3\u003e\n          \u003cp\u003eCe complément et votre protection solaire sont complémentaires, pas interchangeables. Continuez à appliquer votre crème solaire lors de chaque exposition.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bronz-tip\"\u003e\n      \u003cdiv class=\"soi-bronz-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePrivilégiez la prise de vos gélules au cours d'un repas contenant des matières grasses (huile d'olive, avocat, oléagineux) pour favoriser l'absorption optimale du bêta-carotène.\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-bronz-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-bronz-cta-box\"\u003e\n      \u003cp class=\"soi-bronz-cta-tag\" style=\"color: white;\"\u003eVotre allié soleil de l'intérieur\u003c\/p\u003e\n      \u003cp class=\"soi-bronz-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau les nutriments qu'elle mérite avant le premier rayon de soleil, et vivez l'été avec éclat, en toute sérénité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-bronz-marine: #1A2D3D;\n  --soi-bronz-marine-dark: #0F1E2B;\n  --soi-bronz-marine-light: #2C4458;\n  --soi-bronz-pomme: #A1C544;\n  --soi-bronz-pomme-dark: #84A636;\n  --soi-bronz-pomme-light: rgba(161,197,68,0.10);\n  --soi-bronz-white: #FFFFFF;\n  --soi-bronz-off-white: #F8FAF6;\n  --soi-bronz-stone: #F1F3EE;\n  --soi-bronz-line: #E5E8E0;\n  --soi-bronz-primary: #D87B3A;\n  --soi-bronz-primary-soft: rgba(216,123,58,0.10);\n  --soi-bronz-accent: #7DAA57;\n  --soi-bronz-text: #1A2D3D;\n  --soi-bronz-text-soft: #4A5B6B;\n  --soi-bronz-text-muted: #7B8693;\n  --soi-bronz-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-bronz-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-bronz-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-bronz-radius: 12px;\n  --soi-bronz-radius-sm: 8px;\n  --soi-bronz-radius-pill: 999px;\n}\n\n.soi-bronz-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-bronz-fiche img { max-width: 100%; height: auto; }\n\n.soi-bronz-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-bronz-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-bronz-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-bronz-hero {\n  position: relative;\n  background: var(--soi-bronz-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-bronz-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-bronz-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--soi-bronz-pomme), var(--soi-bronz-primary));\n}\n\n.soi-bronz-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-bronz-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-bronz-primary);\n  border-radius: 50%;\n}\n\n.soi-bronz-hero-title {\n  display: block;\n  color: var(--soi-bronz-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-bronz-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-bronz-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-bronz-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-bronz-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-bronz-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bronz-label-accent {\n  background: var(--soi-bronz-pomme);\n  border-color: var(--soi-bronz-pomme);\n  color: var(--soi-bronz-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-bronz-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bronz-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-bronz-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-bronz-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-bronz-pomme);\n  border-radius: 2px;\n}\n\n.soi-bronz-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-bronz-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-bronz-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-bronz-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-bronz-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-bronz-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-bronz-benefit {\n  background: var(--soi-bronz-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-bronz-radius);\n  border: 1px solid var(--soi-bronz-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bronz-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-bronz-shadow-md);\n}\n\n.soi-bronz-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-bronz-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-bronz-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-bronz-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-bronz-benefit:hover .soi-bronz-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-bronz-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bronz-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bronz-benefit p {\n  font-size: 13px;\n  color: var(--soi-bronz-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-bronz-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-bronz-card-mini {\n  background: var(--soi-bronz-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-bronz-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-bronz-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-bronz-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-bronz-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-bronz-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bronz-marine);\n}\n\n\/* COMPOSITION *\/\n.soi-bronz-compo {\n  background: var(--soi-bronz-off-white);\n  border-radius: var(--soi-bronz-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-bronz-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-bronz-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-bronz-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-bronz-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-bronz-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-bronz-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-bronz-marine);\n  text-align: right;\n}\n\n\/* TIMELINE *\/\n.soi-bronz-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-bronz-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-bronz-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bronz-radius);\n  border: 1px solid var(--soi-bronz-line);\n  align-items: flex-start;\n}\n\n.soi-bronz-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-bronz-marine);\n  color: var(--soi-bronz-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-bronz-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-bronz-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-bronz-step-content p {\n  font-size: 14px;\n  color: var(--soi-bronz-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIP *\/\n.soi-bronz-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-bronz-pomme-light);\n  border-left: 4px solid var(--soi-bronz-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-bronz-radius) var(--soi-bronz-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-bronz-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-bronz-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-bronz-marine);\n  margin-bottom: 4px;\n}\n\n.soi-bronz-tip p {\n  font-size: 14px;\n  color: var(--soi-bronz-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-bronz-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-bronz-accordion-item {\n  background: var(--soi-bronz-off-white);\n  border-radius: var(--soi-bronz-radius-sm);\n  border: 1px solid var(--soi-bronz-line);\n  overflow: hidden;\n}\n\n.soi-bronz-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-bronz-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-bronz-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-bronz-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-bronz-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-bronz-accordion-item[open] .soi-bronz-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-bronz-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-bronz-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-bronz-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.6rem 0;\n}\n\n.soi-bronz-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* CTA BOX *\/\n.soi-bronz-cta-box {\n  background: var(--soi-bronz-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-bronz-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-bronz-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-bronz-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-bronz-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-bronz-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-bronz-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-bronz-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-bronz-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-bronz-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-bronz-compo-value {\n    text-align: left;\n  }\n\n  .soi-bronz-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-bronz-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-bronz-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-bronz-fiche {\n    --soi-bronz-text-soft: #2C3E50;\n    --soi-bronz-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Graine sauvage","offers":[{"title":"Default Title","offer_id":61602589213002,"sku":"GS1040","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/bronzalia-complement-bronzage-vegan-en-gelules-packshot.webp?v=1783186428"},{"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.49,"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.9,"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.9,"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":"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.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-bourrache-bio-en-gelules-packshot.webp?v=1780055853"},{"product_id":"dermoline-solaire-bio-en-gelules","title":"Dermoline Solaire Bio - 60 gélules - LT Labo","description":"\u003cdiv class=\"soi-derm-fiche\"\u003e\n\n\u003csection class=\"soi-derm-hero\"\u003e\n  \u003cdiv class=\"soi-derm-hero-tag\"\u003e\n    \u003cspan class=\"soi-derm-tag-dot\"\u003e\u003c\/span\u003e\n    Complément alimentaire solaire · LT Labo\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-derm-hero-title\"\u003eGélules Bronzage bio\u003c\/span\u003e\n  \u003cp class=\"soi-derm-hero-subtitle\"\u003ePréparez votre peau de l'intérieur, soutenez votre protection cellulaire et favorisez un bronzage naturel et uniforme, été après été.\u003c\/p\u003e\n  \u003cdiv class=\"soi-derm-hero-labels\"\u003e\n    \u003cspan class=\"soi-derm-label soi-derm-label-accent\"\u003eBIO (AB)\u003c\/span\u003e\n    \u003cspan class=\"soi-derm-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-derm-label\"\u003ePROTECTION CELLULAIRE\u003c\/span\u003e\n    \u003cspan class=\"soi-derm-label\"\u003e60 GÉLULES VÉGÉTALES\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003ePourquoi choisir un complément alimentaire en préparation solaire ?\u003c\/h2\u003e\n  \u003cp\u003eUne bonne protection solaire ne se limite pas à appliquer une crème sur le visage ou les cheveux. Votre peau a besoin d'être nourrie en profondeur pour mieux résister au stress oxydatif généré par les UV.\u003c\/p\u003e\n  \u003cp\u003eC'est exactement ce que fait Dermoline Solaire Bio : il agit de l'intérieur, en complément de votre protection solaire visage et corps habituelle, pour renforcer les défenses naturelles de votre peau avant et pendant l'exposition.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eLes actifs clés de Dermoline Solaire Bio\u003c\/h2\u003e\n  \u003cdiv class=\"soi-derm-benefits\"\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🌺\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eUrucum (poudre)\u003c\/h3\u003e\n      \u003cp\u003eExceptionnellement riche en bixine, un caroténoïde puissant, l'urucum est l'un des végétaux les plus concentrés en antioxydants naturels. Il aide à neutraliser les radicaux libres induits par les UV et soutient l'éclat du teint.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🥕\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eExtrait de carotte\u003c\/h3\u003e\n      \u003cp\u003eSource de bêta-carotène, précurseur naturel de la vitamine A, il contribue à préparer la peau au bronzage et à homogénéiser le hâle pour un résultat plus uniforme.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🍅\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eExtrait de tomate\u003c\/h3\u003e\n      \u003cp\u003eRiche en lycopène, un antioxydant reconnu pour sa capacité à protéger les cellules cutanées contre les dommages photo-induits.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🍒\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eVitamine C issue d'acérola\u003c\/h3\u003e\n      \u003cp\u003eL'une des sources naturelles les plus concentrées en vitamine C. Elle soutient la synthèse de collagène, favorise le renouvellement cellulaire et protège les cellules du stress oxydatif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eComposition complète et posologie\u003c\/h2\u003e\n  \u003cdiv class=\"soi-derm-compo\"\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003ePosologie recommandée\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003e2 gélules par jour\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003ePoudre d'urucum\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003e\u003cem\u003eBixa orellana\u003c\/em\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait de carotte\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003e\u003cem\u003eDaucus carota\u003c\/em\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait de tomate\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003e\u003cem\u003eSolanum lycopersicum\u003c\/em\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eVitamine C naturelle d'acérola\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003e\u003cem\u003eMalpighia emarginata\u003c\/em\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eGélule végétale\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003eHPMC (convient aux végans)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eConditionnement\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003e60 gélules (30 jours de cure)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003eAgriculture Biologique (AB), formule vegan\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eComment utiliser Dermoline Solaire Bio ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-derm-timeline\"\u003e\n    \u003cdiv class=\"soi-derm-step\"\u003e\n      \u003cdiv class=\"soi-derm-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step-content\"\u003e\n        \u003ch3\u003eCommencez la cure en amont\u003c\/h3\u003e\n        \u003cp\u003eDébutez la prise 4 semaines avant l'exposition pour préparer votre peau et maximiser les bénéfices dès les premiers rayons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-step\"\u003e\n      \u003cdiv class=\"soi-derm-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step-content\"\u003e\n        \u003ch3\u003e2 gélules par jour\u003c\/h3\u003e\n        \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-step\"\u003e\n      \u003cdiv class=\"soi-derm-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step-content\"\u003e\n        \u003ch3\u003eContinuez pendant et après les vacances\u003c\/h3\u003e\n        \u003cp\u003eProlongez votre bronzage et maintenez la protection cellulaire de votre peau en poursuivant la cure au retour.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-derm-tip\"\u003e\n    \u003cdiv class=\"soi-derm-tip-icon\"\u003e⚠️\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eRappel important\u003c\/strong\u003e\n      \u003cp\u003eDermoline Solaire Bio ne remplace pas l'application d'une crème de protection solaire pour le visage et le corps. Il agit en complément pour renforcer les défenses naturelles de votre peau de l'intérieur. Ce complément alimentaire ne se substitue pas à un traitement médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eÀ qui s'adresse Dermoline Solaire Bio ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-derm-grid\"\u003e\n    \u003cdiv class=\"soi-derm-card\"\u003e\n      \u003ch3\u003e☀️ Peaux sensibles aux UV\u003c\/h3\u003e\n      \u003cp\u003eSi votre peau réagit vite aux rayons (rougeurs, coups de soleil fréquents), ce complément vous aide à renforcer ses défenses naturelles de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-card\"\u003e\n      \u003ch3\u003e✨ Bronzage uniforme et durable\u003c\/h3\u003e\n      \u003cp\u003ePour celles et ceux qui souhaitent un hâle plus homogène et prolongé, sans excès d'exposition.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-card\"\u003e\n      \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n      \u003cp\u003ePour les personnes soucieuses de prévenir le vieillissement cutané lié aux UV et de protéger leurs cellules du stress oxydatif.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-card\"\u003e\n      \u003ch3\u003e🌿 Formule bio et vegan\u003c\/h3\u003e\n      \u003cp\u003eIdéal pour les végans et toutes les personnes qui privilégient des formules certifiées biologiques, sans compromis sur la qualité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-derm-cta-box\"\u003e\n    \u003cp class=\"soi-derm-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, même sous le soleil\u003c\/p\u003e\n    \u003cp class=\"soi-derm-cta-text\" style=\"color: white;\"\u003eDermoline Solaire Bio, c'est la promesse d'aborder chaque exposition au soleil avec plus de sérénité. Ses actifs biologiques, riches en antioxydants naturels, soutiennent votre peau de l'intérieur pour un bronzage plus homogène, une meilleure protection cellulaire et un éclat qui dure bien au-delà de l'été.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-derm-marine: #1A2D3D;\n  --soi-derm-marine-dark: #0F1E2B;\n  --soi-derm-marine-light: #2C4458;\n  --soi-derm-pomme: #A1C544;\n  --soi-derm-pomme-dark: #84A636;\n  --soi-derm-pomme-light: rgba(161,197,68,0.10);\n  --soi-derm-white: #FFFFFF;\n  --soi-derm-off-white: #F8FAF6;\n  --soi-derm-stone: #F1F3EE;\n  --soi-derm-line: #E5E8E0;\n  --soi-derm-primary: #D88542;\n  --soi-derm-primary-soft: #F5E6D3;\n  --soi-derm-accent: #C45A2A;\n  --soi-derm-text: #1A2D3D;\n  --soi-derm-text-soft: #4A5B6B;\n  --soi-derm-text-muted: #7B8693;\n  --soi-derm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-derm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-derm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-derm-radius: 12px;\n  --soi-derm-radius-sm: 8px;\n  --soi-derm-radius-pill: 999px;\n}\n\n.soi-derm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-derm-fiche img { max-width: 100%; height: auto; }\n\n.soi-derm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-derm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-derm-hero {\n  position: relative;\n  background: var(--soi-derm-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-derm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-derm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--soi-derm-pomme), var(--soi-derm-primary));\n}\n\n.soi-derm-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-derm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-derm-pomme);\n  border-radius: 50%;\n}\n\n.soi-derm-hero-title {\n  display: block;\n  color: var(--soi-derm-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-derm-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-derm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-derm-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-derm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-derm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-derm-label-accent {\n  background: var(--soi-derm-pomme);\n  border-color: var(--soi-derm-pomme);\n  color: var(--soi-derm-marine);\n  font-weight: 600;\n}\n\n.soi-derm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-derm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-derm-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-derm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-derm-pomme);\n  border-radius: 2px;\n}\n\n.soi-derm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-derm-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-derm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-derm-benefit {\n  background: var(--soi-derm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-derm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-derm-shadow-md);\n}\n\n.soi-derm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-derm-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-derm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-derm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-derm-benefit:hover .soi-derm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-derm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-benefit p {\n  font-size: 13px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-compo {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-derm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-derm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-derm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-derm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-derm-marine);\n  text-align: right;\n}\n\n.soi-derm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-derm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-derm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  align-items: flex-start;\n}\n\n.soi-derm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-derm-marine);\n  color: var(--soi-derm-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-derm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-derm-step-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-derm-card {\n  background: var(--soi-derm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border-left: 3px solid var(--soi-derm-pomme);\n}\n\n.soi-derm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-card p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-tip {\n  display: flex;\n  gap: 1rem;\n  background: rgba(216,133,66,0.08);\n  border-left: 4px solid var(--soi-derm-primary);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-derm-radius) var(--soi-derm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-derm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-derm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-derm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-derm-tip p {\n  font-size: 14px;\n  color: var(--soi-derm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-cta-box {\n  background: var(--soi-derm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-derm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-derm-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-derm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-derm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-derm-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 620px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-derm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-derm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-derm-compo-value {\n    text-align: left;\n  }\n\n  .soi-derm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-derm-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-derm-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-derm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-derm-fiche {\n    --soi-derm-text-soft: #2C3E50;\n    --soi-derm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"LT Labo","offers":[{"title":"Default Title","offer_id":61603337732426,"sku":"LT0370","price":15.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dermoline-solaire-bio-en-gelules-packshot.webp?v=1779718546"},{"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":20.9,"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.9,"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":"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":"acide-hyaluronique-en-gelules-sfb","title":"Acide Hyaluronique en gélules - SFB","description":"\n\u003cdiv class=\"soi-ahya-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-ahya-hero\"\u003e\n    \u003cdiv class=\"soi-ahya-hero-tag\"\u003e\n      \u003cspan class=\"soi-ahya-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · SFB Laboratoires\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-ahya-hero-title\"\u003eAcide Hyaluronique en gélules\u003c\/span\u003e\n    \u003cp class=\"soi-ahya-hero-subtitle\"\u003e120 mg d'acide hyaluronique par gélule végétale pour soutenir votre hydratation cutanée et votre confort articulaire de l'intérieur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ahya-hero-labels\"\u003e\n      \u003cspan class=\"soi-ahya-label soi-ahya-label-accent\"\u003e120 MG PAR GÉLULE\u003c\/span\u003e\n      \u003cspan class=\"soi-ahya-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n      \u003cspan class=\"soi-ahya-label\"\u003eSANS GÉLATINE ANIMALE\u003c\/span\u003e\n      \u003cspan class=\"soi-ahya-label\"\u003e60 GÉLULES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"soi-ahya-section\"\u003e\n    \u003cp class=\"soi-ahya-section-intro\" style=\"width:100%;\"\u003eL'acide hyaluronique est l'une des molécules les plus précieuses que votre corps produit naturellement. Présente dans la peau, les articulations et les muqueuses, elle retient jusqu'à 1 000 fois son poids en eau. Avec l'âge, sa production diminue progressivement, et c'est là qu'une supplémentation orale de qualité prend tout son sens. L'acide hyaluronique en gélules SFB Laboratoires vous propose une formule végétale dosée à 120 mg par gélule, pensée pour soutenir votre peau et votre confort articulaire de l'intérieur.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir... --\u003e\n  \u003csection class=\"soi-ahya-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'acide hyaluronique en gélules plutôt qu'un sérum ou une injection ?\u003c\/h2\u003e\n    \u003cp\u003eLe sérum à l'acide hyaluronique agit en surface. Les injections, réalisées en médecine esthétique, ciblent des zones précises du visage. La voie orale, elle, diffuse l'actif dans tout l'organisme via la circulation sanguine : peau, cartilages, muqueuses bénéficient simultanément de l'apport. C'est une approche complémentaire, douce et accessible, à intégrer dans votre quotidien sans contrainte.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Ce que cet acide hyaluronique fait concrètement pour vous --\u003e\n  \u003csection class=\"soi-ahya-section\"\u003e\n    \u003ch2\u003eCe que cet acide hyaluronique fait concrètement pour vous\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ahya-benefits\"\u003e\n      \u003cdiv class=\"soi-ahya-benefit\"\u003e\n        \u003cdiv class=\"soi-ahya-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation cutanée durable\u003c\/h3\u003e\n        \u003cp\u003eVéritable éponge moléculaire dans les couches profondes de la peau, il réduit la sensation de tiraillement et améliore l'éclat du teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-benefit\"\u003e\n        \u003cdiv class=\"soi-ahya-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFermeté et élasticité\u003c\/h3\u003e\n        \u003cp\u003eEn soutenant la structure des tissus, il contribue à atténuer les signes du relâchement cutané pour une peau visuellement plus lisse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-benefit\"\u003e\n        \u003cdiv class=\"soi-ahya-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eConfort articulaire\u003c\/h3\u003e\n        \u003cp\u003eConstituant clé du liquide synovial, il lubrifie les surfaces articulaires et amortit les chocs, soutenant la mobilité des genoux, hanches et épaules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-benefit\"\u003e\n        \u003cdiv class=\"soi-ahya-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtection des muqueuses\u003c\/h3\u003e\n        \u003cp\u003eGastrique, vésicale ou nasale, l'acide hyaluronique renforce les barrières naturelles de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-benefit\"\u003e\n        \u003cdiv class=\"soi-ahya-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction antioxydante\u003c\/h3\u003e\n        \u003cp\u003eIl contribue à neutraliser le stress oxydatif qui accélère le vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et dosage précis --\u003e\n  \u003csection class=\"soi-ahya-section\"\u003e\n    \u003ch2\u003eComposition et dosage précis\u003c\/h2\u003e\n    \u003cp class=\"soi-ahya-section-intro\"\u003eChaque gélule végétale contient une formule épurée, sans additif superflu.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ahya-compo\"\u003e\n      \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n        \u003cspan class=\"soi-ahya-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-ahya-compo-value\"\u003eAcide hyaluronique (sel de sodium) : 120 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n        \u003cspan class=\"soi-ahya-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-ahya-compo-value\"\u003eGélule végétale (HPMC)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n        \u003cspan class=\"soi-ahya-compo-label\"\u003eFormulation\u003c\/span\u003e\n        \u003cspan class=\"soi-ahya-compo-value\"\u003eSans additif superflu, sans gélatine animale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n        \u003cspan class=\"soi-ahya-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-ahya-compo-value\"\u003e60 gélules (2 mois de cure)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n        \u003cspan class=\"soi-ahya-compo-label\"\u003eDosage recommandé\u003c\/span\u003e\n        \u003cspan class=\"soi-ahya-compo-value\"\u003e1 gélule par jour, le matin au repas\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-compo-row\"\u003e\n        \u003cspan class=\"soi-ahya-compo-label\"\u003eDurée de cure conseillée\u003c\/span\u003e\n        \u003cspan class=\"soi-ahya-compo-value\"\u003e6 à 8 semaines\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment prendre... --\u003e\n  \u003csection class=\"soi-ahya-section\"\u003e\n    \u003ch2\u003eComment prendre l'acide hyaluronique pour de meilleurs résultats ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ahya-timeline\"\u003e\n      \u003cdiv class=\"soi-ahya-step\"\u003e\n        \u003cdiv class=\"soi-ahya-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-ahya-step-content\"\u003e\n          \u003ch3\u003ePrenez 1 gélule le matin\u003c\/h3\u003e\n          \u003cp\u003eAu moment du repas, avec un grand verre d'eau, pour maximiser l'absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-step\"\u003e\n        \u003cdiv class=\"soi-ahya-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-ahya-step-content\"\u003e\n          \u003ch3\u003eHydratez-vous suffisamment\u003c\/h3\u003e\n          \u003cp\u003eTout au long de la journée, l'acide hyaluronique a besoin d'eau pour agir pleinement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ahya-step\"\u003e\n        \u003cdiv class=\"soi-ahya-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-ahya-step-content\"\u003e\n          \u003ch3\u003eAssociez-le à de la vitamine C\u003c\/h3\u003e\n          \u003cp\u003ePour amplifier la synthèse naturelle de collagène et potentialiser les effets sur votre peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ahya-tip\"\u003e\n      \u003cdiv class=\"soi-ahya-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUne cure de 6 à 8 semaines est recommandée pour observer des résultats visibles et durables. Pensez à bien vous hydrater pour permettre à l'acide hyaluronique de déployer tout son potentiel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Précautions et informations importantes --\u003e\n  \u003csection class=\"soi-ahya-section\"\u003e\n    \u003ch2\u003ePrécautions et informations importantes\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ahya-accordion\"\u003e\n      \u003cdetails class=\"soi-ahya-accordion-item\"\u003e\n        \u003csummary class=\"soi-ahya-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ahya-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace pas un traitement médical ni des soins prescrits par un professionnel de santé. 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-ahya-accordion-item\"\u003e\n        \u003csummary class=\"soi-ahya-accordion-header\"\u003e📦 Conservation et stockage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ahya-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      \u003cdetails class=\"soi-ahya-accordion-item\"\u003e\n        \u003csummary class=\"soi-ahya-accordion-header\"\u003e📋 Contenu du flacon\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ahya-accordion-content\"\u003e\n          \u003cp\u003e60 gélules végétales par flacon, soit 2 mois de cure à raison d'une gélule par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-ahya-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-ahya-cta-box\"\u003e\n      \u003cp class=\"soi-ahya-cta-tag\" style=\"color: white;\"\u003eVotre éclat naturel commence ici\u003c\/p\u003e\n      \u003cp class=\"soi-ahya-cta-text\" style=\"color: white;\"\u003eParce que votre peau mérite d'être nourrie de l'intérieur, l'Acide Hyaluronique SFB Laboratoires vous accompagne chaque jour vers une hydratation profonde, une peau plus souple et des articulations plus confortables. Une gélule végétale, 120 mg d'actif pur, et une routine enfin simple à tenir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-ahya-marine: #1A2D3D;\n  --soi-ahya-marine-dark: #0F1E2B;\n  --soi-ahya-marine-light: #2C4458;\n  --soi-ahya-pomme: #A1C544;\n  --soi-ahya-pomme-dark: #84A636;\n  --soi-ahya-pomme-light: rgba(161,197,68,0.10);\n  --soi-ahya-white: #FFFFFF;\n  --soi-ahya-off-white: #F8FAF6;\n  --soi-ahya-stone: #F1F3EE;\n  --soi-ahya-line: #E5E8E0;\n  --soi-ahya-primary: #7ABFB5;\n  --soi-ahya-primary-soft: #D4EFEB;\n  --soi-ahya-accent: #5BA89D;\n  --soi-ahya-text: #1A2D3D;\n  --soi-ahya-text-soft: #4A5B6B;\n  --soi-ahya-text-muted: #7B8693;\n  --soi-ahya-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ahya-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ahya-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ahya-radius: 12px;\n  --soi-ahya-radius-sm: 8px;\n  --soi-ahya-radius-pill: 999px;\n}\n\n.soi-ahya-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ahya-fiche img { max-width: 100%; height: auto; }\n\n.soi-ahya-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ahya-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ahya-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-ahya-hero {\n  position: relative;\n  background: var(--soi-ahya-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-ahya-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ahya-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ahya-pomme);\n}\n\n.soi-ahya-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-ahya-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ahya-pomme);\n  border-radius: 50%;\n}\n\n.soi-ahya-hero-title {\n  display: block;\n  color: var(--soi-ahya-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-ahya-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-ahya-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ahya-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-ahya-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ahya-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ahya-label-accent {\n  background: var(--soi-ahya-pomme);\n  border-color: var(--soi-ahya-pomme);\n  color: var(--soi-ahya-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-ahya-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ahya-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ahya-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-ahya-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ahya-pomme);\n  border-radius: 2px;\n}\n\n.soi-ahya-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ahya-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-ahya-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ahya-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ahya-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-ahya-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-ahya-benefit {\n  background: var(--soi-ahya-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ahya-radius);\n  border: 1px solid var(--soi-ahya-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ahya-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ahya-shadow-md);\n}\n\n.soi-ahya-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ahya-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-ahya-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ahya-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ahya-benefit:hover .soi-ahya-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ahya-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ahya-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ahya-benefit p {\n  font-size: 13px;\n  color: var(--soi-ahya-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-ahya-compo {\n  background: var(--soi-ahya-off-white);\n  border-radius: var(--soi-ahya-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-ahya-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-ahya-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ahya-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ahya-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ahya-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ahya-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ahya-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-ahya-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-ahya-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ahya-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ahya-radius);\n  border: 1px solid var(--soi-ahya-line);\n  align-items: flex-start;\n}\n\n.soi-ahya-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ahya-marine);\n  color: var(--soi-ahya-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-ahya-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ahya-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ahya-step-content p {\n  font-size: 14px;\n  color: var(--soi-ahya-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-ahya-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ahya-pomme-light);\n  border-left: 4px solid var(--soi-ahya-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ahya-radius) var(--soi-ahya-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-ahya-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ahya-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ahya-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ahya-tip p {\n  font-size: 14px;\n  color: var(--soi-ahya-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-ahya-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ahya-accordion-item {\n  background: var(--soi-ahya-off-white);\n  border-radius: var(--soi-ahya-radius-sm);\n  border: 1px solid var(--soi-ahya-line);\n  overflow: hidden;\n}\n\n.soi-ahya-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ahya-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-ahya-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ahya-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ahya-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ahya-accordion-item[open] .soi-ahya-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ahya-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ahya-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ahya-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-ahya-cta-box {\n  background: var(--soi-ahya-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ahya-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ahya-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-ahya-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ahya-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-ahya-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ahya-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ahya-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-ahya-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ahya-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ahya-compo-value {\n    text-align: left;\n  }\n\n  .soi-ahya-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-ahya-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ahya-fiche {\n    --soi-ahya-text-soft: #2C3E50;\n    --soi-ahya-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603771220298,"sku":"SF0220","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/acide-hyaluronique-en-gelules-sfb-packshot.webp?v=1779634078"},{"product_id":"zeo-activee-en-poudre-sfb","title":"Zeo Activée en poudre - SFB","description":"\u003c!--\n=== ANALYSE SOINATURE ===\nProduit: Zeo Activée en poudre\nMarque: SFB Laboratoires\nCatégorie Soinat: Cosmétiques et soins beauté — soin minéral \/ détox cutanée\n\n=== INVENTAIRE DES DONNÉES SOURCE (preuve anti-invention) ===\nLabels\/certifications mentionnés : 100 % naturel, Qualité supérieure, Sans nanoparticules, Sans additif\/excipient\/conservateur\nChiffres précis mentionnés : Granulométrie 0–5 microns, peut retenir jusqu'à 30 % de son poids sec, SiO₂ ~65–70 %, Al₂O₃ ~11–13 %, 1 à 2 cuillères à café (3–6 g), 2 à 3 cuillères à soupe (15–20 g), 5 à 15 % dans préparations DIY, 10–15 minutes (masque), 15–20 minutes (cataplasme), 1 à 2 fois par semaine, 106 variétés de zéolites\nOrigine mentionnée : Balkans (régions volcaniques)\nForme galénique : Poudre ultrafine\nActifs\/plantes nommés : Zéolite clinoptilolite activée, SiO₂, Al₂O₃, K₂O, CaO, MgO, FeO₃\nPosologie mentionnée : Masque visage 1–2 cuillères à café, 10–15 min, 1–2 fois\/semaine ; Cataplasme 2–3 cuillères à soupe, 15–20 min ; DIY 5–15 %\nPrécautions mentionnées : Usage externe exclusivement, ne pas ingérer, tenir hors de portée des enfants, conserver à l'abri de l'humidité et de la chaleur, éviter contact yeux et muqueuses, ne remplace pas un traitement médical\n\n=== PALETTE CSS ===\nMarine Soinat: #1A2D3D (fixe)\nPomme Soinat: #A1C544 (fixe)\nPrimaire produit: #3A3A3A (noir charbon du pot)\nAccent produit: #C8A96E (doré\/or des liserés du packaging)\nPréfixe CSS: soi-zeoa\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés :\n  1. \"Zéolite clinoptilolite activée en poudre : la détox minérale venue des volcans\"\n  2. \"Qu'est-ce que la zéolite clinoptilolite, concrètement ?\"\n  3. \"Les bienfaits de la poudre de zéolite activée pour la peau\"\n  4. \"Comment utiliser la zéolite en poudre ? — Conseils pratiques\"\n  5. \"Composition de la Zeo Activée SFB\"\n  6. \"Posologie et quantités recommandées\"\n  7. \"Pourquoi choisir la Zeo Activée de SFB Laboratoires ?\"\n  8. \"Pour qui est faite la poudre de zéolite activée ?\"\n\n=== COMPOSANTS RETENUS POUR CHAQUE SECTION ===\nHero : labels affichés = 100 % NATUREL, SANS NANOPARTICULES, ORIGINE BALKANS, POUDRE ULTRAFINE (tous dans la source)\nH2 #1 → section-intro avec \u003cp\u003e (texte narratif continu)\nH2 #2 → grid 2 colonnes : \u003cp\u003e + tip box (contenu structuré avec liste de caractéristiques)\nH2 #3 → benefits (4 bénéfices distincts avec titre + description) + note disclaimer\nH2 #4 → timeline (3 étapes numérotées) + tip (conseil SFB)\nH2 #5 → compo data rows (données structurées en tableau)\nH2 #6 → grid-compact cards mini (3 posologies chiffrées)\nH2 #7 → cards classiques (6 arguments → grille de cards)\nH2 #8 → cards classiques (5 profils cibles) + CTA box final\nComposants OMIS faute de données : accordéon (pas de FAQ ni de données secondaires non couvertes)\n--\u003e\n\n\u003cdiv class=\"soi-zeoa-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-zeoa-hero\"\u003e\n    \u003cdiv class=\"soi-zeoa-hero-tag\"\u003e\n      \u003cspan class=\"soi-zeoa-tag-dot\"\u003e\u003c\/span\u003e\n      Soin minéral · SFB Laboratoires\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-zeoa-hero-title\"\u003eZeo Activée en poudre\u003c\/span\u003e\n    \u003cp class=\"soi-zeoa-hero-subtitle\"\u003eZéolite clinoptilolite surfine d'origine volcanique — propriétés adsorbantes et absorbantes pour une peau purifiée en profondeur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-zeoa-hero-labels\"\u003e\n      \u003cspan class=\"soi-zeoa-label soi-zeoa-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-zeoa-label\"\u003ePOUDRE ULTRAFINE 0–5 µm\u003c\/span\u003e\n      \u003cspan class=\"soi-zeoa-label\"\u003eSANS NANOPARTICULES\u003c\/span\u003e\n      \u003cspan class=\"soi-zeoa-label\"\u003eORIGINE BALKANS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"soi-zeoa-section\"\u003e\n    \u003ch2\u003eZéolite clinoptilolite activée en poudre : la détox minérale venue des volcans\u003c\/h2\u003e\n    \u003cp\u003eImaginez un minéral formé il y a des millions d'années, né de la rencontre entre la lave volcanique et l'eau de mer, dont la structure microscopique agit littéralement comme une \u003cstrong\u003eéponge moléculaire\u003c\/strong\u003e. C'est exactement ce qu'est la zéolite clinoptilolite activée.\u003c\/p\u003e\n    \u003cp\u003eExtraite des régions volcaniques des Balkans, la \u003cstrong\u003eZeo Activée SFB\u003c\/strong\u003e vous propose ce trésor naturel sous forme de \u003cstrong\u003epoudre ultrafine (0–5 microns)\u003c\/strong\u003e, 100 % pure, sans additifs, sans nanoparticules — pour une utilisation externe aussi efficace que respectueuse de votre peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"soi-zeoa-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la zéolite clinoptilolite, concrètement ?\u003c\/h2\u003e\n    \u003cp\u003eLa zéolite appartient à la famille des aluminosilicates hydratés — des minéraux à la structure en nid d'abeille percée de millions de micropores. Ce réseau de cavités lui confère une capacité d'\u003cstrong\u003eéchange cationique\u003c\/strong\u003e exceptionnelle : elle capte et retient des ions tels que le calcium, le magnésium, le sodium et le potassium tout en piégeant les impuretés présentes à la surface de la peau.\u003c\/p\u003e\n    \u003cp\u003eParmi les 106 variétés de zéolites recensées dans la nature, la \u003cstrong\u003eclinoptilolite\u003c\/strong\u003e est celle qui présente la meilleure structure poreuse et la plus grande stabilité chimique. C'est donc la forme la plus valorisée en cosmétique naturelle et en usage topique.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-zeoa-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-zeoa-tip-icon\"\u003e🔬\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eCe qui rend la Zeo Activée SFB unique\u003c\/strong\u003e\n        \u003cp\u003eGranulométrie ultrafine de \u003cstrong\u003e0 à 5 microns\u003c\/strong\u003e pour une surface d'adsorption maximisée. Elle peut retenir jusqu'à \u003cstrong\u003e30 % de son poids sec\u003c\/strong\u003e. Origine volcanique certifiée des Balkans. 100 % naturelle, sans nanoparticules, zéro additif, zéro excipient — qualité supérieure et traçabilité totale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"soi-zeoa-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la poudre de zéolite activée pour la peau\u003c\/h2\u003e\n    \u003cp class=\"soi-zeoa-section-intro\"\u003eLa poudre de zéolite activée agit selon trois mécanismes complémentaires lorsqu'elle est appliquée sur la peau :\u003c\/p\u003e\n    \u003cdiv class=\"soi-zeoa-benefits\"\u003e\n      \u003cdiv class=\"soi-zeoa-benefit\"\u003e\n        \u003cdiv class=\"soi-zeoa-benefit-icon\"\u003e\u003cspan\u003e🧲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAdsorption des impuretés\u003c\/h3\u003e\n        \u003cp\u003eSes micropores captent les toxines, résidus et impuretés présents à la surface cutanée, comme un aimant minéral.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-benefit\"\u003e\n        \u003cdiv class=\"soi-zeoa-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAbsorption du sébum\u003c\/h3\u003e\n        \u003cp\u003eElle régule naturellement l'excès de sébum sur les peaux mixtes à grasses, sans agresser le film hydrolipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-benefit\"\u003e\n        \u003cdiv class=\"soi-zeoa-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉquilibre du pH cutané\u003c\/h3\u003e\n        \u003cp\u003eGrâce à son échange cationique, elle contribue à préserver le pH naturel de la peau, garant d'une barrière cutanée saine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-benefit\"\u003e\n        \u003cdiv class=\"soi-zeoa-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction apaisante\u003c\/h3\u003e\n        \u003cp\u003eAppliquée sur les zones irritées ou rougies, la zéolite aide à apaiser et à calmer l'inconfort cutané de manière naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-zeoa-disclaimer\"\u003e⚠️ Ces informations décrivent les propriétés naturelles du minéral et ne constituent pas des allégations médicales. La Zeo Activée est un produit cosmétique à usage externe et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"soi-zeoa-section\"\u003e\n    \u003ch2\u003eComment utiliser la zéolite en poudre ? — Conseils pratiques\u003c\/h2\u003e\n    \u003cp class=\"soi-zeoa-section-intro\"\u003eL'un des grands avantages de la zéolite poudre est sa polyvalence d'application. Voici les usages externes les plus courants :\u003c\/p\u003e\n    \u003cdiv class=\"soi-zeoa-timeline\"\u003e\n      \u003cdiv class=\"soi-zeoa-step\"\u003e\n        \u003cdiv class=\"soi-zeoa-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-zeoa-step-content\"\u003e\n          \u003ch3\u003eMasque purifiant visage\u003c\/h3\u003e\n          \u003cp\u003eMélangez \u003cstrong\u003e1 à 2 cuillères à café\u003c\/strong\u003e de poudre de zéolite avec un peu d'eau (ou d'hydrolat de votre choix) pour obtenir une pâte lisse. Appliquez sur le visage préalablement nettoyé, laissez poser \u003cstrong\u003e10 à 15 minutes\u003c\/strong\u003e puis rincez abondamment à l'eau tiède. Idéal 1 à 2 fois par semaine pour les peaux mixtes, grasses ou à tendance acnéique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-step\"\u003e\n        \u003cdiv class=\"soi-zeoa-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-zeoa-step-content\"\u003e\n          \u003ch3\u003eSoin corporel apaisant\u003c\/h3\u003e\n          \u003cp\u003eDiluez la poudre dans de l'eau pour créer un cataplasme doux à appliquer sur les zones irritées, les coups de soleil légers ou les inconforts locaux. Laissez agir \u003cstrong\u003e15 à 20 minutes\u003c\/strong\u003e avant de rincer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-step\"\u003e\n        \u003cdiv class=\"soi-zeoa-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-zeoa-step-content\"\u003e\n          \u003ch3\u003eIntégration dans vos préparations cosmétiques maison\u003c\/h3\u003e\n          \u003cp\u003eLa poudre de zéolite activée peut s'incorporer facilement dans vos recettes de savons solides, crèmes argile, soins scrubs ou shampoings secs DIY pour enrichir leur effet purifiant et régulateur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-zeoa-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-zeoa-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePrivilégiez un mélange dans un bol en céramique ou en verre plutôt qu'en métal, afin de préserver les propriétés d'échange ionique de la zéolite. Évitez tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"soi-zeoa-section\"\u003e\n    \u003ch2\u003eComposition de la Zeo Activée SFB\u003c\/h2\u003e\n    \u003cp class=\"soi-zeoa-section-intro\"\u003eLa transparence est au cœur de la démarche SFB. Voici la composition complète de la Zeo Activée :\u003c\/p\u003e\n    \u003cdiv class=\"soi-zeoa-compo\"\u003e\n      \u003cdiv class=\"soi-zeoa-compo-row soi-zeoa-compo-header\"\u003e\n        \u003cspan class=\"soi-zeoa-compo-label\"\u003eComposant\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-value\"\u003eTeneur indicative\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-role\"\u003eRôle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-compo-row\"\u003e\n        \u003cspan class=\"soi-zeoa-compo-label\"\u003eZéolite clinoptilolite\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-value\"\u003e100 %\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-role\"\u003ePrincipe actif unique — adsorption, échange ionique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-compo-row\"\u003e\n        \u003cspan class=\"soi-zeoa-compo-label\"\u003eSiO₂ (dioxyde de silicium)\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-value\"\u003e~65–70 %\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-role\"\u003eConstituant majeur de la structure microporeuse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-compo-row\"\u003e\n        \u003cspan class=\"soi-zeoa-compo-label\"\u003eAl₂O₃ (alumine)\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-value\"\u003e~11–13 %\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-role\"\u003eContribue à la charge ionique et aux échanges\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-compo-row\"\u003e\n        \u003cspan class=\"soi-zeoa-compo-label\"\u003eK₂O, CaO, MgO, FeO₃\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-value\"\u003eTraces naturelles\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-role\"\u003eMinéraux naturellement présents dans la roche\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-compo-row\"\u003e\n        \u003cspan class=\"soi-zeoa-compo-label\"\u003eAdditifs \/ excipients\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-value\"\u003eAucun\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-compo-role\"\u003eProduit 100 % pur et naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-zeoa-disclaimer\"\u003eLa zéolite clinoptilolite est un aluminosilicate d'origine naturelle. Sa composition exacte peut varier légèrement selon le gisement d'extraction. Ces valeurs sont données à titre indicatif.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"soi-zeoa-section\"\u003e\n    \u003ch2\u003ePosologie et quantités recommandées\u003c\/h2\u003e\n    \u003cdiv class=\"soi-zeoa-grid-compact\"\u003e\n      \u003cdiv class=\"soi-zeoa-card-mini\"\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-label\"\u003eMasque visage\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-value\"\u003e1 à 2 c. à café\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-detail\"\u003eEnviron 3–6 g · 1 à 2 fois\/semaine\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card-mini\"\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-label\"\u003eCataplasme corporel\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-value\"\u003e2 à 3 c. à soupe\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-detail\"\u003eEnviron 15–20 g · Rincer après 15–20 min\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card-mini\"\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-icon\"\u003e🧪\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-label\"\u003eUsage cosmétique DIY\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-value\"\u003e5 à 15 %\u003c\/span\u003e\n        \u003cspan class=\"soi-zeoa-card-mini-detail\"\u003eÀ incorporer dans vos préparations maison\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-zeoa-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"soi-zeoa-accordion-item\"\u003e\n        \u003csummary class=\"soi-zeoa-accordion-header\"\u003e⚠️ Précautions d'emploi et conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-zeoa-accordion-content\"\u003e\n          \u003cp\u003eLa Zeo Activée SFB est exclusivement destinée à un \u003cstrong\u003eusage externe\u003c\/strong\u003e. Elle ne doit pas être ingérée. Tenir hors de portée des enfants. Conserver à l'abri de l'humidité et de la chaleur. Évitez tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"soi-zeoa-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la Zeo Activée de SFB Laboratoires ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-zeoa-grid\"\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e🌋 Origine volcanique tracée\u003c\/h3\u003e\n        \u003cp\u003eExtraite des Balkans, région reconnue pour la qualité de ses gisements de clinoptilolite.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e⚗️ Granulométrie 0–5 microns\u003c\/h3\u003e\n        \u003cp\u003eSurface de contact maximisée pour une efficacité optimale sur la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e✅ Activée mécaniquement\u003c\/h3\u003e\n        \u003cp\u003eLe processus d'activation augmente la réactivité de la structure poreuse de la zéolite.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e🚫 Sans nanoparticules\u003c\/h3\u003e\n        \u003cp\u003eSécurité et respect de l'intégrité cutanée garantis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturelle et pure\u003c\/h3\u003e\n        \u003cp\u003eAucun additif, aucun excipient, aucun conservateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e📦 Conditionnement protecteur\u003c\/h3\u003e\n        \u003cp\u003ePot noir hermétique qui préserve les propriétés actives du produit dans le temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #8 --\u003e\n  \u003csection class=\"soi-zeoa-section\"\u003e\n    \u003ch2\u003ePour qui est faite la poudre de zéolite activée ?\u003c\/h2\u003e\n    \u003cp class=\"soi-zeoa-section-intro\"\u003eLa zéolite activée en poudre s'adresse à toutes les personnes souhaitant intégrer un soin minéral naturel dans leur routine beauté. Elle convient particulièrement :\u003c\/p\u003e\n    \u003cdiv class=\"soi-zeoa-grid\"\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e✨ Peaux mixtes à grasses\u003c\/h3\u003e\n        \u003cp\u003eOu sujettes aux imperfections, pour un soin purifiant en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e🍃 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant une alternative naturelle aux soins purifiants conventionnels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e🧴 Passionnés de cosmétique DIY\u003c\/h3\u003e\n        \u003cp\u003ePour enrichir vos préparations maison avec un actif minéral purifiant et régulateur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e🔍 Transparence avant tout\u003c\/h3\u003e\n        \u003cp\u003eToute personne attentive à la transparence des ingrédients et à la traçabilité des matières premières.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-zeoa-card\"\u003e\n        \u003ch3\u003e🏥 Professionnels de la beauté naturelle\u003c\/h3\u003e\n        \u003cp\u003eNaturopathes et praticiens cherchant une zéolite activée de qualité supérieure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-zeoa-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-zeoa-cta-box\"\u003e\n      \u003cp class=\"soi-zeoa-cta-tag\" style=\"color: white;\"\u003eLa pureté minérale au service de votre peau\u003c\/p\u003e\n      \u003cp class=\"soi-zeoa-cta-text\" style=\"color: white;\"\u003eNée dans les volcans des Balkans, affinée jusqu'à l'extrême finesse — la Zeo Activée SFB est un rituel de pureté, un geste naturel profondément efficace pour votre peau, sans compromis, sans artifices.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-zeoa-marine: #1A2D3D;\n  --soi-zeoa-marine-dark: #0F1E2B;\n  --soi-zeoa-marine-light: #2C4458;\n  --soi-zeoa-pomme: #A1C544;\n  --soi-zeoa-pomme-dark: #84A636;\n  --soi-zeoa-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-zeoa-white: #FFFFFF;\n  --soi-zeoa-off-white: #F8FAF6;\n  --soi-zeoa-stone: #F1F3EE;\n  --soi-zeoa-line: #E5E8E0;\n\n  --soi-zeoa-primary: #3A3A3A;\n  --soi-zeoa-primary-soft: #5A5A5A;\n  --soi-zeoa-accent: #C8A96E;\n\n  --soi-zeoa-text: #1A2D3D;\n  --soi-zeoa-text-soft: #4A5B6B;\n  --soi-zeoa-text-muted: #7B8693;\n\n  --soi-zeoa-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-zeoa-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-zeoa-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-zeoa-radius: 12px;\n  --soi-zeoa-radius-sm: 8px;\n  --soi-zeoa-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-zeoa-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-zeoa-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-zeoa-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-zeoa-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-zeoa-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-zeoa-hero {\n  position: relative;\n  background: var(--soi-zeoa-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-zeoa-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-zeoa-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--soi-zeoa-pomme), var(--soi-zeoa-accent));\n}\n\n.soi-zeoa-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-zeoa-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-zeoa-accent);\n  border-radius: 50%;\n}\n\n.soi-zeoa-hero-title {\n  display: block;\n  color: var(--soi-zeoa-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-zeoa-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-zeoa-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-zeoa-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-zeoa-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-zeoa-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-zeoa-label-accent {\n  background: var(--soi-zeoa-accent);\n  border-color: var(--soi-zeoa-accent);\n  color: var(--soi-zeoa-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-zeoa-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-zeoa-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-zeoa-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-zeoa-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-zeoa-pomme);\n  border-radius: 2px;\n}\n\n.soi-zeoa-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-zeoa-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-zeoa-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-zeoa-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-zeoa-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.soi-zeoa-disclaimer {\n  font-size: clamp(12px, 1.5vw, 13px);\n  color: var(--soi-zeoa-text-muted);\n  font-style: italic;\n  margin-top: 1rem;\n  line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.soi-zeoa-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-zeoa-benefit {\n  background: var(--soi-zeoa-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-zeoa-radius);\n  border: 1px solid var(--soi-zeoa-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-zeoa-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-zeoa-shadow-md);\n}\n\n.soi-zeoa-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-zeoa-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-zeoa-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-zeoa-accent);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-zeoa-benefit:hover .soi-zeoa-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-zeoa-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-zeoa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-zeoa-benefit p {\n  font-size: 13px;\n  color: var(--soi-zeoa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-zeoa-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-zeoa-card {\n  background: var(--soi-zeoa-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-zeoa-radius);\n  border-left: 3px solid var(--soi-zeoa-pomme);\n}\n\n.soi-zeoa-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-zeoa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-zeoa-card p {\n  font-size: 14px;\n  color: var(--soi-zeoa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-zeoa-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 12px;\n}\n\n.soi-zeoa-card-mini {\n  background: var(--soi-zeoa-stone);\n  padding: 1.25rem 1.25rem;\n  border-radius: var(--soi-zeoa-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-zeoa-card-mini-icon {\n  font-size: 24px;\n  margin-bottom: 4px;\n}\n\n.soi-zeoa-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-zeoa-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-zeoa-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-zeoa-marine);\n}\n\n.soi-zeoa-card-mini-detail {\n  font-size: 12px;\n  color: var(--soi-zeoa-text-soft);\n  line-height: 1.5;\n  margin-top: 2px;\n}\n\n\/* === TIMELINE === *\/\n.soi-zeoa-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-zeoa-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-zeoa-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-zeoa-radius);\n  border: 1px solid var(--soi-zeoa-line);\n  align-items: flex-start;\n}\n\n.soi-zeoa-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-zeoa-marine);\n  color: var(--soi-zeoa-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-zeoa-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-zeoa-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-zeoa-step-content p {\n  font-size: 14px;\n  color: var(--soi-zeoa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows — extended 3 cols) === *\/\n.soi-zeoa-compo {\n  background: var(--soi-zeoa-off-white);\n  border-radius: var(--soi-zeoa-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-zeoa-compo-row {\n  display: grid;\n  grid-template-columns: 1fr auto 1.5fr;\n  align-items: center;\n  padding: 0.9rem 1.5rem;\n  border-bottom: 1px solid var(--soi-zeoa-line);\n  gap: 1rem;\n}\n\n.soi-zeoa-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-zeoa-compo-header {\n  background: var(--soi-zeoa-marine);\n  border-radius: var(--soi-zeoa-radius-sm) var(--soi-zeoa-radius-sm) 0 0;\n  border-bottom: none;\n}\n\n.soi-zeoa-compo-header .soi-zeoa-compo-label,\n.soi-zeoa-compo-header .soi-zeoa-compo-value,\n.soi-zeoa-compo-header .soi-zeoa-compo-role {\n  color: var(--soi-zeoa-white);\n  font-weight: 600;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n.soi-zeoa-compo-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--soi-zeoa-text);\n}\n\n.soi-zeoa-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--soi-zeoa-marine);\n  text-align: center;\n}\n\n.soi-zeoa-compo-role {\n  font-size: 13px;\n  color: var(--soi-zeoa-text-soft);\n}\n\n\/* === TIP === *\/\n.soi-zeoa-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-zeoa-pomme-light);\n  border-left: 4px solid var(--soi-zeoa-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-zeoa-radius) var(--soi-zeoa-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-zeoa-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-zeoa-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-zeoa-marine);\n  margin-bottom: 4px;\n}\n\n.soi-zeoa-tip p {\n  font-size: 14px;\n  color: var(--soi-zeoa-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-zeoa-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-zeoa-accordion-item {\n  background: var(--soi-zeoa-off-white);\n  border-radius: var(--soi-zeoa-radius-sm);\n  border: 1px solid var(--soi-zeoa-line);\n  overflow: hidden;\n}\n\n.soi-zeoa-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-zeoa-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-zeoa-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-zeoa-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-zeoa-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-zeoa-accordion-item[open] .soi-zeoa-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-zeoa-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-zeoa-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-zeoa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-zeoa-cta-box {\n  background: var(--soi-zeoa-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-zeoa-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-zeoa-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-zeoa-accent);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-zeoa-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-zeoa-accent);\n  margin-bottom: 0.75rem;\n}\n\n.soi-zeoa-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-zeoa-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-zeoa-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-zeoa-compo-row {\n    grid-template-columns: 1fr;\n    gap: 4px;\n  }\n\n  .soi-zeoa-compo-value {\n    text-align: left;\n  }\n\n  .soi-zeoa-compo-header {\n    display: none;\n  }\n\n  .soi-zeoa-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-zeoa-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-zeoa-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-zeoa-fiche {\n    --soi-zeoa-text-soft: #2C3E50;\n    --soi-zeoa-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603772498250,"sku":"SF0240","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/zeo-activee-en-poudre-sfb-packshot_d163f3f0-516a-4da7-881f-b30cea69caf5.webp?v=1778929895"},{"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":20.9,"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":8.9,"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":"jus-de-mangoustan-bio-sfb","title":"Jus de Mangoustan bio 500 ml  - SFB","description":"\u003cdiv class=\"soi-mang-fiche\"\u003e\n\n\u003csection class=\"soi-mang-hero\"\u003e\n  \u003cdiv class=\"soi-mang-hero-tag\"\u003e\n    \u003cspan class=\"soi-mang-tag-dot\"\u003e\u003c\/span\u003e\n    Super fruits · SFB Laboratoires\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-mang-hero-title\"\u003eJus de Mangoustan Bio\u003c\/span\u003e\n  \u003cp class=\"soi-mang-hero-subtitle\"\u003eDécouvrez toute la richesse antioxydante du mangoustan, fruit d'exception d'Asie du Sud-Est, dans un jus pur et sans compromis.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mang-hero-labels\"\u003e\n    \u003cspan class=\"soi-mang-label soi-mang-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-mang-label\"\u003eSANS SUCRES AJOUTÉS\u003c\/span\u003e\n    \u003cspan class=\"soi-mang-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n    \u003cspan class=\"soi-mang-label\"\u003eFLACON VERRE 500 ML\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\"\u003e\n  \u003ch2\u003ePourquoi le mangoustan est-il considéré comme un super fruit antioxydant ?\u003c\/h2\u003e\n  \u003cp class=\"soi-mang-section-intro\"\u003eLe mangoustan doit sa réputation à une famille de polyphénols rarissimes : les xanthones. Ces molécules, quasi absentes du reste du règne végétal, sont concentrées dans l'écorce et la pulpe du fruit. Leur puissance antioxydante en fait un allié reconnu pour votre bien-être quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mang-benefits\"\u003e\n    \u003cdiv class=\"soi-mang-benefit\"\u003e\n      \u003cdiv class=\"soi-mang-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNeutralise les radicaux libres\u003c\/h3\u003e\n      \u003cp\u003eProtège vos cellules du stress oxydatif quotidien grâce à la concentration en xanthones.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-benefit\"\u003e\n      \u003cdiv class=\"soi-mang-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSoutien de l'immunité\u003c\/h3\u003e\n      \u003cp\u003eUn allié précieux notamment en période hivernale ou de fatigue passagère.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-benefit\"\u003e\n      \u003cdiv class=\"soi-mang-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePeau d'apparence plus saine\u003c\/h3\u003e\n      \u003cp\u003eContribue à protéger les cellules cutanées grâce à son action antioxydante.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-benefit\"\u003e\n      \u003cdiv class=\"soi-mang-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eConfort digestif et apaisement\u003c\/h3\u003e\n      \u003cp\u003eFavorise le confort digestif et exerce une action apaisante sur l'organisme grâce aux phytonutriments du fruit.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mang-tip\"\u003e\n    \u003cdiv class=\"soi-mang-tip-icon\"\u003e🔬\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n      \u003cp\u003eLes xanthones, ces polyphénols exceptionnels, sont quasi exclusifs au mangoustan. Leur action antioxydante est souvent associée à des propriétés anti-inflammatoires dans la littérature scientifique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\"\u003e\n  \u003ch2\u003eComposition du Jus de Mangoustan bio SFB\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mang-compo\"\u003e\n    \u003cdiv class=\"soi-mang-compo-row\"\u003e\n      \u003cspan class=\"soi-mang-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-compo-value\"\u003eJus de mangoustan (\u003cem\u003eGarcinia mangostana\u003c\/em\u003e) issu de l'agriculture biologique\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-compo-row\"\u003e\n      \u003cspan class=\"soi-mang-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-compo-value\"\u003eAgriculture Biologique (AB)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-compo-row\"\u003e\n      \u003cspan class=\"soi-mang-compo-label\"\u003eVolume\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-compo-value\"\u003e500 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-compo-row\"\u003e\n      \u003cspan class=\"soi-mang-compo-label\"\u003eConditionnement\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-compo-value\"\u003eFlacon en verre\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-compo-row\"\u003e\n      \u003cspan class=\"soi-mang-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-compo-value\"\u003eSucres ajoutés, arômes artificiels, conservateurs\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mang-grid-compact\"\u003e\n    \u003cdiv class=\"soi-mang-card-mini\"\u003e\n      \u003cspan class=\"soi-mang-card-mini-icon\"\u003e🍇\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-card-mini-label\"\u003eIngrédient\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-card-mini-value\"\u003e100% Mangoustan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-card-mini\"\u003e\n      \u003cspan class=\"soi-mang-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-card-mini-value\"\u003eBio (AB)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-card-mini\"\u003e\n      \u003cspan class=\"soi-mang-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-card-mini-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-card-mini-value\"\u003e500 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-card-mini\"\u003e\n      \u003cspan class=\"soi-mang-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-card-mini-label\"\u003eContenant\u003c\/span\u003e\n      \u003cspan class=\"soi-mang-card-mini-value\"\u003eVerre\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\"\u003e\n  \u003ch2\u003eComment consommer le jus de mangoustan bio au quotidien ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mang-timeline\"\u003e\n    \u003cdiv class=\"soi-mang-step\"\u003e\n      \u003cdiv class=\"soi-mang-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-mang-step-content\"\u003e\n        \u003ch3\u003eDosage conseillé\u003c\/h3\u003e\n        \u003cp\u003e30 à 60 ml par jour, de préférence le matin à jeun ou avant un repas. Pur ou dilué dans un verre d'eau, selon vos préférences.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-step\"\u003e\n      \u003cdiv class=\"soi-mang-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-mang-step-content\"\u003e\n        \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n        \u003cp\u003eUne cure de 4 à 8 semaines est idéale pour profiter pleinement des bienfaits des xanthones sur la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-step\"\u003e\n      \u003cdiv class=\"soi-mang-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-mang-step-content\"\u003e\n        \u003ch3\u003eConservation\u003c\/h3\u003e\n        \u003cp\u003eÀ conserver au réfrigérateur après ouverture et à consommer dans les 5 à 7 jours. Bien agiter avant chaque utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\"\u003e\n  \u003ch2\u003eCe que vous ne trouverez pas ailleurs : le choix SFB\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mang-grid\"\u003e\n    \u003cdiv class=\"soi-mang-card\"\u003e\n      \u003ch3\u003e🌏 Sélection rigoureuse\u003c\/h3\u003e\n      \u003cp\u003eSFB Laboratoires sélectionne rigoureusement ses mangoustans pour leur maturité optimale, garantissant un goût authentique, à la fois doux, acidulé et légèrement fleuri, fidèle au fruit frais.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mang-card\"\u003e\n      \u003ch3\u003e🫙 Conditionnement en verre\u003c\/h3\u003e\n      \u003cp\u003eLe verre protège les xanthones de l'oxydation liée aux emballages plastiques et témoigne d'une démarche responsable envers l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp\u003eCe jus s'adresse à toute personne souhaitant enrichir sa routine bien-être avec un apport naturel en antioxydants, sans recourir à des formules complexes ou des ingrédients superflus.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\"\u003e\n  \u003cdiv class=\"soi-mang-accordion\"\u003e\n    \u003cdetails class=\"soi-mang-accordion-item\"\u003e\n      \u003csummary class=\"soi-mang-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mang-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un complément alimentaire. Il ne se substitue pas à une alimentation variée et équilibrée, ni à un suivi médical. Tenez-le hors de portée des enfants. Demandez l'avis d'un professionnel de santé en cas de traitement médicamenteux ou de situation particulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mang-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-mang-cta-box\"\u003e\n    \u003cp class=\"soi-mang-cta-tag\" style=\"color: white;\"\u003eUn fruit d'exception, un geste quotidien\u003c\/p\u003e\n    \u003cp class=\"soi-mang-cta-text\" style=\"color: white;\"\u003eOffrez à votre organisme toute la puissance antioxydante du mangoustan bio : un plaisir savoureux au service de votre vitalité, de votre immunité et de votre peau.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mang-marine: #1A2D3D;\n  --soi-mang-marine-dark: #0F1E2B;\n  --soi-mang-marine-light: #2C4458;\n  --soi-mang-pomme: #A1C544;\n  --soi-mang-pomme-dark: #84A636;\n  --soi-mang-pomme-light: rgba(161,197,68,0.10);\n  --soi-mang-white: #FFFFFF;\n  --soi-mang-off-white: #F8FAF6;\n  --soi-mang-stone: #F1F3EE;\n  --soi-mang-line: #E5E8E0;\n  --soi-mang-primary: #6B3A6D;\n  --soi-mang-primary-soft: #8E5A90;\n  --soi-mang-accent: #D4A52A;\n  --soi-mang-text: #1A2D3D;\n  --soi-mang-text-soft: #4A5B6B;\n  --soi-mang-text-muted: #7B8693;\n  --soi-mang-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mang-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mang-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mang-radius: 12px;\n  --soi-mang-radius-sm: 8px;\n  --soi-mang-radius-pill: 999px;\n}\n\n.soi-mang-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mang-fiche img { max-width: 100%; height: auto; }\n\n.soi-mang-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mang-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mang-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-mang-hero {\n  position: relative;\n  background: var(--soi-mang-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-mang-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mang-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mang-pomme);\n}\n\n.soi-mang-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-mang-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mang-pomme);\n  border-radius: 50%;\n}\n\n.soi-mang-hero-title {\n  display: block;\n  color: var(--soi-mang-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-mang-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-mang-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mang-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-mang-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mang-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mang-label-accent {\n  background: var(--soi-mang-pomme);\n  border-color: var(--soi-mang-pomme);\n  color: var(--soi-mang-marine);\n  font-weight: 600;\n}\n\n.soi-mang-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mang-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mang-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-mang-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mang-pomme);\n  border-radius: 2px;\n}\n\n.soi-mang-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mang-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mang-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mang-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mang-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-mang-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-mang-benefit {\n  background: var(--soi-mang-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mang-radius);\n  border: 1px solid var(--soi-mang-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mang-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mang-shadow-md);\n}\n\n.soi-mang-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mang-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-mang-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mang-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mang-benefit:hover .soi-mang-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mang-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mang-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mang-benefit p {\n  font-size: 13px;\n  color: var(--soi-mang-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mang-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-mang-card {\n  background: var(--soi-mang-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mang-radius);\n  border-left: 3px solid var(--soi-mang-pomme);\n}\n\n.soi-mang-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mang-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mang-card p {\n  font-size: 14px;\n  color: var(--soi-mang-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mang-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-mang-card-mini {\n  background: var(--soi-mang-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-mang-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-mang-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-mang-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-mang-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-mang-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mang-marine);\n}\n\n.soi-mang-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mang-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mang-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mang-radius);\n  border: 1px solid var(--soi-mang-line);\n  align-items: flex-start;\n}\n\n.soi-mang-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mang-marine);\n  color: var(--soi-mang-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-mang-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mang-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mang-step-content p {\n  font-size: 14px;\n  color: var(--soi-mang-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mang-compo {\n  background: var(--soi-mang-off-white);\n  border-radius: var(--soi-mang-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mang-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-mang-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mang-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mang-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mang-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mang-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mang-marine);\n  text-align: right;\n}\n\n.soi-mang-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mang-pomme-light);\n  border-left: 4px solid var(--soi-mang-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mang-radius) var(--soi-mang-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-mang-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mang-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mang-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mang-tip p {\n  font-size: 14px;\n  color: var(--soi-mang-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mang-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mang-accordion-item {\n  background: var(--soi-mang-off-white);\n  border-radius: var(--soi-mang-radius-sm);\n  border: 1px solid var(--soi-mang-line);\n  overflow: hidden;\n}\n\n.soi-mang-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mang-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-mang-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mang-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mang-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mang-accordion-item[open] .soi-mang-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mang-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mang-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mang-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mang-cta-box {\n  background: var(--soi-mang-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mang-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mang-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-mang-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mang-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-mang-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mang-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mang-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-mang-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mang-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mang-compo-value {\n    text-align: left;\n  }\n\n  .soi-mang-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-mang-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mang-fiche {\n    --soi-mang-text-soft: #2C3E50;\n    --soi-mang-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603776201034,"sku":"SF0275","price":23.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/jus-de-mangoustan-bio-sfb-packshot_b6b46603-29c7-477d-b5c8-c250e5d29e15.webp?v=1780057030"},{"product_id":"seve-de-bouleau-bio-enrichie-aux-bourgeons-derma-seve-alphagem","title":"Sève de bouleau bio enrichie aux bourgeons (Derma-sève) - Alphagem","description":"\u003cdiv class=\"soi-derm-fiche\"\u003e\n\n\u003csection class=\"soi-derm-hero\"\u003e\n  \u003cdiv class=\"soi-derm-hero-tag\"\u003e\n    \u003cspan class=\"soi-derm-tag-dot\"\u003e\u003c\/span\u003e\n    Gemmothérapie · Alphagem\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-derm-hero-title\"\u003eSève de bouleau bio enrichie aux bourgeons (Derma-Sève)\u003c\/span\u003e\n  \u003cp class=\"soi-derm-hero-subtitle\"\u003eUn concentré vivant de sève de bouleau lacto-fermentée et de macérats de bourgeons, conçu pour purifier en profondeur et redonner éclat à votre peau.\u003c\/p\u003e\n  \u003cdiv class=\"soi-derm-hero-labels\"\u003e\n    \u003cspan class=\"soi-derm-label soi-derm-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-derm-label\"\u003eGEMMOTHÉRAPIE\u003c\/span\u003e\n    \u003cspan class=\"soi-derm-label\"\u003e250 ML\u003c\/span\u003e\n    \u003cspan class=\"soi-derm-label\"\u003eALC. 15% VOL.\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eLa Derma-Sève Bio Alphagem : quand la sève de bouleau rencontre la gemmothérapie\u003c\/h2\u003e\n  \u003cp\u003eVous cherchez un soutien naturel pour votre peau et votre organisme ? La \u003cstrong\u003eDerma-Sève Bio d'Alphagem\u003c\/strong\u003e est une formule unique qui associe la \u003cstrong\u003esève de bouleau fraîche lacto-fermentée\u003c\/strong\u003e, enrichie au kombucha, à une sélection de \u003cstrong\u003emacérats de bourgeons\u003c\/strong\u003e issus de la gemmothérapie. Le résultat : un concentré vivant, conçu pour purifier en profondeur et redonner éclat à la peau.\u003c\/p\u003e\n  \u003cp\u003eContrairement aux sèves de bouleau classiques du marché, souvent stabilisées à l'alcool ou pasteurisées, cette formule préserve intégralement la vitalité des nutriments grâce à son procédé de fermentation naturelle.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eLes bienfaits de la sève de bouleau : ce que dit réellement la science\u003c\/h2\u003e\n  \u003cp class=\"soi-derm-section-intro\"\u003eLa sève de bouleau est récoltée chaque printemps directement dans l'écorce de l'arbre. Riche en minéraux, acides organiques et antioxydants, elle est reconnue traditionnellement pour ses propriétés \u003cstrong\u003edrainantes, purifiantes et reminéralisantes\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003cdiv class=\"soi-derm-benefits\"\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eDrainage et détoxification\u003c\/h3\u003e\n      \u003cp\u003eElle soutient l'élimination des déchets via le foie, les reins et l'intestin, idéal pour une cure de printemps.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePeau lumineuse\u003c\/h3\u003e\n      \u003cp\u003eSon action purifiante aide à réduire l'aspect terne du teint et favorise la régénération cellulaire cutanée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eReminéralisation\u003c\/h3\u003e\n      \u003cp\u003eApporte silice, potassium, magnésium et zinc, des minéraux essentiels à l'éclat et à la fermeté de la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation cellulaire\u003c\/h3\u003e\n      \u003cp\u003eSa composition, proche de l'eau cellulaire, hydrate les tissus de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-derm-tip\"\u003e\n    \u003cdiv class=\"soi-derm-tip-icon\"\u003e🔬\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n      \u003cp\u003eLa Derma-Sève se distingue par sa teneur élevée en acide glucuronique (625 mg\/l), un composé clé qui stimule les enzymes hépatiques impliquées dans la neutralisation des toxines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eSève de bouleau et dangers : ce qu'il faut savoir avant de commencer\u003c\/h2\u003e\n  \u003cp class=\"soi-derm-section-intro\"\u003eLa sève de bouleau est bien tolérée par la plupart des personnes. Toutefois, quelques précautions s'imposent avant de débuter votre cure.\u003c\/p\u003e\n  \u003cdiv class=\"soi-derm-accordion\"\u003e\n    \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n      \u003csummary class=\"soi-derm-accordion-header\"\u003e⚠️ Allergie au bouleau\u003c\/summary\u003e\n      \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n        \u003cp\u003eLa Derma-Sève est déconseillée en cas d'allergie au bouleau, en raison de réactions croisées possibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n      \u003csummary class=\"soi-derm-accordion-header\"\u003e🩺 Insuffisance rénale\u003c\/summary\u003e\n      \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n        \u003cp\u003eÀ éviter si vous souffrez d'insuffisance rénale sévère, en raison de son effet drainant marqué.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n      \u003csummary class=\"soi-derm-accordion-header\"\u003e🤰 Grossesse, allaitement et traitements\u003c\/summary\u003e\n      \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n        \u003cp\u003eConsultez votre médecin si vous êtes enceinte, allaitante ou sous traitement médicamenteux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n      \u003csummary class=\"soi-derm-accordion-header\"\u003e📏 Dose recommandée\u003c\/summary\u003e\n      \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n        \u003cp\u003eNe jamais dépasser la dose recommandée : un excès ne renforce pas les effets mais peut fatiguer les organes émonctoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top: 1rem;\"\u003eCe complément ne se substitue pas à un traitement médical. En cas de doute, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eComposition complète de la Derma-Sève Bio Alphagem\u003c\/h2\u003e\n  \u003cp class=\"soi-derm-section-intro\"\u003eChaque flacon de 250 ml contient une synergie de plantes et bourgeons soigneusement dosés.\u003c\/p\u003e\n  \u003cdiv class=\"soi-derm-compo\"\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eBase\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003eSève de bouleau bio lacto-fermentée (enrichie au kombucha) : 625 mg\/l d'acide glucuronique\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eBourgeon\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003eMacérat de bourgeons de cassis (Ribes nigrum) : action anti-inflammatoire et drainante\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eBourgeon\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003eMacérat de bourgeons d'orme (Ulmus campestris) : équilibre cutané, peau à tendance acnéique\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003ePrêle : richesse en silice organique, soutien de la fermeté cutanée\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003eOrtie : reminéralisation, action purifiante\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003eBardane : dépuratif cutané, peau grasse ou impure\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eExtrait\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003ePissenlit : drainage hépatique et rénal\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eConservateur\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003eAlcool naturel 15% vol.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eComment prendre la Derma-Sève : posologie et conseils pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-derm-timeline\"\u003e\n    \u003cdiv class=\"soi-derm-step\"\u003e\n      \u003cdiv class=\"soi-derm-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step-content\"\u003e\n        \u003ch3\u003eDose quotidienne\u003c\/h3\u003e\n        \u003cp\u003e15 ml par jour (une cuillère à soupe), de préférence le matin à jeun, diluée dans un grand verre d'eau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-step\"\u003e\n      \u003cdiv class=\"soi-derm-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step-content\"\u003e\n        \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n        \u003cp\u003e3 semaines minimum, idéalement 6 à 8 semaines pour des résultats visibles sur la peau et la vitalité générale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-step\"\u003e\n      \u003cdiv class=\"soi-derm-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step-content\"\u003e\n        \u003ch3\u003eConservation\u003c\/h3\u003e\n        \u003cp\u003eÀ conserver au frais après ouverture. Agiter légèrement avant utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003ePour qui est faite la Derma-Sève Bio ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-derm-grid\"\u003e\n    \u003cdiv class=\"soi-derm-card\"\u003e\n      \u003ch3\u003e🪞 Peau terne ou à tendance acnéique\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez retrouver un teint lumineux et soutenir la régénération de votre peau fatiguée ou sujette aux imperfections.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-card\"\u003e\n      \u003ch3\u003e🌿 Cure de printemps complète\u003c\/h3\u003e\n      \u003cp\u003eVous cherchez un allié naturel pour accompagner votre organisme lors d'une cure de drainage et de purification saisonnière.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-card\"\u003e\n      \u003ch3\u003e🫀 Soutien foie, reins et transit\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez soutenir naturellement vos organes émonctoires et favoriser l'élimination des déchets de votre organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-card\"\u003e\n      \u003ch3\u003e🌱 Adeptes de la gemmothérapie\u003c\/h3\u003e\n      \u003cp\u003eVous êtes sensible aux médecines douces et recherchez des formules associant tradition et savoir-faire en phytothérapie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-derm-cta-box\"\u003e\n    \u003cp class=\"soi-derm-cta-tag\" style=\"color: white;\"\u003ePurifiez votre organisme, révélez l'éclat de votre peau\u003c\/p\u003e\n    \u003cp class=\"soi-derm-cta-text\" style=\"color: white;\"\u003ePrendre soin de sa peau commence de l'intérieur. Avec la Derma-Sève Bio Alphagem, vous offrez à votre organisme un concentré vivant de sève de bouleau et de bourgeons : une formule douce, naturelle et profondément purifiante, saison après saison.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-derm-marine: #1A2D3D;\n  --soi-derm-marine-dark: #0F1E2B;\n  --soi-derm-marine-light: #2C4458;\n  --soi-derm-pomme: #A1C544;\n  --soi-derm-pomme-dark: #84A636;\n  --soi-derm-pomme-light: rgba(161,197,68,0.10);\n  --soi-derm-white: #FFFFFF;\n  --soi-derm-off-white: #F8FAF6;\n  --soi-derm-stone: #F1F3EE;\n  --soi-derm-line: #E5E8E0;\n  --soi-derm-primary: #7CA86E;\n  --soi-derm-primary-soft: rgba(124,168,110,0.12);\n  --soi-derm-accent: #D4A52A;\n  --soi-derm-text: #1A2D3D;\n  --soi-derm-text-soft: #4A5B6B;\n  --soi-derm-text-muted: #7B8693;\n  --soi-derm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-derm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-derm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-derm-radius: 12px;\n  --soi-derm-radius-sm: 8px;\n  --soi-derm-radius-pill: 999px;\n}\n\n.soi-derm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-derm-fiche img { max-width: 100%; height: auto; }\n\n.soi-derm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-derm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-derm-hero {\n  position: relative;\n  background: var(--soi-derm-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-derm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-derm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-derm-pomme);\n}\n\n.soi-derm-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-derm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-derm-pomme);\n  border-radius: 50%;\n}\n\n.soi-derm-hero-title {\n  display: block;\n  color: var(--soi-derm-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-derm-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-derm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-derm-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-derm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-derm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-derm-label-accent {\n  background: var(--soi-derm-pomme);\n  border-color: var(--soi-derm-pomme);\n  color: var(--soi-derm-marine);\n  font-weight: 600;\n}\n\n.soi-derm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-derm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-derm-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-derm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-derm-pomme);\n  border-radius: 2px;\n}\n\n.soi-derm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-derm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-derm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-derm-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-derm-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-derm-benefit {\n  background: var(--soi-derm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-derm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-derm-shadow-md);\n}\n\n.soi-derm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-derm-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-derm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-derm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-derm-benefit:hover .soi-derm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-derm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-benefit p {\n  font-size: 13px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-derm-card {\n  background: var(--soi-derm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border-left: 3px solid var(--soi-derm-pomme);\n}\n\n.soi-derm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-card p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-derm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-derm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  align-items: flex-start;\n}\n\n.soi-derm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-derm-marine);\n  color: var(--soi-derm-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-derm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-derm-step-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-compo {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-derm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-derm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-derm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-derm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-derm-marine);\n  text-align: right;\n}\n\n.soi-derm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-derm-pomme-light);\n  border-left: 4px solid var(--soi-derm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-derm-radius) var(--soi-derm-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-derm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-derm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-derm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-derm-tip p {\n  font-size: 14px;\n  color: var(--soi-derm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-derm-accordion-item {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius-sm);\n  border: 1px solid var(--soi-derm-line);\n  overflow: hidden;\n}\n\n.soi-derm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-derm-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-derm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-derm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-derm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-derm-accordion-item[open] .soi-derm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-derm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-derm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-cta-box {\n  background: var(--soi-derm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-derm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-derm-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-derm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-derm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-derm-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-derm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-derm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-derm-compo-value {\n    text-align: left;\n  }\n\n  .soi-derm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-derm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-derm-fiche {\n    --soi-derm-text-soft: #2C3E50;\n    --soi-derm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Alphagem","offers":[{"title":"Default Title","offer_id":61603796156746,"sku":"GE0070","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/seve-de-bouleau-bio-enrichie-aux-bourgeons-derma-seve-alphag-packshot.webp?v=1779454109"},{"product_id":"huile-essentielle-de-millefeuille-pranarom","title":"Huile essentielle de millefeuille - Pranarom","description":"\u003cdiv class=\"soi-mill-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-mill-hero\"\u003e\n    \u003cdiv class=\"soi-mill-hero-tag\"\u003e\n      \u003cspan class=\"soi-mill-tag-dot\"\u003e\u003c\/span\u003e\n      Aromathérapie · Pranarom\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-mill-hero-title\"\u003eLa précision botanique au service de votre peau\u003c\/span\u003e\n    \u003cp class=\"soi-mill-hero-subtitle\"\u003eHuile essentielle chémotypée d'achillée millefeuille, 100 % pure et naturelle, extraite des sommités fleuries pour une aromathérapie rigoureuse et polyvalente.\u003c\/p\u003e\n    \u003cdiv class=\"soi-mill-hero-labels\"\u003e\n      \u003cspan class=\"soi-mill-label soi-mill-label-accent\"\u003eHECT\u003c\/span\u003e\n      \u003cspan class=\"soi-mill-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-mill-label\"\u003eCHÉMOTYPÉE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition biochimique --\u003e\n  \u003csection class=\"soi-mill-section\"\u003e\n    \u003ch2\u003eComposition biochimique : ce qui rend cette huile unique\u003c\/h2\u003e\n    \u003cp class=\"soi-mill-section-intro\"\u003eLa qualité chémotypée Pranarom garantit une teneur contrôlée en principes actifs. Trois molécules clés définissent le profil de cette huile :\u003c\/p\u003e\n    \u003cdiv class=\"soi-mill-benefits\"\u003e\n      \u003cdiv class=\"soi-mill-benefit\"\u003e\n        \u003cdiv class=\"soi-mill-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCamphre\u003c\/h3\u003e\n        \u003cp\u003eTonifiant et décongestionnant, il agit sur les tensions cutanées et musculaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-benefit\"\u003e\n        \u003cdiv class=\"soi-mill-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e1,8-cinéole (eucalyptol)\u003c\/h3\u003e\n        \u003cp\u003eAux propriétés anti-inflammatoires et purifiantes reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-benefit\"\u003e\n        \u003cdiv class=\"soi-mill-benefit-icon\"\u003e\u003cspan\u003e🔵\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eChamazulène\u003c\/h3\u003e\n        \u003cp\u003ePigment bleu caractéristique de l'achillée, puissamment apaisant et régénérant pour les peaux irritées ou rougies.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mill-tip\"\u003e\n      \u003cdiv class=\"soi-mill-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eC'est précisément cette combinaison qui confère à l'huile essentielle d'achillée millefeuille Pranarom sa polyvalence et son efficacité sur différents types d'inconforts.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Bienfaits --\u003e\n  \u003csection class=\"soi-mill-section\"\u003e\n    \u003ch2\u003eBienfaits de l'huile essentielle d'achillée millefeuille\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mill-grid\"\u003e\n      \u003cdiv class=\"soi-mill-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003eLe chamazulène apaise rougeurs, démangeaisons et irritations. Idéal pour les peaux sujettes aux réactions allergiques ou fragilisées par les agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-card\"\u003e\n        \u003ch3\u003e🛡️ Action anti-inflammatoire cutanée\u003c\/h3\u003e\n        \u003cp\u003eAppliquée diluée sur les zones concernées, elle contribue à réduire les phénomènes inflammatoires locaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-card\"\u003e\n        \u003ch3\u003e🍃 Soutien digestif\u003c\/h3\u003e\n        \u003cp\u003eEn usage interne (sous avis d'un thérapeute), elle est traditionnellement reconnue pour soulager les ballonnements, les crampes intestinales et les douleurs menstruelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-card\"\u003e\n        \u003ch3\u003e✨ Cicatrisation et régénération\u003c\/h3\u003e\n        \u003cp\u003eElle accompagne la réparation des petites plaies et favorise l'uniformisation du teint sur les peaux matures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-card\"\u003e\n        \u003ch3\u003e🕊️ Détente et bien-être\u003c\/h3\u003e\n        \u003cp\u003eSon parfum herbacé, légèrement camphré, crée une atmosphère apaisante en diffusion.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser --\u003e\n  \u003csection class=\"soi-mill-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile essentielle d'achillée millefeuille Pranarom ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mill-timeline\"\u003e\n      \u003cdiv class=\"soi-mill-step\"\u003e\n        \u003cdiv class=\"soi-mill-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-mill-step-content\"\u003e\n          \u003ch3\u003eVoie cutanée (usage externe recommandé)\u003c\/h3\u003e\n          \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (argan, jojoba ou rosier muscat) et appliquez sur la zone concernée. Ne jamais appliquer pure sur la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-step\"\u003e\n        \u003cdiv class=\"soi-mill-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-mill-step-content\"\u003e\n          \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n          \u003cp\u003eVersez 4 à 6 gouttes dans un diffuseur pendant 20 à 30 minutes pour une ambiance apaisante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-step\"\u003e\n        \u003cdiv class=\"soi-mill-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-mill-step-content\"\u003e\n          \u003ch3\u003eUsage interne\u003c\/h3\u003e\n          \u003cp\u003eRéservé à l'avis d'un professionnel de santé formé en aromathérapie, en raison de la concentration en cétones (camphre).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Précautions d'emploi --\u003e\n  \u003csection class=\"soi-mill-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi essentielles\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mill-accordion\"\u003e\n      \u003cdetails class=\"soi-mill-accordion-item\"\u003e\n        \u003csummary class=\"soi-mill-accordion-header\"\u003e⚠️ Personnes sensibles\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mill-accordion-content\"\u003e\n          \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans (présence de camphre, molécule neurotoxique à haute dose).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-mill-accordion-item\"\u003e\n        \u003csummary class=\"soi-mill-accordion-header\"\u003e🩺 Contre-indications médicales\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mill-accordion-content\"\u003e\n          \u003cp\u003eNe pas utiliser en cas d'épilepsie ou de traitement anticoagulant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-mill-accordion-item\"\u003e\n        \u003csummary class=\"soi-mill-accordion-header\"\u003e🧴 Précautions d'application\u003c\/summary\u003e\n        \u003cdiv class=\"soi-mill-accordion-content\"\u003e\n          \u003cp\u003eToujours diluer avant application cutanée. Tenir hors de portée des enfants. Ce produit ne se substitue pas à un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Informations produit --\u003e\n  \u003csection class=\"soi-mill-section\"\u003e\n    \u003ch2\u003eInformations produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-mill-compo\"\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eNom botanique\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003eAchillea millefolium\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003eSommités fleuries\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eChémotype\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003eCamphre, 1,8-cinéole, chamazulène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eQualité\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003eHECT, 100 % pure et naturelle, non diluée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003ePranarom\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003e5 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-mill-compo-row\"\u003e\n        \u003cspan class=\"soi-mill-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-mill-compo-value\"\u003eCertifiée botaniquement et biochimiquement\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-mill-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-mill-cta-box\"\u003e\n      \u003cp class=\"soi-mill-cta-tag\" style=\"color: white;\"\u003eDes siècles de tradition botanique en quelques gouttes\u003c\/p\u003e\n      \u003cp class=\"soi-mill-cta-text\" style=\"color: white;\"\u003ePour votre peau irritée, vos tensions internes ou vos moments de détente, l'huile essentielle d'achillée millefeuille Pranarom vous offre une réponse naturelle, précise et bienveillante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mill-marine: #1A2D3D;\n  --soi-mill-marine-dark: #0F1E2B;\n  --soi-mill-marine-light: #2C4458;\n  --soi-mill-pomme: #A1C544;\n  --soi-mill-pomme-dark: #84A636;\n  --soi-mill-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-mill-white: #FFFFFF;\n  --soi-mill-off-white: #F8FAF6;\n  --soi-mill-stone: #F1F3EE;\n  --soi-mill-line: #E5E8E0;\n\n  --soi-mill-primary: #7A9A8E;\n  --soi-mill-primary-soft: #D2E0DA;\n  --soi-mill-accent: #5C7A52;\n\n  --soi-mill-text: #1A2D3D;\n  --soi-mill-text-soft: #4A5B6B;\n  --soi-mill-text-muted: #7B8693;\n\n  --soi-mill-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mill-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mill-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mill-radius: 12px;\n  --soi-mill-radius-sm: 8px;\n  --soi-mill-radius-pill: 999px;\n}\n\n.soi-mill-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mill-fiche img { max-width: 100%; height: auto; }\n\n.soi-mill-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mill-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mill-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-mill-hero {\n  position: relative;\n  background: var(--soi-mill-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-mill-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mill-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mill-pomme);\n}\n\n.soi-mill-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-mill-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mill-pomme);\n  border-radius: 50%;\n}\n\n.soi-mill-hero-title {\n  display: block;\n  color: var(--soi-mill-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-mill-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-mill-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mill-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-mill-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mill-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mill-label-accent {\n  background: var(--soi-mill-pomme);\n  border-color: var(--soi-mill-pomme);\n  color: var(--soi-mill-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-mill-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mill-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mill-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-mill-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mill-pomme);\n  border-radius: 2px;\n}\n\n.soi-mill-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mill-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mill-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mill-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mill-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-mill-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-mill-benefit {\n  background: var(--soi-mill-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mill-radius);\n  border: 1px solid var(--soi-mill-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mill-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mill-shadow-md);\n}\n\n.soi-mill-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mill-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-mill-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mill-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mill-benefit:hover .soi-mill-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mill-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mill-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mill-benefit p {\n  font-size: 13px;\n  color: var(--soi-mill-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-mill-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-mill-card {\n  background: var(--soi-mill-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mill-radius);\n  border-left: 3px solid var(--soi-mill-pomme);\n}\n\n.soi-mill-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mill-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mill-card p {\n  font-size: 14px;\n  color: var(--soi-mill-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-mill-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mill-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mill-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mill-radius);\n  border: 1px solid var(--soi-mill-line);\n  align-items: flex-start;\n}\n\n.soi-mill-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mill-marine);\n  color: var(--soi-mill-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-mill-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mill-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mill-step-content p {\n  font-size: 14px;\n  color: var(--soi-mill-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-mill-compo {\n  background: var(--soi-mill-off-white);\n  border-radius: var(--soi-mill-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mill-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-mill-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mill-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mill-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mill-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mill-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mill-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-mill-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mill-pomme-light);\n  border-left: 4px solid var(--soi-mill-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mill-radius) var(--soi-mill-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-mill-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mill-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mill-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mill-tip p {\n  font-size: 14px;\n  color: var(--soi-mill-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-mill-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mill-accordion-item {\n  background: var(--soi-mill-off-white);\n  border-radius: var(--soi-mill-radius-sm);\n  border: 1px solid var(--soi-mill-line);\n  overflow: hidden;\n}\n\n.soi-mill-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mill-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-mill-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mill-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mill-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mill-accordion-item[open] .soi-mill-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mill-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mill-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mill-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-mill-cta-box {\n  background: var(--soi-mill-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mill-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mill-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-mill-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mill-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-mill-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mill-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mill-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-mill-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mill-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mill-compo-value {\n    text-align: left;\n  }\n\n  .soi-mill-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-mill-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mill-fiche {\n    --soi-mill-text-soft: #2C3E50;\n    --soi-mill-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603917168970,"sku":"RA0105","price":26.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0105_he_millefeuille.jpg?v=1776167379"},{"product_id":"dermoline-hydric-gelules-lt-labo","title":"Dermoline Hydric - 60 gélules anti-âge - LT Labo","description":"\n\u003cdiv class=\"soi-derm-fiche\"\u003e\n\n\u003csection class=\"soi-derm-hero\"\u003e\n  \u003cdiv class=\"soi-derm-hero-tag\"\u003e\n    \u003cspan class=\"soi-derm-tag-dot\"\u003e\u003c\/span\u003e\n    Complément beauté anti-âge · LT Labo\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-derm-hero-title\"\u003eL'hydratation profonde, réinventée de l'intérieur\u003c\/span\u003e\n  \u003cp class=\"soi-derm-hero-subtitle\"\u003e300 mg d'acide hyaluronique à double poids moléculaire et vitamine C naturelle d'acérola : une formule surconcentrée pour nourrir votre peau en profondeur, gélule après gélule.\u003c\/p\u003e\n  \u003cdiv class=\"soi-derm-hero-labels\"\u003e\n    \u003cspan class=\"soi-derm-label soi-derm-label-accent\"\u003e300 MG D'ACIDE HYALURONIQUE\u003c\/span\u003e\n    \u003cspan class=\"soi-derm-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n    \u003cspan class=\"soi-derm-label\"\u003eVITAMINE C NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-derm-label\"\u003ePILULIER RECYCLÉ \u0026amp; RECYCLABLE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ces gélules anti-âge plutôt qu'un sérum classique ?\u003c\/h2\u003e\n  \u003cp\u003eUn sérum d'acide hyaluronique agit en surface. Dermoline Hydric, lui, agit depuis l'intérieur des cellules. En vous apportant 300 mg d'acide hyaluronique par prise journalière, soit l'une des concentrations les plus élevées du marché en gélules, il reconstitue les réserves naturelles que le temps, le stress oxydatif ou l'exposition solaire ont progressivement épuisées.\u003c\/p\u003e\n  \u003cdiv class=\"soi-derm-grid\"\u003e\n    \u003cdiv class=\"soi-derm-card\"\u003e\n      \u003ch3\u003e🔬 Haut poids moléculaire\u003c\/h3\u003e\n      \u003cp\u003eLes molécules de haut poids agissent en surface pour lisser les ridules visibles et maintenir le film hydrolipidique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-card\"\u003e\n      \u003ch3\u003e💧 Bas poids moléculaire\u003c\/h3\u003e\n      \u003cp\u003eLes molécules de bas poids pénètrent plus profondément pour améliorer durablement l'élasticité et le rebond cutané.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eLes bienfaits concrets de Dermoline Hydric pour votre peau\u003c\/h2\u003e\n  \u003cdiv class=\"soi-derm-benefits\"\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e💦\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n      \u003cp\u003eL'acide hyaluronique issu de biofermentation peut retenir jusqu'à 1000 fois son poids en eau, maintenant votre peau souple et rebondie toute la journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEffet anti-âge visible\u003c\/h3\u003e\n      \u003cp\u003eRides et ridules sont atténuées dès les premières semaines, grâce à la synergie entre acide hyaluronique et vitamine C.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSoutien à la production de collagène\u003c\/h3\u003e\n      \u003cp\u003eLa vitamine C naturelle d'acérola contribue à la formation du collagène, protéine clé de la fermeté cutanée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-benefit\"\u003e\n      \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n      \u003cp\u003eLa vitamine C neutralise les radicaux libres responsables du vieillissement prématuré de la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-derm-tip\"\u003e\n    \u003cdiv class=\"soi-derm-tip-icon\"\u003e🌱\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eGélule d'origine végétale\u003c\/strong\u003e\n      \u003cp\u003eL'enveloppe est en hydroxypropylméthylcellulose, convenant aux régimes végétaliens.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n  \u003cp class=\"soi-derm-section-intro\"\u003eHyaluronate de sodium (origine fermentation), enveloppe végétale (hydroxypropylméthylcellulose), maltodextrine, poudre de jus de baie d'acérola (\u003cem\u003eMalpighia punicifolia L.\u003c\/em\u003e) standardisée en vitamine C, farine de noix de coco.\u003c\/p\u003e\n  \u003cdiv class=\"soi-derm-compo\"\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eValeurs pour 2 gélules (dose journalière)\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eAcide hyaluronique\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003e300 mg (pas de VNR établie)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eVitamine C\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003e12 mg (15 % des VNR)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eOrigine acide hyaluronique\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003eBiofermentation\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-compo-row\"\u003e\n      \u003cspan class=\"soi-derm-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-compo-value\"\u003eGélule végétale (HPMC)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-derm-section\"\u003e\n  \u003ch2\u003eComment prendre Dermoline Hydric ? Posologie et conseils\u003c\/h2\u003e\n  \u003cdiv class=\"soi-derm-timeline\"\u003e\n    \u003cdiv class=\"soi-derm-step\"\u003e\n      \u003cdiv class=\"soi-derm-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step-content\"\u003e\n        \u003ch3\u003eDose quotidienne\u003c\/h3\u003e\n        \u003cp\u003ePrenez 2 gélules par jour, de préférence le matin avec un grand verre d'eau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-step\"\u003e\n      \u003cdiv class=\"soi-derm-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step-content\"\u003e\n        \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n        \u003cp\u003eUn flacon de 60 gélules correspond à 30 jours de cure. Pour des résultats durables, renouvelez la cure sur 6 à 8 semaines.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-step\"\u003e\n      \u003cdiv class=\"soi-derm-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step-content\"\u003e\n        \u003ch3\u003eEn complément de votre routine\u003c\/h3\u003e\n        \u003cp\u003eCe complément se combine parfaitement avec votre routine beauté habituelle : il travaille en profondeur pour amplifier l'efficacité de vos soins topiques, sans les remplacer.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-derm-accordion\"\u003e\n    \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n      \u003csummary class=\"soi-derm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n        \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003csection class=\"soi-derm-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-derm-cta-box\"\u003e\n    \u003cp class=\"soi-derm-cta-tag\" style=\"color: white;\"\u003e30 jours de soin intensif pour votre peau\u003c\/p\u003e\n    \u003cp class=\"soi-derm-cta-text\" style=\"color: white;\"\u003e300 mg d'acide hyaluronique à double poids moléculaire, vitamine C naturelle d'acérola : chaque gélule est une invitation à retrouver une peau repulpée, lissée et rayonnante.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-derm-marine: #1A2D3D;\n  --soi-derm-marine-dark: #0F1E2B;\n  --soi-derm-marine-light: #2C4458;\n  --soi-derm-pomme: #A1C544;\n  --soi-derm-pomme-dark: #84A636;\n  --soi-derm-pomme-light: rgba(161,197,68,0.10);\n  --soi-derm-white: #FFFFFF;\n  --soi-derm-off-white: #F8FAF6;\n  --soi-derm-stone: #F1F3EE;\n  --soi-derm-line: #E5E8E0;\n  --soi-derm-primary: #B5D4D1;\n  --soi-derm-primary-soft: #D6E8E6;\n  --soi-derm-accent: #D4A8A4;\n  --soi-derm-text: #1A2D3D;\n  --soi-derm-text-soft: #4A5B6B;\n  --soi-derm-text-muted: #7B8693;\n  --soi-derm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-derm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-derm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-derm-radius: 12px;\n  --soi-derm-radius-sm: 8px;\n  --soi-derm-radius-pill: 999px;\n}\n\n.soi-derm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-derm-fiche img { max-width: 100%; height: auto; }\n\n.soi-derm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-derm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-derm-hero {\n  position: relative;\n  background: var(--soi-derm-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-derm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-derm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-derm-pomme);\n}\n\n.soi-derm-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-derm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-derm-pomme);\n  border-radius: 50%;\n}\n\n.soi-derm-hero-title {\n  display: block;\n  color: var(--soi-derm-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-derm-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-derm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-derm-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-derm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-derm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-derm-label-accent {\n  background: var(--soi-derm-pomme);\n  border-color: var(--soi-derm-pomme);\n  color: var(--soi-derm-marine);\n  font-weight: 600;\n}\n\n.soi-derm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-derm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-derm-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-derm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-derm-pomme);\n  border-radius: 2px;\n}\n\n.soi-derm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-derm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-derm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-derm-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-derm-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-derm-benefit {\n  background: var(--soi-derm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-derm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-derm-shadow-md);\n}\n\n.soi-derm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-derm-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-derm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-derm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-derm-benefit:hover .soi-derm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-derm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-benefit p {\n  font-size: 13px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-derm-card {\n  background: var(--soi-derm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border-left: 3px solid var(--soi-derm-pomme);\n}\n\n.soi-derm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-card p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-compo {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-derm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-derm-compo-row:first-child {\n  background: var(--soi-derm-stone);\n}\n\n.soi-derm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-derm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-derm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-derm-marine);\n  text-align: right;\n}\n\n.soi-derm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-derm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-derm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  align-items: flex-start;\n}\n\n.soi-derm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-derm-marine);\n  color: var(--soi-derm-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-derm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-derm-step-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-derm-pomme-light);\n  border-left: 4px solid var(--soi-derm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-derm-radius) var(--soi-derm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-derm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-derm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-derm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-derm-tip p {\n  font-size: 14px;\n  color: var(--soi-derm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-derm-accordion-item {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius-sm);\n  border: 1px solid var(--soi-derm-line);\n  overflow: hidden;\n}\n\n.soi-derm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-derm-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-derm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-derm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-derm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-derm-accordion-item[open] .soi-derm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-derm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-derm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-cta-box {\n  background: var(--soi-derm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-derm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-derm-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-derm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-derm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-derm-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-derm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-derm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-derm-compo-value {\n    text-align: left;\n  }\n\n  .soi-derm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-derm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-derm-fiche {\n    --soi-derm-text-soft: #2C3E50;\n    --soi-derm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"LT Labo","offers":[{"title":"Default Title","offer_id":62001470964042,"sku":"LT0032","price":30.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dermoline-hydric-60-gelules-anti-age-lt-labo-packshot.webp?v=1781186120"},{"product_id":"urucum-bio-80-tablettes-guayapi","title":"Urucum Bio – 80 tablettes – Guayapi","description":"\n\u003cdiv class=\"soi-urcm-fiche\"\u003e\n\n  \u003csection class=\"soi-urcm-hero\"\u003e\n    \u003cdiv class=\"soi-urcm-hero-tag\"\u003e\n      \u003cspan class=\"soi-urcm-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Guayapi\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-urcm-hero-title\"\u003eLe trésor antioxydant de l'Amazonie\u003c\/span\u003e\n    \u003cp class=\"soi-urcm-hero-subtitle\"\u003eL'urucum bio concentre une richesse exceptionnelle en caroténoïdes naturels. 80 tablettes issues de la cueillette sauvage en Amazonie, pour soutenir l'éclat de votre peau de l'intérieur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-urcm-hero-labels\"\u003e\n      \u003cspan class=\"soi-urcm-label soi-urcm-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-urcm-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n      \u003cspan class=\"soi-urcm-label\"\u003eCUEILLETTE SAUVAGE\u003c\/span\u003e\n      \u003cspan class=\"soi-urcm-label\"\u003eEMBALLAGE ÉCORESPONSABLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-urcm-section\"\u003e\n    \u003ch2\u003ePourquoi l'urucum du Brésil bio est-il si riche en antioxydants ?\u003c\/h2\u003e\n    \u003cp\u003eLes graines d'urucum (\u003cem\u003eBixa orellana\u003c\/em\u003e) contiennent deux caroténoïdes uniques : la \u003cstrong\u003ebixine\u003c\/strong\u003e et la \u003cstrong\u003enorbixine\u003c\/strong\u003e. Ces pigments naturels sont reconnus pour leur puissante activité antioxydante, car ils aident votre organisme à lutter contre les radicaux libres responsables du vieillissement cellulaire. La bixine, en tant que provitamine A, est liposoluble et particulièrement biodisponible.\u003c\/p\u003e\n    \u003cp\u003ePour vous donner une idée concrète : l'urucum contient environ \u003cstrong\u003e100 fois plus de bixine que la carotte ne contient de bêta-carotène\u003c\/strong\u003e. C'est une réalité chimique mesurée, et c'est pourquoi il est souvent plébiscité dans les routines beauté et nutrition orientées \u003cstrong\u003eéclat du teint\u003c\/strong\u003e et \u003cstrong\u003epréparation de la peau au soleil\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-urcm-section\"\u003e\n    \u003ch2\u003eBienfaits de l'urucum bio : à quoi sert-il concrètement ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-urcm-benefits\"\u003e\n      \u003cdiv class=\"soi-urcm-benefit\"\u003e\n        \u003cdiv class=\"soi-urcm-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n        \u003cp\u003eNeutralise les radicaux libres grâce à la bixine et à la norbixine, deux caroténoïdes d'exception.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-benefit\"\u003e\n        \u003cdiv class=\"soi-urcm-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoutien de la peau\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'un teint lumineux et à la préparation au bronzage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-benefit\"\u003e\n        \u003cdiv class=\"soi-urcm-benefit-icon\"\u003e\u003cspan\u003e🥕\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProvitamine A naturelle\u003c\/h3\u003e\n        \u003cp\u003ePrécurseur de la vitamine A, essentielle à la santé cutanée et visuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-benefit\"\u003e\n        \u003cdiv class=\"soi-urcm-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSélénium associé\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'effet antioxydant global de la formule pour une synergie complète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-benefit\"\u003e\n        \u003cdiv class=\"soi-urcm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHéritage amazonien\u003c\/h3\u003e\n        \u003cp\u003eUtilisé traditionnellement par les peuples indigènes comme protecteur et colorant naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-urcm-section\"\u003e\n    \u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n    \u003cp class=\"soi-urcm-section-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Urucum (\u003cem\u003eBixa orellana\u003c\/em\u003e), extrait sec de bambou (\u003cem\u003eBambusa arundinacea\u003c\/em\u003e). La formule est volontairement épurée : deux ingrédients seulement, sans additif, sans excipient superflu. L'extrait sec de bambou joue le rôle de liant naturel pour la cohésion des tablettes.\u003c\/p\u003e\n    \u003cdiv class=\"soi-urcm-compo\"\u003e\n      \u003cdiv class=\"soi-urcm-compo-row\"\u003e\n        \u003cspan class=\"soi-urcm-compo-label\"\u003ePortion\u003c\/span\u003e\n        \u003cspan class=\"soi-urcm-compo-value\"\u003e3 tablettes (1,8 g)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-compo-row\"\u003e\n        \u003cspan class=\"soi-urcm-compo-label\"\u003eValeur énergétique\u003c\/span\u003e\n        \u003cspan class=\"soi-urcm-compo-value\"\u003e7 kcal \/ 30 kJ\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-compo-row\"\u003e\n        \u003cspan class=\"soi-urcm-compo-label\"\u003eLipides\u003c\/span\u003e\n        \u003cspan class=\"soi-urcm-compo-value\"\u003e0,09 g (dont acides gras saturés : 0,03 g)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-compo-row\"\u003e\n        \u003cspan class=\"soi-urcm-compo-label\"\u003eGlucides\u003c\/span\u003e\n        \u003cspan class=\"soi-urcm-compo-value\"\u003e1,27 g (dont sucres : 0,12 g)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-compo-row\"\u003e\n        \u003cspan class=\"soi-urcm-compo-label\"\u003eProtéines\u003c\/span\u003e\n        \u003cspan class=\"soi-urcm-compo-value\"\u003e0,29 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-compo-row\"\u003e\n        \u003cspan class=\"soi-urcm-compo-label\"\u003eSel\u003c\/span\u003e\n        \u003cspan class=\"soi-urcm-compo-value\"\u003e0 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-compo-row soi-urcm-compo-highlight\"\u003e\n        \u003cspan class=\"soi-urcm-compo-label\"\u003eBixine \/ Provitamine A (caroténoïdes)\u003c\/span\u003e\n        \u003cspan class=\"soi-urcm-compo-value\"\u003e58 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-compo-row soi-urcm-compo-highlight\"\u003e\n        \u003cspan class=\"soi-urcm-compo-label\"\u003eSélénium\u003c\/span\u003e\n        \u003cspan class=\"soi-urcm-compo-value\"\u003e0,36 µg (0,7 % des VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-urcm-section\"\u003e\n    \u003ch2\u003eComment prendre l'urucum bio Guayapi ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-urcm-timeline\"\u003e\n      \u003cdiv class=\"soi-urcm-step\"\u003e\n        \u003cdiv class=\"soi-urcm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-urcm-step-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 à 6 tablettes par jour\u003c\/strong\u003e, à avaler ou à croquer selon vos préférences. Chaque boîte de 80 tablettes correspond à 13 à 27 jours de cure selon la dose choisie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-step\"\u003e\n        \u003cdiv class=\"soi-urcm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-urcm-step-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003ePour une approche beauté et nutrition cohérente, prenez vos tablettes idéalement \u003cstrong\u003eau moment des repas\u003c\/strong\u003e, afin de favoriser l'assimilation des caroténoïdes liposolubles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-step\"\u003e\n        \u003cdiv class=\"soi-urcm-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-urcm-step-content\"\u003e\n          \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e4 semaines\u003c\/strong\u003e est généralement conseillée avant les expositions solaires ou lors des changements de saison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-urcm-section\"\u003e\n    \u003ch2\u003eCe qui distingue l'urucum Guayapi des autres marques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-urcm-grid\"\u003e\n      \u003cdiv class=\"soi-urcm-card\"\u003e\n        \u003ch3\u003e🌱 Certification biologique et équitable\u003c\/h3\u003e\n        \u003cp\u003eUn produit certifié bio et issu du commerce équitable, pour une qualité respectueuse de l'environnement et des communautés locales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-card\"\u003e\n        \u003ch3\u003e🌎 Cueillette sauvage en Amazonie\u003c\/h3\u003e\n        \u003cp\u003eLes graines sont récoltées à l'état sauvage, sans perturbation des écosystèmes locaux, dans le respect de la biodiversité amazonienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-card\"\u003e\n        \u003ch3\u003e♻️ Emballage écoresponsable\u003c\/h3\u003e\n        \u003cp\u003ePilulier et bouchon recyclables (bac jaune), pour réduire l'impact environnemental de votre routine bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-urcm-card\"\u003e\n        \u003ch3\u003e🤝 Expertise terrain depuis 1990\u003c\/h3\u003e\n        \u003cp\u003eGuayapi travaille directement avec les communautés amazoniennes depuis plus de 30 ans, garantissant traçabilité et authenticité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-urcm-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-urcm-accordion\"\u003e\n      \u003cdetails class=\"soi-urcm-accordion-item\"\u003e\n        \u003csummary class=\"soi-urcm-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-urcm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical ni à une alimentation équilibrée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical préalable. À consommer de préférence avant la date indiquée au fond de l'emballage. Ce produit ne remplace en aucun cas un suivi médical adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-urcm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-urcm-cta-box\"\u003e\n      \u003cp class=\"soi-urcm-cta-tag\" style=\"color: white;\"\u003eLa sagesse amazonienne en tablettes\u003c\/p\u003e\n      \u003cp class=\"soi-urcm-cta-text\" style=\"color: white;\"\u003eUne richesse en caroténoïdes sans équivalent, une formule pure et un engagement éthique rare. Pour celles et ceux qui souhaitent prendre soin de leur peau de l'intérieur, avec des actifs naturels véritablement puissants et traçables.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-urcm-marine: #1A2D3D;\n  --soi-urcm-marine-dark: #0F1E2B;\n  --soi-urcm-marine-light: #2C4458;\n  --soi-urcm-pomme: #A1C544;\n  --soi-urcm-pomme-dark: #84A636;\n  --soi-urcm-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-urcm-white: #FFFFFF;\n  --soi-urcm-off-white: #F8FAF6;\n  --soi-urcm-stone: #F1F3EE;\n  --soi-urcm-line: #E5E8E0;\n\n  --soi-urcm-primary: #2D4A3E;\n  --soi-urcm-primary-soft: #3D6354;\n  --soi-urcm-accent: #D15A3A;\n\n  --soi-urcm-text: #1A2D3D;\n  --soi-urcm-text-soft: #4A5B6B;\n  --soi-urcm-text-muted: #7B8693;\n\n  --soi-urcm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-urcm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-urcm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-urcm-radius: 12px;\n  --soi-urcm-radius-sm: 8px;\n  --soi-urcm-radius-pill: 999px;\n}\n\n.soi-urcm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-urcm-fiche img { max-width: 100%; height: auto; }\n\n.soi-urcm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-urcm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-urcm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-urcm-hero {\n  position: relative;\n  background: var(--soi-urcm-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-urcm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-urcm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-urcm-pomme);\n}\n\n.soi-urcm-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-urcm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-urcm-pomme);\n  border-radius: 50%;\n}\n\n.soi-urcm-hero-title {\n  display: block;\n  color: var(--soi-urcm-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-urcm-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-urcm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-urcm-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-urcm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-urcm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-urcm-label-accent {\n  background: var(--soi-urcm-pomme);\n  border-color: var(--soi-urcm-pomme);\n  color: var(--soi-urcm-marine);\n  font-weight: 600;\n}\n\n.soi-urcm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-urcm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-urcm-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-urcm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-urcm-pomme);\n  border-radius: 2px;\n}\n\n.soi-urcm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-urcm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-urcm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-urcm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-urcm-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-urcm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-urcm-benefit {\n  background: var(--soi-urcm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-urcm-radius);\n  border: 1px solid var(--soi-urcm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-urcm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-urcm-shadow-md);\n}\n\n.soi-urcm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-urcm-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-urcm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-urcm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-urcm-benefit:hover .soi-urcm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-urcm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-urcm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-urcm-benefit p {\n  font-size: 13px;\n  color: var(--soi-urcm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-urcm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-urcm-card {\n  background: var(--soi-urcm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-urcm-radius);\n  border-left: 3px solid var(--soi-urcm-pomme);\n}\n\n.soi-urcm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-urcm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-urcm-card p {\n  font-size: 14px;\n  color: var(--soi-urcm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-urcm-compo {\n  background: var(--soi-urcm-off-white);\n  border-radius: var(--soi-urcm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-urcm-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-urcm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-urcm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-urcm-compo-highlight {\n  background: var(--soi-urcm-pomme-light);\n}\n\n.soi-urcm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-urcm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-urcm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-urcm-marine);\n  text-align: right;\n}\n\n.soi-urcm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-urcm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-urcm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-urcm-radius);\n  border: 1px solid var(--soi-urcm-line);\n  align-items: flex-start;\n}\n\n.soi-urcm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-urcm-marine);\n  color: var(--soi-urcm-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-urcm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-urcm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-urcm-step-content p {\n  font-size: 14px;\n  color: var(--soi-urcm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-urcm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-urcm-accordion-item {\n  background: var(--soi-urcm-off-white);\n  border-radius: var(--soi-urcm-radius-sm);\n  border: 1px solid var(--soi-urcm-line);\n  overflow: hidden;\n}\n\n.soi-urcm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-urcm-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-urcm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-urcm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-urcm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-urcm-accordion-item[open] .soi-urcm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-urcm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-urcm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-urcm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-urcm-cta-box {\n  background: var(--soi-urcm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-urcm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-urcm-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-urcm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-urcm-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-urcm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-urcm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-urcm-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-urcm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-urcm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-urcm-compo-value {\n    text-align: left;\n  }\n\n  .soi-urcm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-urcm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-urcm-fiche {\n    --soi-urcm-text-soft: #2C3E50;\n    --soi-urcm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Guayapi","offers":[{"title":"Default Title","offer_id":62333277667658,"sku":"GU0090","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/urucum-bio-80-tablettes-guayapi-packshot.webp?v=1784813518"},{"product_id":"centella-asiatica-bio-en-poudre-ayur-vana","title":"Centella asiatica bio en poudre 150 g – AYur-vana","description":"\u003cdiv class=\"soi-cent-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-cent-hero\"\u003e\n    \u003cdiv class=\"soi-cent-hero-tag\"\u003e\n      \u003cspan class=\"soi-cent-tag-dot\"\u003e\u003c\/span\u003e\n      Phytothérapie ayurvédique · AYur-vana\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-cent-hero-title\"\u003eLa vivacité intellectuelle au cœur de l'Ayurveda\u003c\/span\u003e\n    \u003cp class=\"soi-cent-hero-subtitle\"\u003eConnue sous le nom de Gotu Kola, la centella asiatica est l'une des plantes les plus plébiscitées pour soutenir les fonctions cognitives et revitaliser la peau, dans la plus pure tradition ayurvédique.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cent-hero-labels\"\u003e\n      \u003cspan class=\"soi-cent-label soi-cent-label-accent\"\u003eBIO FR-BIO-01\u003c\/span\u003e\n      \u003cspan class=\"soi-cent-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-cent-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-cent-label\"\u003e100 % PLANTE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Centella asiatica bio en poudre : vivacité intellectuelle et soin naturel au quotidien --\u003e\n  \u003csection class=\"soi-cent-section\"\u003e\n    \u003ch2\u003eCentella asiatica bio en poudre : vivacité intellectuelle et soin naturel au quotidien\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez une plante adaptogène complète, ancrée dans la tradition ayurvédique et validée par des siècles d'usage ? La poudre de centella asiatica bio d'AYur-vana est faite pour vous. Connue sous le nom de \u003cstrong\u003eGotu Kola\u003c\/strong\u003e en Inde, cette plante discrète aux petites feuilles vertes est aujourd'hui l'une des plus plébiscitées pour soutenir les \u003cstrong\u003efonctions cognitives\u003c\/strong\u003e, la concentration et la \u003cstrong\u003evivacité intellectuelle\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir cette poudre de centella asiatica ? --\u003e\n  \u003csection class=\"soi-cent-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette poudre de centella asiatica ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cent-benefits\"\u003e\n      \u003cdiv class=\"soi-cent-benefit\"\u003e\n        \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e100 % biologique\u003c\/h3\u003e\n        \u003cp\u003eCertifiée AB européen (FR-BIO-01), issue d'une agriculture en Inde sans pesticide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-benefit\"\u003e\n        \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriquée en France\u003c\/h3\u003e\n        \u003cp\u003eTransformation et conditionnement réalisés en France, gage de traçabilité et de qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-benefit\"\u003e\n        \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVegan et pure\u003c\/h3\u003e\n        \u003cp\u003eUn seul ingrédient, aucun additif, aucune substance d'origine animale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-benefit\"\u003e\n        \u003cdiv class=\"soi-cent-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRiche en saponines\u003c\/h3\u003e\n        \u003cp\u003eDes actifs naturels reconnus pour leur rôle dans la vitalité mentale et la tonicité tissulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Bienfaits de la centella asiatica : bien plus qu'une plante cognitive --\u003e\n  \u003csection class=\"soi-cent-section\"\u003e\n    \u003ch2\u003eBienfaits de la centella asiatica : bien plus qu'une plante cognitive\u003c\/h2\u003e\n    \u003cp class=\"soi-cent-section-intro\"\u003eLa centella asiatica en poudre est traditionnellement reconnue pour deux grandes familles d'usages :\u003c\/p\u003e\n    \u003cdiv class=\"soi-cent-grid\"\u003e\n      \u003cdiv class=\"soi-cent-card\"\u003e\n        \u003ch3\u003e🧠 Soutien cognitif\u003c\/h3\u003e\n        \u003cp\u003eMémoire, concentration, raisonnement, résistance au stress intellectuel. Elle vous accompagne idéalement lors des périodes de travail intensif ou de révisions.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-card\"\u003e\n        \u003ch3\u003e✨ Revitalisation cutanée\u003c\/h3\u003e\n        \u003cp\u003eRiche en antioxydants et en saponines triterpéniques (asiaticoside, madécassoside), elle tonifie, raffermit et contribue à régénérer les tissus. Elle entre d'ailleurs dans la composition de nombreuses crèmes et soins anti-âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cent-tip\"\u003e\n      \u003cdiv class=\"soi-cent-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eEn usage externe, la poudre de centella asiatica est particulièrement appréciée en masque maison : mélangée à de l'eau florale ou à une huile végétale, elle forme un soin revitalisant pour les peaux ternes ou fatiguées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser la poudre de centella asiatica ? --\u003e\n  \u003csection class=\"soi-cent-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre de centella asiatica ?\u003c\/h2\u003e\n    \u003cp class=\"soi-cent-section-intro\"\u003eLa polyvalence de cette poudre est l'un de ses grands atouts. Voici comment l'intégrer facilement à votre quotidien :\u003c\/p\u003e\n    \u003cdiv class=\"soi-cent-timeline\"\u003e\n      \u003cdiv class=\"soi-cent-step\"\u003e\n        \u003cdiv class=\"soi-cent-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-cent-step-content\"\u003e\n          \u003ch3\u003eEn boisson\u003c\/h3\u003e\n          \u003cp\u003e1 cuillère à café (environ 5 g) par jour, diluée dans un verre d'eau tiède, une tisane ou un lait végétal. De préférence le soir au dîner, car la plante peut provoquer de légères somnolences chez certaines personnes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-step\"\u003e\n        \u003cdiv class=\"soi-cent-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-cent-step-content\"\u003e\n          \u003ch3\u003eEn cuisine\u003c\/h3\u003e\n          \u003cp\u003eIncorporée dans un smoothie, un porridge ou un yaourt pour masquer son goût légèrement herbacé et terreux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-step\"\u003e\n        \u003cdiv class=\"soi-cent-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-cent-step-content\"\u003e\n          \u003ch3\u003eEn masque visage\u003c\/h3\u003e\n          \u003cp\u003eMélangez une demi-cuillère à café de poudre avec quelques gouttes d'eau florale de rose ou d'hamamélis. Appliquez 10 à 15 minutes, puis rincez. Idéal pour les peaux mixtes à fatiguées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cent-tip\"\u003e\n      \u003cdiv class=\"soi-cent-tip-icon\"\u003e📅\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eDurée de cure recommandée\u003c\/strong\u003e\n        \u003cp\u003e30 jours. Le sachet de 150 g couvre exactement cette période à raison de 5 g par jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et informations pratiques --\u003e\n  \u003csection class=\"soi-cent-section\"\u003e\n    \u003ch2\u003eComposition et informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cent-compo\"\u003e\n      \u003cdiv class=\"soi-cent-compo-row\"\u003e\n        \u003cspan class=\"soi-cent-compo-label\"\u003eIngrédient\u003c\/span\u003e\n        \u003cspan class=\"soi-cent-compo-value\"\u003eCentella asiatica* (feuilles) 100 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-compo-row\"\u003e\n        \u003cspan class=\"soi-cent-compo-label\"\u003eDosage conseillé\u003c\/span\u003e\n        \u003cspan class=\"soi-cent-compo-value\"\u003e1 cuillère à café (5 g) par jour\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-compo-row\"\u003e\n        \u003cspan class=\"soi-cent-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-cent-compo-value\"\u003eSachet refermable de 150 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-compo-row\"\u003e\n        \u003cspan class=\"soi-cent-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-cent-compo-value\"\u003eAgriculture biologique FR-BIO-01\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-compo-row\"\u003e\n        \u003cspan class=\"soi-cent-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-cent-compo-value\"\u003eInde\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cent-compo-row\"\u003e\n        \u003cspan class=\"soi-cent-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-cent-compo-value\"\u003eVégans, végétariens\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003e\u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n    \u003cdiv class=\"soi-cent-accordion\"\u003e\n      \u003cdetails class=\"soi-cent-accordion-item\"\u003e\n        \u003csummary class=\"soi-cent-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-cent-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Tenir hors de portée des enfants. Ce complément ne remplace pas une alimentation variée ni un suivi médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-cent-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-cent-cta-box\"\u003e\n      \u003cp class=\"soi-cent-cta-tag\" style=\"color: white;\"\u003eLa sagesse de l'Ayurveda dans votre quotidien\u003c\/p\u003e\n      \u003cp class=\"soi-cent-cta-text\" style=\"color: white;\"\u003ePure, traçable et polyvalente, la poudre de centella asiatica bio d'AYur-vana soutient votre vivacité intellectuelle et prend soin de votre peau, 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-cent-marine: #1A2D3D;\n  --soi-cent-marine-dark: #0F1E2B;\n  --soi-cent-marine-light: #2C4458;\n  --soi-cent-pomme: #A1C544;\n  --soi-cent-pomme-dark: #84A636;\n  --soi-cent-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-cent-white: #FFFFFF;\n  --soi-cent-off-white: #F8FAF6;\n  --soi-cent-stone: #F1F3EE;\n  --soi-cent-line: #E5E8E0;\n\n  --soi-cent-primary: #C49A5C;\n  --soi-cent-primary-soft: #E8D5B8;\n  --soi-cent-accent: #D88542;\n\n  --soi-cent-text: #1A2D3D;\n  --soi-cent-text-soft: #4A5B6B;\n  --soi-cent-text-muted: #7B8693;\n\n  --soi-cent-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-cent-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-cent-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-cent-radius: 12px;\n  --soi-cent-radius-sm: 8px;\n  --soi-cent-radius-pill: 999px;\n}\n\n.soi-cent-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cent-fiche img { max-width: 100%; height: auto; }\n\n.soi-cent-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-cent-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-cent-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-cent-hero {\n  position: relative;\n  background: var(--soi-cent-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-cent-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-cent-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-cent-pomme);\n}\n\n.soi-cent-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-cent-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-cent-pomme);\n  border-radius: 50%;\n}\n\n.soi-cent-hero-title {\n  display: block;\n  color: var(--soi-cent-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-cent-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-cent-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-cent-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-cent-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-cent-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-cent-label-accent {\n  background: var(--soi-cent-pomme);\n  border-color: var(--soi-cent-pomme);\n  color: var(--soi-cent-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-cent-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cent-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-cent-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-cent-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-cent-pomme);\n  border-radius: 2px;\n}\n\n.soi-cent-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-cent-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-cent-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-cent-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-cent-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-cent-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-cent-benefit {\n  background: var(--soi-cent-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-cent-radius);\n  border: 1px solid var(--soi-cent-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cent-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-cent-shadow-md);\n}\n\n.soi-cent-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-cent-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-cent-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-cent-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-cent-benefit:hover .soi-cent-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-cent-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cent-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cent-benefit p {\n  font-size: 15px;\n  color: var(--soi-cent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-cent-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-cent-card {\n  background: var(--soi-cent-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cent-radius);\n  border-left: 3px solid var(--soi-cent-pomme);\n}\n\n.soi-cent-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cent-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cent-card p {\n  font-size: 14px;\n  color: var(--soi-cent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-cent-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-cent-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-cent-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cent-radius);\n  border: 1px solid var(--soi-cent-line);\n  align-items: flex-start;\n}\n\n.soi-cent-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-cent-marine);\n  color: var(--soi-cent-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-cent-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cent-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-cent-step-content p {\n  font-size: 15px;\n  color: var(--soi-cent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-cent-compo {\n  background: var(--soi-cent-off-white);\n  border-radius: var(--soi-cent-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-cent-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-cent-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-cent-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-cent-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-cent-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-cent-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-cent-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-cent-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-cent-pomme-light);\n  border-left: 4px solid var(--soi-cent-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-cent-radius) var(--soi-cent-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-cent-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-cent-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-cent-marine);\n  margin-bottom: 4px;\n}\n\n.soi-cent-tip p {\n  font-size: 15px;\n  color: var(--soi-cent-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-cent-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1rem;\n}\n\n.soi-cent-accordion-item {\n  background: var(--soi-cent-off-white);\n  border-radius: var(--soi-cent-radius-sm);\n  border: 1px solid var(--soi-cent-line);\n  overflow: hidden;\n}\n\n.soi-cent-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-cent-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-cent-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-cent-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-cent-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-cent-accordion-item[open] .soi-cent-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-cent-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-cent-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-cent-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-cent-cta-box {\n  background: var(--soi-cent-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-cent-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-cent-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-cent-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-cent-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-cent-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-cent-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-cent-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-cent-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-cent-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-cent-compo-value {\n    text-align: left;\n  }\n\n  .soi-cent-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-cent-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-cent-fiche {\n    --soi-cent-text-soft: #2C3E50;\n    --soi-cent-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":62825181675850,"sku":"AY1301","price":14.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/centella-asiatica-bio-en-poudre-150-g-ayur-vana-packshot.webp?v=1788428685"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/peau_cheveux_ongles.webp?v=1780051578","url":"https:\/\/www.soinature.com\/collections\/complement-alimentaire-peau.oembed","provider":"Soinature","version":"1.0","type":"link"}