{"title":"SFB Laboratoires","description":"\u003cdiv class=\"collection-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eSFB Laboratoires\u003c\/strong\u003e formule des compléments alimentaires en France depuis plus de trente ans. Leur philosophie tient en quelques mots : des dosages qui ont du sens, des actifs naturels dont on peut retracer l'origine, et un contrôle qualité à chaque étape de fabrication. Que vous soyez à la recherche d'un complément alimentaire pour la digestion, d'un apport en magnésium, de probiotiques ciblés ou d'une protection antioxydante, vous retrouverez toujours cette même rigueur dans leurs produits.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eCe qui distingue les compléments alimentaires SFB\u003c\/h2\u003e\n\u003cul style=\"list-style: none; padding-left: 0;\"\u003e\n\u003cli class=\"mb-2\"\u003e🔎 \u003cstrong\u003eTraçabilité complète\u003c\/strong\u003e : chaque lot est suivi de la réception des matières premières jusqu'au conditionnement final. Ingrédients sélectionnés, contrôles réguliers, fabrication française.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🧪 \u003cstrong\u003eDes formules réellement dosées\u003c\/strong\u003e : les synergies entre actifs sont étudiées (magnésium, vitamines, probiotiques, antioxydants, superaliments) pour maximiser l'efficacité sans surdoser inutilement.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🧠 \u003cstrong\u003eUn objectif clair par produit\u003c\/strong\u003e : digestion, énergie, immunité, détoxification... Pas de formule fourre-tout. Chaque référence répond à un besoin identifié.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🌿 \u003cstrong\u003ePriorité au naturel\u003c\/strong\u003e : actifs d'origine végétale ou minérale en première intention, avec une attention particulière portée à la tolérance digestive.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes gammes de produits SFB Laboratoires\u003c\/h2\u003e\n\u003ch3\u003eDigestion et microbiote intestinal\u003c\/h3\u003e\n\u003cp\u003eTransit irrégulier, ballonnements après les repas, sensation de lourdeur : le confort digestif reste l'une des premières motivations pour se supplémenter. SFB y répond avec plusieurs approches complémentaires. Le \u003cstrong\u003eCharbon Végétal Activé\u003c\/strong\u003e capte les gaz pour un soulagement rapide, tandis que \u003cstrong\u003eZéro'gaz\u003c\/strong\u003e cible plus spécifiquement les fermentations intestinales. Pour ceux qui veulent agir en profondeur sur leur flore, \u003ca href=\"\/products\/l-gasseri-50-milliards-30-gelules-sfb-laboratoires\"\u003ele Lactobacillus L-Gasseri dosé à 50 milliards d'UFC\u003c\/a\u003e offre un rééquilibrage sérieux du microbiote. Côté métabolisme des sucres, la \u003cstrong\u003eBerbérine Zéro Sucre\u003c\/strong\u003e soutient à la fois la digestion et l'équilibre glycémique.\u003c\/p\u003e\n\u003ch3\u003eÉnergie, vitalité et équilibre nerveux\u003c\/h3\u003e\n\u003cp\u003eQuand la fatigue s'installe ou que la concentration flanche, la cause est souvent multifactorielle. SFB propose des actifs complémentaires selon le profil :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ele \u003cstrong\u003eMagnésium Marin + B6\u003c\/strong\u003e pour calmer le système nerveux et améliorer la récupération,\u003c\/li\u003e\n\u003cli\u003ele \u003cstrong\u003eMalate de Magnésium\u003c\/strong\u003e orienté davantage vers la récupération musculaire,\u003c\/li\u003e\n\u003cli\u003eles \u003cstrong\u003eVitamines B12 5000 µg\u003c\/strong\u003e pour relancer le métabolisme énergétique,\u003c\/li\u003e\n\u003cli\u003eet la \u003cstrong\u003eL-Tyrosine\u003c\/strong\u003e en soutien de la concentration et du tonus mental au quotidien.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eAntioxydants et détoxification cellulaire\u003c\/h3\u003e\n\u003cp\u003ePollution, stress chronique, alimentation déséquilibrée : les agressions oxydatives s'accumulent et les cellules finissent par en payer le prix. SFB a construit un trio cohérent pour y répondre. \u003ca href=\"\/products\/glutathion-reduit-30-gelules-sfb-laboratoires\"\u003eLe Glutathion Réduit\u003c\/a\u003e, sous sa forme directement active, assure la détoxification hépatique et la protection cellulaire. L'\u003cstrong\u003eAcide Alpha Lipoïque\u003c\/strong\u003e vient régénérer d'autres antioxydants épuisés. Et la \u003cstrong\u003eVitamine C Liposomale\u003c\/strong\u003e, grâce à son encapsulation lipidique, franchit mieux la barrière intestinale pour une absorption nettement supérieure à une vitamine C classique.\u003c\/p\u003e\n\u003ch3\u003eÉquilibre minéral et confort osseux\u003c\/h3\u003e\n\u003cp\u003eLe \u003cstrong\u003eLithothamne\u003c\/strong\u003e est une petite algue marine qui concentre naturellement du calcium biodisponible, utile au maintien d'une ossature solide. Associé au \u003cstrong\u003eMalate de Magnésium\u003c\/strong\u003e, il forme un duo efficace pour couvrir les besoins minéraux du quotidien, notamment chez les personnes qui consomment peu de produits laitiers.\u003c\/p\u003e\n\u003ch3\u003eSuperaliments et concentrés de vert\u003c\/h3\u003e\n\u003cp\u003ePour densifier les apports nutritionnels sans se compliquer la vie : la \u003cstrong\u003ePoudre d'Orge Verte\u003c\/strong\u003e et le \u003cstrong\u003eJus d'Herbe de Blé Bio\u003c\/strong\u003e apportent chlorophylle, vitamines et minéraux en une seule cuillère à glisser dans un smoothie ou un jus frais. Le \u003cstrong\u003eJus de Noni Hawaiien Bio\u003c\/strong\u003e, riche en polyphénols et enzymes, se prend plutôt pur en cure de trois semaines pour un regain de vitalité global.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003e3 références SFB à connaître absolument\u003c\/h2\u003e\n\u003cp\u003eParmi le catalogue, trois produits résument bien le savoir-faire du laboratoire :\u003c\/p\u003e\n\u003ch3\u003eBerbérine Zéro Sucre : digestion et glycémie sous contrôle\u003c\/h3\u003e\n\u003cp\u003e\u003ca href=\"\/products\/berberine-zero-sucre-75-gelules-sfb-laboratoire\"\u003eLa Berbérine Zéro Sucre\u003c\/a\u003e fait partie des actifs végétaux qui ont gagné leurs lettres de noblesse ces dernières années. Issue de l'épine-vinette, elle soutient le métabolisme des sucres tout en favorisant le confort digestif. La formule sans sucre ajouté est cohérente avec l'objectif du produit. Un \u003cstrong\u003ecomplément alimentaire digestion\u003c\/strong\u003e à considérer en cure de fond, particulièrement si vous surveillez votre équilibre glycémique.\u003c\/p\u003e\n\u003ch3\u003eVitamine C Liposomale : l'absorption qui change tout\u003c\/h3\u003e\n\u003cp\u003eLe problème de la vitamine C classique, c'est qu'une bonne partie finit éliminée par les reins avant même d'avoir servi. \u003ca href=\"\/products\/vitamine-c-liposomale-30-gelules-sfb-laboratoires\"\u003eLa version liposomale de SFB\u003c\/a\u003e contourne ce problème : encapsulée dans des liposomes, elle traverse la paroi intestinale bien plus efficacement. Au service de l'immunité, de la réduction de la fatigue et de la protection cellulaire, c'est un investissement qui se justifie quand on veut vraiment profiter de sa supplémentation.\u003c\/p\u003e\n\u003ch3\u003eGlutathion Réduit : le bouclier antioxydant de référence\u003c\/h3\u003e\n\u003cp\u003eSouvent surnommé \"l'antioxydant maître\" de l'organisme, le glutathion joue un rôle central dans la détoxification du foie et la défense cellulaire. Encore faut-il le prendre sous la bonne forme. Le Glutathion Réduit de SFB est directement assimilable, sans étape de conversion par le corps. Un produit de choix en cure saisonnière, en période de surmenage ou après des excès alimentaires.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuel complément SFB choisir selon votre situation ?\u003c\/h2\u003e\n\u003ch3\u003eFatigue persistante ou manque d'énergie\u003c\/h3\u003e\n\u003cp\u003e⚡ Le trio \u003cstrong\u003eVitamines B12 5000 µg\u003c\/strong\u003e + \u003cstrong\u003eMagnésium Marin B6\u003c\/strong\u003e + \u003cstrong\u003eL-Tyrosine\u003c\/strong\u003e couvre les trois axes principaux de la fatigue : métabolisme énergétique ralenti, tension nerveuse et difficulté de concentration. À tester sur une cure de deux mois pour des résultats tangibles.\u003c\/p\u003e\n\u003ch3\u003eBallonnements et inconforts digestifs\u003c\/h3\u003e\n\u003cp\u003e🫧 En cas de gêne ponctuelle, le \u003cstrong\u003eCharbon Végétal Activé\u003c\/strong\u003e ou \u003cstrong\u003eZéro'gaz\u003c\/strong\u003e apportent un soulagement rapide. Pour un travail plus en profondeur sur le microbiote, le \u003cstrong\u003eLactobacillus L-Gasseri\u003c\/strong\u003e rééquilibre la flore intestinale durablement. Et pour un \u003cstrong\u003ecomplément alimentaire digestion ballonnement\u003c\/strong\u003e complet, la \u003cstrong\u003eBerbérine Zéro Sucre\u003c\/strong\u003e vient compléter l'approche avec son action sur le métabolisme digestif.\u003c\/p\u003e\n\u003ch3\u003eRenforcement de l'immunité et lutte contre le stress oxydatif\u003c\/h3\u003e\n\u003cp\u003e🛡️ L'association \u003cstrong\u003eVitamine C Liposomale\u003c\/strong\u003e + \u003cstrong\u003eGlutathion Réduit\u003c\/strong\u003e + \u003cstrong\u003eAcide Alpha Lipoïque\u003c\/strong\u003e forme un cercle vertueux : la vitamine C régénère le glutathion, qui recycle à son tour l'acide alpha lipoïque. Trois actifs qui se renforcent mutuellement pour une protection antioxydante en profondeur.\u003c\/p\u003e\n\u003ch3\u003eSolidité osseuse et équilibre minéral\u003c\/h3\u003e\n\u003cp\u003e🦴 Le \u003cstrong\u003eLithothamne\u003c\/strong\u003e fournit un calcium marin naturel et facilement assimilable. Pour le magnésium, tout dépend de votre priorité : le \u003cstrong\u003eMagnésium Marin B6\u003c\/strong\u003e convient mieux si le stress et la nervosité dominent, le \u003cstrong\u003eMalate de Magnésium\u003c\/strong\u003e sera plus adapté si c'est la récupération musculaire qui compte.\u003c\/p\u003e\n\u003ch3\u003eIntégrer des superaliments au quotidien\u003c\/h3\u003e\n\u003cp\u003e🌱 La \u003cstrong\u003ePoudre d'Orge Verte\u003c\/strong\u003e ou le \u003cstrong\u003eJus d'Herbe de Blé Bio\u003c\/strong\u003e se fondent dans n'importe quel smoothie matinal. Le \u003cstrong\u003eJus de Noni Hawaiien Bio\u003c\/strong\u003e se consomme pur, idéalement en cure de trois semaines, pour un concentré de vitalité en période de changement de saison.\u003c\/p\u003e\n\u003cdiv style=\"background: #f7fafc; border-left: 4px solid #5bb672; padding: 12px 14px; border-radius: 4px; margin-top: 8px;\"\u003e\n\u003cstrong\u003eUn conseil pratique\u003c\/strong\u003e : concentrez-vous sur un seul objectif principal et laissez 6 à 8 semaines à votre cure avant de tirer des conclusions. Les effets des compléments alimentaires se construisent dans la durée, pas du jour au lendemain.\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eBien utiliser vos compléments SFB au quotidien\u003c\/h2\u003e\n\u003cul style=\"list-style: none; padding-left: 0;\"\u003e\n\u003cli class=\"mb-2\"\u003e⏳ \u003cstrong\u003eLa régularité avant tout\u003c\/strong\u003e : une prise quotidienne à heure fixe vaut mieux qu'une grosse dose de temps en temps. Choisissez un créneau (matin ou soir) et tenez-vous-y.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🥗 \u003cstrong\u003ePendant le repas de préférence\u003c\/strong\u003e : l'assimilation est meilleure, en particulier pour les vitamines liposolubles et la vitamine C liposomale.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e💧 \u003cstrong\u003ePensez à bien vous hydrater\u003c\/strong\u003e : c'est d'autant plus vrai si vous prenez du magnésium, des fibres ou des formules digestives comme le charbon végétal.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🔄 \u003cstrong\u003eCures de 6 à 8 semaines\u003c\/strong\u003e : faites le point sur vos ressentis à la fin de chaque cure. Une pause de quelques semaines entre deux cycles peut être bénéfique.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e❗ \u003cstrong\u003eEn cas de traitement médical\u003c\/strong\u003e : grossesse, allaitement ou pathologie particulière, prenez toujours l'avis de votre médecin ou pharmacien avant de vous supplémenter.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuestions fréquentes sur SFB Laboratoires\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes compléments SFB Laboratoires sont-ils vraiment fabriqués en France ?\u003c\/summary\u003e\n\u003cp\u003eOui, la fabrication est intégralement réalisée en France. Chaque lot fait l'objet de contrôles depuis la réception des matières premières jusqu'au conditionnement du produit fini. Les certificats d'analyse sont disponibles et la traçabilité est totale.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la durée recommandée pour une cure SFB ?\u003c\/summary\u003e\n\u003cp\u003eComptez 6 à 8 semaines en moyenne. C'est le temps nécessaire pour observer des effets durables, à condition de prendre le produit régulièrement. Au terme de la cure, évaluez vos ressentis pour décider de la suite : renouvellement, pause ou ajustement.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eEst-ce possible de combiner plusieurs produits SFB dans la même cure ?\u003c\/summary\u003e\n\u003cp\u003eTout à fait, à condition que les objectifs soient complémentaires et les dosages compatibles. L'association Vitamine C Liposomale et Glutathion Réduit est un bon exemple de synergie pertinente. En revanche, si vous prenez des médicaments en parallèle, un avis médical reste indispensable.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes produits SFB sont-ils adaptés aux personnes allergiques ?\u003c\/summary\u003e\n\u003cp\u003eCela varie selon les formules. Certains produits peuvent contenir des traces de soja, de gluten ou d'autres allergènes courants. Le réflexe à avoir : vérifier systématiquement la liste des ingrédients et les mentions d'allergènes sur chaque fiche produit avant de commander.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur complément alimentaire pour la digestion ?\u003c\/summary\u003e\n\u003cp\u003eIl n'y a pas de réponse unique, car tout dépend de la nature de l'inconfort. Le Charbon Végétal Activé et Zéro'gaz agissent vite sur les ballonnements. La Berbérine Zéro Sucre travaille davantage sur la digestion et la régulation glycémique. Et le Lactobacillus L-Gasseri s'adresse à ceux qui veulent rééquilibrer leur microbiote en profondeur.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment reconnaître un probiotique de qualité ?\u003c\/summary\u003e\n\u003cp\u003eTrois critères comptent vraiment : la souche utilisée (elle doit être identifiée et documentée), le dosage en UFC (unités formant colonie) et la viabilité des ferments jusqu'à la date de péremption. Le L-Gasseri de SFB coche ces trois cases avec 50 milliards d'UFC par gélule et une souche de Lactobacillus clairement référencée.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePar quoi commencer pour améliorer sa digestion au quotidien ?\u003c\/summary\u003e\n\u003cp\u003eCommencez par un probiotique comme le L-Gasseri pour poser les bases d'une flore intestinale équilibrée. En complément, le Charbon Végétal Activé ou Zéro'gaz gèrent les épisodes de ballonnements ponctuels. Sur le long terme, une cure de Berbérine Zéro Sucre peut aider à stabiliser le confort digestif global.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[{"product_id":"vitamines-b12-5000-µg-30-comprimes-sfb-laboratoires","title":"Vitamines B12 5000 µg - 30 comprimés - SFB Laboratoires","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine B12 5000 µg - SFB Laboratoires\nPalette détectée:\n  - Primaire: #3B5073 (bleu marine du packaging principal)\n  - Secondaire: #2D8B6B (vert SFB Laboratoires)\n  - Accent: #5A7BA3 (bleu intermédiaire pour gradients)\nAmbiance: Scientifique\/médical, professionnel, nutraceutique premium, packaging blanc épuré avec aplat bleu dominant, aspect clinique et fiable\nPréfixe CSS: b12\n--\u003e\n\u003cdiv class=\"b12-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"b12-hero\"\u003e\n\u003cdiv class=\"b12-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"b12-hero-content\"\u003e\n\u003cdiv class=\"b12-badges-top\"\u003e\n\u003cspan class=\"b12-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"b12-badge\"\u003e⚡ Dosage élevé\u003c\/span\u003e \u003cspan class=\"b12-badge\"\u003e🌱 Végétarien\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"b12-hero-title\"\u003eVitamine B12 5000 µg\u003c\/span\u003e\n\u003cp class=\"b12-subtitle\"\u003e\u003cspan style=\"color: rgb(251, 246, 246);\"\u003eForme active méthylcobalamine hautement biodisponible\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"b12-description\"\u003e\u003cspan style=\"color: rgb(251, 246, 246);\"\u003eUn complément nutraceutique d'exception pour soutenir votre système nerveux, votre production sanguine et votre vitalité quotidienne. Formule sublingual à absorption optimale.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POINTS FORTS --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003ch2\u003ePourquoi choisir notre vitamine B12\u003c\/h2\u003e\n\u003cdiv class=\"b12-grid\"\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eDosage élevé\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003e5000 µg par comprimé\u003c\/p\u003e\n\u003cp\u003eUn dosage puissant pour combler rapidement les carences et répondre aux besoins accrus de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e🧬\u003c\/div\u003e\n\u003ch3\u003eForme bioactive\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003eMéthylcobalamine\u003c\/p\u003e\n\u003cp\u003eLa forme naturellement présente dans l'organisme, directement assimilable sans conversion enzymatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e👅\u003c\/div\u003e\n\u003ch3\u003eAbsorption sublinguale\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003eBiodisponibilité optimale\u003c\/p\u003e\n\u003cp\u003ePassage direct dans la circulation sanguine pour une efficacité maximale et une assimilation rapide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e🍒\u003c\/div\u003e\n\u003ch3\u003eArôme naturel cerise\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003eGoût agréable\u003c\/p\u003e\n\u003cp\u003eUne prise facile et plaisante qui rend votre cure quotidienne plus agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eSans gluten, sans OGM\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003eFormule pure\u003c\/p\u003e\n\u003cp\u003eConvient aux végétariens et aux personnes sensibles, pour un complément respectueux de tous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-card\"\u003e\n\u003cdiv class=\"b12-icon\"\u003e🏭\u003c\/div\u003e\n\u003ch3\u003eQualité SFB Laboratoires\u003c\/h3\u003e\n\u003cp class=\"b12-highlight\"\u003eFabrication française\u003c\/p\u003e\n\u003cp\u003eDes standards de production élevés et un contrôle qualité rigoureux à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS DÉTAILLÉS --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003ch2\u003eLes bienfaits pour votre santé\u003c\/h2\u003e\n\u003cdiv class=\"b12-benefits-grid\"\u003e\n\u003cdiv class=\"b12-benefit-card b12-nervous\"\u003e\n\u003cdiv class=\"b12-benefit-icon\"\u003e🧠\u003c\/div\u003e\n\u003ch3\u003eSystème nerveux \u0026amp; cognition\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B12 joue un rôle fondamental dans la formation de la myéline, gaine protectrice des nerfs, et participe activement à la transmission nerveuse. Elle soutient les fonctions cognitives, la concentration et la mémoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-benefit-card b12-blood\"\u003e\n\u003cdiv class=\"b12-benefit-icon\"\u003e🩸\u003c\/div\u003e\n\u003ch3\u003eProduction de globules rouges\u003c\/h3\u003e\n\u003cp\u003eEssentielle à la synthèse de l'ADN et à la formation des cellules sanguines, la B12 contribue à maintenir une circulation sanguine optimale et à prévenir l'anémie mégaloblastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-benefit-card b12-energy\"\u003e\n\u003cdiv class=\"b12-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eÉnergie \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eElle participe au métabolisme des glucides, lipides et protéines pour libérer l'énergie dont vos cellules ont besoin. La B12 aide à réduire la fatigue et à maintenir votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-benefit-card b12-immune\"\u003e\n\u003cdiv class=\"b12-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eDéfenses immunitaires\u003c\/h3\u003e\n\u003cp\u003eEn favorisant le bon fonctionnement cellulaire et la division cellulaire, la vitamine B12 participe indirectement au renforcement de vos défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003ch2\u003eComposition par comprimé\u003c\/h2\u003e\n\u003cdiv class=\"b12-composition\"\u003e\n\u003cdiv class=\"b12-ingredient-main\"\u003e\n\u003cdiv class=\"b12-ingredient-header\"\u003e\n\u003cdiv class=\"b12-ingredient-icon\"\u003e💎\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eVitamine B12 (méthylcobalamine)\u003c\/h3\u003e\n\u003cp class=\"b12-dosage\"\u003e5000 µg\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"b12-ingredient-desc\"\u003eForme bioactive directement utilisable par l'organisme, sans conversion nécessaire. La méthylcobalamine présente une excellente biodisponibilité et une action prolongée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-excipients\"\u003e\n\u003ch3\u003eAutres ingrédients\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-agglomérants :\u003c\/strong\u003e stéarate de magnésium\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAgents de charge :\u003c\/strong\u003e sorbitol, mannitol\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArôme :\u003c\/strong\u003e arôme naturel de cerise\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"b12-usage\"\u003e\n\u003cdiv class=\"b12-step\"\u003e\n\u003cdiv class=\"b12-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"b12-step-content\"\u003e\n\u003ch3\u003ePrise sublinguale\u003c\/h3\u003e\n\u003cp\u003ePlacez 1 comprimé sous la langue et laissez-le fondre complètement. Cette méthode permet une absorption directe dans la circulation sanguine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-step\"\u003e\n\u003cdiv class=\"b12-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"b12-step-content\"\u003e\n\u003ch3\u003eCure initiale (facultatif)\u003c\/h3\u003e\n\u003cp\u003ePremière semaine : 1 comprimé par jour pour une charge rapide en cas de carence avérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-step\"\u003e\n\u003cdiv class=\"b12-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"b12-step-content\"\u003e\n\u003ch3\u003eEntretien\u003c\/h3\u003e\n\u003cp\u003ePuis 1 comprimé par semaine pour maintenir des taux optimaux de vitamine B12 dans l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-timing\"\u003e\n\u003cdiv class=\"b12-timing-icon\"\u003e⏰\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eQuand prendre votre B12\u003c\/h3\u003e\n\u003cp\u003eDe préférence le matin à jeun pour une absorption optimale, ou selon les recommandations de votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003ch2\u003ePour qui ce complément\u003c\/h2\u003e\n\u003cdiv class=\"b12-grid\"\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e🥗\u003c\/div\u003e\n\u003ch3\u003eVégétariens \u0026amp; végétaliens\u003c\/h3\u003e\n\u003cp\u003eLa B12 est quasi-absente des aliments végétaux. Une supplémentation est indispensable pour éviter les carences.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e👵\u003c\/div\u003e\n\u003ch3\u003eSeniors\u003c\/h3\u003e\n\u003cp\u003eAvec l'âge, l'absorption de la B12 diminue. Un apport complémentaire aide à maintenir les fonctions cognitives et la vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eTroubles de l'absorption\u003c\/h3\u003e\n\u003cp\u003ePersonnes souffrant de troubles digestifs (maladie de Crohn, gastrite atrophique) ou sous IPP\/metformine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e😴\u003c\/div\u003e\n\u003ch3\u003eFatigue chronique\u003c\/h3\u003e\n\u003cp\u003eEn cas de fatigue persistante, baisse de concentration ou manque d'énergie pouvant indiquer une carence en B12.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e🏃\u003c\/div\u003e\n\u003ch3\u003eSportifs\u003c\/h3\u003e\n\u003cp\u003eBesoins accrus en vitamines du groupe B pour le métabolisme énergétique et la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"b12-profile-card\"\u003e\n\u003cdiv class=\"b12-profile-icon\"\u003e🤰\u003c\/div\u003e\n\u003ch3\u003eFemmes enceintes\u003c\/h3\u003e\n\u003cp\u003eBesoins augmentés pendant la grossesse et l'allaitement. Consultez votre professionnel de santé pour l'adaptation du dosage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"b12-section\"\u003e\n\u003cdiv class=\"b12-warning-box\"\u003e\n\u003cdiv class=\"b12-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv class=\"b12-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n\u003cli\u003eConserver au sec, à l'abri de la lumière et de la chaleur\u003c\/li\u003e\n\u003cli\u003eFemmes enceintes, allaitantes ou personnes sous traitement médical : consultez un professionnel de santé avant utilisation\u003c\/li\u003e\n\u003cli\u003eEn cas de doute sur votre statut en vitamine B12, faites pratiquer un dosage sanguin\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"b12-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"b12-cta-box\"\u003e\n\u003cdiv class=\"b12-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"b12-cta-content\"\u003e\n\u003cp\u003eLa vitamine B12 5000 µg de SFB Laboratoires est votre allié santé pour maintenir un système nerveux performant, une production sanguine optimale et une énergie durable au quotidien. Avec sa forme méthylcobalamine hautement biodisponible et son dosage adapté, elle répond efficacement aux besoins des personnes carencées, des végétariens et de tous ceux qui souhaitent préserver leur vitalité et leurs fonctions cognitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --b12-cream: #f8f9fb;\n  --b12-white: #ffffff;\n  --b12-primary: #3B5073;\n  --b12-primary-dark: #2a3b52;\n  --b12-primary-light: #e8ecf2;\n  --b12-secondary: #2D8B6B;\n  --b12-accent: #5A7BA3;\n\n  \/* Textes *\/\n  --b12-text: #1a1a1a;\n  --b12-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --b12-border: #e0e4ea;\n  --b12-shadow: 0 4px 24px rgba(59, 80, 115, 0.08);\n  --b12-shadow-lg: 0 12px 48px rgba(59, 80, 115, 0.15);\n  --b12-radius: 20px;\n  --b12-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.b12-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--b12-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--b12-text);\n  line-height: 1.6;\n}\n\n\/* === HERO SECTION === *\/\n.b12-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--b12-primary) 0%, var(--b12-accent) 50%, var(--b12-secondary) 100%);\n  border-radius: var(--b12-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--b12-shadow-lg);\n}\n\n.b12-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0.05;\n  background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n}\n\n.b12-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.b12-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.b12-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--b12-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.b12-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n.b12-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -0.04em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.b12-subtitle {\n  color: rgba(255, 255, 255, 0.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: -0.01em;\n}\n\n.b12-description {\n  color: rgba(255, 255, 255, 0.9);\n  font-size: clamp(15px, 2.2vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.b12-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.b12-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--b12-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -0.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.b12-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--b12-primary), var(--b12-secondary));\n  border-radius: 2px;\n}\n\n.b12-premium h3 {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 700;\n  color: var(--b12-primary-dark);\n  margin-bottom: 0.75rem;\n  letter-spacing: -0.02em;\n}\n\n.b12-premium p {\n  color: var(--b12-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.7;\n  margin-bottom: 0.75rem;\n}\n\n\/* === GRILLES === *\/\n.b12-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.b12-card {\n  background: var(--b12-white);\n  border-radius: var(--b12-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--b12-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.b12-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--b12-shadow-lg);\n  border-color: var(--b12-primary);\n}\n\n.b12-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  filter: grayscale(0.2);\n}\n\n.b12-highlight {\n  color: var(--b12-primary);\n  font-weight: 800;\n  font-size: clamp(16px, 2.5vw, 20px);\n  margin-bottom: 0.5rem;\n}\n\n\/* === BIENFAITS === *\/\n.b12-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.b12-benefit-card {\n  background: var(--b12-white);\n  border-radius: var(--b12-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--b12-shadow);\n  border-left: 5px solid var(--b12-primary);\n  transition: all 0.3s ease;\n}\n\n.b12-benefit-card:hover {\n  transform: translateX(5px);\n  box-shadow: var(--b12-shadow-lg);\n}\n\n.b12-benefit-card.b12-nervous {\n  border-left-color: var(--b12-primary);\n}\n\n.b12-benefit-card.b12-blood {\n  border-left-color: #c74343;\n}\n\n.b12-benefit-card.b12-energy {\n  border-left-color: #f5a623;\n}\n\n.b12-benefit-card.b12-immune {\n  border-left-color: var(--b12-secondary);\n}\n\n.b12-benefit-icon {\n  font-size: 42px;\n  margin-bottom: 1rem;\n}\n\n\/* === COMPOSITION === *\/\n.b12-composition {\n  background: var(--b12-white);\n  border-radius: var(--b12-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--b12-shadow);\n}\n\n.b12-ingredient-main {\n  background: linear-gradient(135deg, var(--b12-primary-light) 0%, rgba(90, 123, 163, 0.1) 100%);\n  border-radius: var(--b12-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  margin-bottom: 2rem;\n  border: 2px solid var(--b12-primary);\n}\n\n.b12-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  margin-bottom: 1rem;\n}\n\n.b12-ingredient-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.b12-dosage {\n  color: var(--b12-primary);\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  margin: 0;\n}\n\n.b12-ingredient-desc {\n  color: var(--b12-text);\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n.b12-excipients h3 {\n  margin-bottom: 1rem;\n}\n\n.b12-excipients ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.b12-excipients li {\n  padding: 0.75rem 0;\n  border-bottom: 1px solid var(--b12-border);\n  color: var(--b12-text-light);\n  font-size: 15px;\n}\n\n.b12-excipients li:last-child {\n  border-bottom: none;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.b12-usage {\n  background: var(--b12-white);\n  border-radius: var(--b12-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--b12-shadow);\n  margin-bottom: 2rem;\n}\n\n.b12-step {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  margin-bottom: 2rem;\n}\n\n.b12-step:last-child {\n  margin-bottom: 0;\n}\n\n.b12-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--b12-primary), var(--b12-accent));\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(59, 80, 115, 0.3);\n}\n\n.b12-step-content h3 {\n  margin-bottom: 0.5rem;\n}\n\n.b12-step-content p {\n  margin: 0;\n}\n\n.b12-timing {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  background: var(--b12-primary-light);\n  border-radius: var(--b12-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border-left: 4px solid var(--b12-secondary);\n}\n\n.b12-timing-icon {\n  font-size: 42px;\n  flex-shrink: 0;\n}\n\n.b12-timing h3 {\n  margin-bottom: 0.5rem;\n}\n\n.b12-timing p {\n  margin: 0;\n  color: var(--b12-text);\n}\n\n\/* === POUR QUI === *\/\n.b12-profile-card {\n  background: var(--b12-white);\n  border-radius: var(--b12-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--b12-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.b12-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--b12-shadow-lg);\n  border-color: var(--b12-secondary);\n}\n\n.b12-profile-icon {\n  font-size: 52px;\n  margin-bottom: 1rem;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.b12-warning-box {\n  display: flex;\n  gap: 1.5rem;\n  background: linear-gradient(135deg, #fff3e0 0%, #ffe8cc 100%);\n  border-radius: var(--b12-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid #f5a623;\n  box-shadow: var(--b12-shadow);\n}\n\n.b12-warning-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.b12-warning-content h3 {\n  color: #d68910;\n  margin-bottom: 1rem;\n}\n\n.b12-warning-content ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.b12-warning-content li {\n  position: relative;\n  padding-left: 1.5rem;\n  margin-bottom: 0.75rem;\n  color: var(--b12-text);\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n.b12-warning-content li::before {\n  content: '•';\n  position: absolute;\n  left: 0;\n  color: #f5a623;\n  font-weight: 900;\n  font-size: 20px;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.b12-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.b12-info-card {\n  background: var(--b12-white);\n  border-radius: var(--b12-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--b12-shadow);\n  text-align: center;\n  border: 2px solid var(--b12-border);\n  transition: all 0.3s ease;\n}\n\n.b12-info-card:hover {\n  border-color: var(--b12-primary);\n  transform: translateY(-4px);\n}\n\n.b12-info-icon {\n  font-size: 42px;\n  margin-bottom: 1rem;\n}\n\n.b12-info-card h3 {\n  margin-bottom: 0.5rem;\n  font-size: 18px;\n}\n\n.b12-info-card \u003e p:first-of-type {\n  color: var(--b12-primary);\n  font-weight: 800;\n  font-size: clamp(18px, 3vw, 22px);\n  margin-bottom: 0.25rem;\n}\n\n.b12-info-detail {\n  color: var(--b12-text-light);\n  font-size: 14px;\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.b12-cta-box {\n  position: relative;\n  background: linear-gradient(135deg, var(--b12-primary) 0%, var(--b12-primary-dark) 100%);\n  border-radius: var(--b12-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  overflow: hidden;\n  box-shadow: var(--b12-shadow-lg);\n}\n\n.b12-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0.05;\n  background-image: radial-gradient(circle, rgba(255,255,255,.5) 1px, transparent 1px);\n  background-size: 24px 24px;\n}\n\n.b12-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.b12-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .b12-grid,\n  .b12-benefits-grid,\n  .b12-info-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .b12-ingredient-header {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .b12-warning-box {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .b12-timing {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .b12-step {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .b12-card,\n  .b12-benefit-card,\n  .b12-profile-card {\n    animation: fadeInUp 0.6s ease backwards;\n  }\n\n  .b12-card:nth-child(1),\n  .b12-benefit-card:nth-child(1),\n  .b12-profile-card:nth-child(1) {\n    animation-delay: 0.1s;\n  }\n\n  .b12-card:nth-child(2),\n  .b12-benefit-card:nth-child(2),\n  .b12-profile-card:nth-child(2) {\n    animation-delay: 0.2s;\n  }\n\n  .b12-card:nth-child(3),\n  .b12-benefit-card:nth-child(3),\n  .b12-profile-card:nth-child(3) {\n    animation-delay: 0.3s;\n  }\n\n  .b12-card:nth-child(4),\n  .b12-benefit-card:nth-child(4),\n  .b12-profile-card:nth-child(4) {\n    animation-delay: 0.4s;\n  }\n\n  .b12-card:nth-child(5),\n  .b12-profile-card:nth-child(5) {\n    animation-delay: 0.5s;\n  }\n\n  .b12-card:nth-child(6),\n  .b12-profile-card:nth-child(6) {\n    animation-delay: 0.6s;\n  }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .b12-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .b12-premium {\n    --b12-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n    --b12-shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.4);\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55144641790329,"sku":"SF0100","price":24.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamines-b12-5000-mcg-30-comprimes-sfb-laboratoires_11zon.jpg?v=1758989678"},{"product_id":"vitamine-c-liposomale-30-gelules-sfb-laboratoires","title":"Vitamine C Liposomale - 30 gélules - SFB Laboratoires","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine C Liposomale 575 - SFB Laboratoires\nPalette détectée:\n  - Primaire: #1a8273 (vert menthe foncé du logo et branding)\n  - Secondaire: #b8e5de (vert menthe clair du bandeau)\n  - Accent: #ff4d8f (rose fuchsia du badge)\n  - Background: #f8fafa (blanc cassé très clair, minimaliste)\nAmbiance: Scientifique premium \/ Médical \/ Clean \/ Moderne\nStyle: Laboratoire professionnel avec touches de couleur vives pour dynamiser\nType: Complément alimentaire haut de gamme\nPréfixe CSS: vcl\n--\u003e\n\n\u003cdiv class=\"vcl-premium\"\u003e\n  \u003c!-- Hero Section --\u003e\n  \u003cdiv class=\"vcl-hero\"\u003e\n    \u003cdiv class=\"vcl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vcl-hero-content\"\u003e\n      \u003cdiv class=\"vcl-badges-top\"\u003e\n        \u003cspan class=\"vcl-badge\"\u003e🔬 Technologie liposomale\u003c\/span\u003e\n        \u003cspan class=\"vcl-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"vcl-badge\"\u003e💊 30 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vcl-hero-title\"\u003eVitamine C Liposomale 575\u003c\/span\u003e\n      \u003cp class=\"vcl-subtitle\"\u003eLa nouvelle génération de vitamine C ultra-assimilable\u003c\/p\u003e\n      \u003cp class=\"vcl-description\"\u003eGrâce à sa technologie d'encapsulation liposomale révolutionnaire, profitez d'une absorption jusqu'à 98% et d'une efficacité incomparable pour booster votre immunité, réduire la fatigue et protéger vos cellules.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Dosage Section --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e💪 Un dosage puissant et optimal\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-dosage-card\"\u003e\n      \u003cdiv class=\"vcl-dosage-visual\"\u003e\n        \u003cspan class=\"vcl-dosage-number\"\u003e575\u003c\/span\u003e\n        \u003cspan class=\"vcl-dosage-unit\"\u003emg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-dosage-content\"\u003e\n        \u003cp class=\"vcl-dosage-title\"\u003eVitamine C hautement concentrée\u003c\/p\u003e\n        \u003cp class=\"vcl-dosage-desc\"\u003eUne dose quotidienne qui couvre largement vos besoins journaliers pour une efficacité maximale sur votre système immunitaire, votre niveau d'énergie et la protection de vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Bienfaits Section --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003cspan class=\"vcl-card-title\"\u003e⚡ Énergie \u0026amp; vitalité\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eDiminue la fatigue passagère et soutient la résistance de votre organisme au quotidien. Retrouvez tonus et dynamisme naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003cspan class=\"vcl-card-title\"\u003e🛡️ Immunité renforcée\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eAide à maintenir des défenses naturelles efficaces, notamment lors des changements de saison ou des périodes sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003cspan class=\"vcl-card-title\"\u003e🔒 Protection cellulaire\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eLutte activement contre le stress oxydatif et ralentit le vieillissement prématuré de vos cellules grâce à son pouvoir antioxydant puissant.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card\"\u003e\n        \u003cspan class=\"vcl-card-title\"\u003e✨ Peau \u0026amp; collagène\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eFavorise une peau plus ferme et éclatante en stimulant la synthèse naturelle du collagène pour la peau, les os et les cartilages.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Technologie Liposomale --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e🔬 La révolution liposomale\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-tech-box\"\u003e\n      \u003cdiv class=\"vcl-tech-content\"\u003e\n        \u003cp class=\"vcl-tech-title\"\u003eUne absorption jusqu'à 3 fois supérieure\u003c\/p\u003e\n        \u003cp class=\"vcl-tech-desc\"\u003eLa technologie d'encapsulation liposomale protège la vitamine C dans des microbulles de phospholipides naturels. Résultat : une assimilation jusqu'à 98%, une protection optimale dans le système digestif et une libération progressive dans l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vcl-tech-stats\"\u003e\n        \u003cdiv class=\"vcl-stat\"\u003e\n          \u003cspan class=\"vcl-stat-number\"\u003e98%\u003c\/span\u003e\n          \u003cspan class=\"vcl-stat-label\"\u003ed'absorption\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vcl-stat\"\u003e\n          \u003cspan class=\"vcl-stat-number\"\u003e3x\u003c\/span\u003e\n          \u003cspan class=\"vcl-stat-label\"\u003eplus efficace\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vcl-stat\"\u003e\n          \u003cspan class=\"vcl-stat-number\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"vcl-stat-label\"\u003etolérance digestive\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Composition Section --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e🧪 Composition \u0026amp; ingrédients\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003cdiv class=\"vcl-ingredient-header\"\u003e\n          \u003cdiv class=\"vcl-card-icon\"\u003e🍊\u003c\/div\u003e\n          \u003cspan class=\"vcl-card-title\"\u003eVitamine C\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"vcl-ingredient-dose\"\u003e575 mg \/ dose\u003c\/p\u003e\n        \u003cp class=\"vcl-card-text\"\u003eAscorbate de sodium de qualité pharmaceutique. Contribue au fonctionnement normal du système immunitaire et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n        \u003cdiv class=\"vcl-ingredient-header\"\u003e\n          \u003cdiv class=\"vcl-card-icon\"\u003e🔬\u003c\/div\u003e\n          \u003cspan class=\"vcl-card-title\"\u003ePhospholipides naturels\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"vcl-ingredient-dose\"\u003eLiposomes\u003c\/p\u003e\n        \u003cp class=\"vcl-card-text\"\u003eAssurent l'encapsulation et permettent une assimilation jusqu'à 3 fois supérieure à celle de la vitamine C classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vcl-quality-banner\"\u003e\n      \u003cspan class=\"vcl-quality-item\"\u003e✓ Sans OGM\u003c\/span\u003e\n      \u003cspan class=\"vcl-quality-item\"\u003e✓ Sans additifs artificiels\u003c\/span\u003e\n      \u003cspan class=\"vcl-quality-item\"\u003e✓ Sans conservateurs\u003c\/span\u003e\n      \u003cspan class=\"vcl-quality-item\"\u003e✓ Gélules végétales\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Mode d'emploi --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e📋 Conseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-usage-box\"\u003e\n      \u003cdiv class=\"vcl-usage-main\"\u003e\n        \u003cdiv class=\"vcl-usage-text\"\u003e\n          \u003cp class=\"vcl-usage-title\"\u003e💊 1 dose par jour\u003c\/p\u003e\n          \u003cp class=\"vcl-usage-desc\"\u003ePrendre 1 dose (575 mg) le matin à jeun ou avant un repas pour une assimilation optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-usage-details\"\u003e\n        \u003cdiv class=\"vcl-usage-item\"\u003e\n          \u003cspan class=\"vcl-usage-label\"\u003e👤 Public :\u003c\/span\u003e\n          \u003cspan class=\"vcl-usage-value\"\u003eAdultes et adolescents dès 12 ans\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vcl-usage-item\"\u003e\n          \u003cspan class=\"vcl-usage-label\"\u003e📦 Contenance :\u003c\/span\u003e\n          \u003cspan class=\"vcl-usage-value\"\u003e30 gélules végétales\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vcl-usage-item\"\u003e\n          \u003cspan class=\"vcl-usage-label\"\u003e⏱️ Durée :\u003c\/span\u003e\n          \u003cspan class=\"vcl-usage-value\"\u003e1 mois de cure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003cdiv class=\"vcl-warning-box\"\u003e\n      \u003cdiv class=\"vcl-warning-content\"\u003e\n        \u003cp class=\"vcl-warning-title\"\u003e⚠️ Précautions d'emploi\u003c\/p\u003e\n        \u003cp class=\"vcl-warning-text\"\u003eDemander un avis médical en cas de grossesse, d'allaitement ou de traitement médical en cours.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Pourquoi choisir --\u003e\n  \u003csection class=\"vcl-section\"\u003e\n    \u003ch2\u003e🏆 Pourquoi choisir cette vitamine C liposomale ?\u003c\/h2\u003e\n    \u003cdiv class=\"vcl-grid\"\u003e\n      \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n        \u003cdiv class=\"vcl-why-number\"\u003e01\u003c\/div\u003e\n        \u003cspan class=\"vcl-card-title\"\u003eAbsorption optimale\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eJusqu'à 98% d'assimilation grâce à la technologie liposomale révolutionnaire, soit 3 fois plus qu'une vitamine C classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n        \u003cdiv class=\"vcl-why-number\"\u003e02\u003c\/div\u003e\n        \u003cspan class=\"vcl-card-title\"\u003eTolérance digestive\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eExcellente tolérance, même pour les estomacs sensibles. Pas d'acidité, pas d'inconfort digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n        \u003cdiv class=\"vcl-why-number\"\u003e03\u003c\/div\u003e\n        \u003cspan class=\"vcl-card-title\"\u003eQualité premium\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eFabriquée en France par SFB Laboratoires, sans OGM, sans additifs artificiels ni conservateurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vcl-card vcl-card-why\"\u003e\n        \u003cdiv class=\"vcl-why-number\"\u003e04\u003c\/div\u003e\n        \u003cspan class=\"vcl-card-title\"\u003eAction globale\u003c\/span\u003e\n        \u003cp class=\"vcl-card-text\"\u003eUn complément complet pour votre énergie, vos défenses immunitaires, la beauté de votre peau et la protection cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA Final --\u003e\n  \u003csection class=\"vcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vcl-cta-box\"\u003e\n      \u003cdiv class=\"vcl-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"vcl-cta-content\"\u003e\n        \u003cp class=\"vcl-cta-title\"\u003eOffrez à votre organisme la vitamine C nouvelle génération\u003c\/p\u003e\n        \u003cp class=\"vcl-cta-text\"\u003eUn concentré d'énergie, de protection et de vitalité au quotidien. Une solution hautement assimilable et douce pour votre digestion, conçue pour vous accompagner vers une santé optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --vcl-cream: #f8fafa;\n  --vcl-white: #ffffff;\n  --vcl-primary: #1a8273;\n  --vcl-primary-dark: #0f5b4f;\n  --vcl-primary-light: #b8e5de;\n  --vcl-secondary: #2ca593;\n  --vcl-accent: #ff4d8f;\n\n  \/* Textes *\/\n  --vcl-text: #1a1a1a;\n  --vcl-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --vcl-border: #e0e0e0;\n  --vcl-shadow: 0 4px 24px rgba(26, 130, 115, 0.08);\n  --vcl-shadow-lg: 0 12px 48px rgba(26, 130, 115, 0.15);\n  --vcl-radius: 20px;\n  --vcl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vcl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vcl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.vcl-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-secondary) 50%, var(--vcl-primary-dark) 100%);\n  border-radius: var(--vcl-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--vcl-shadow-lg);\n}\n\n.vcl-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: \n    repeating-linear-gradient(0deg, transparent, transparent 2px, white 2px, white 4px),\n    repeating-linear-gradient(90deg, transparent, transparent 2px, white 2px, white 4px);\n}\n\n.vcl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vcl-badges-top {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-bottom: 1.5rem;\n}\n\n.vcl-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255, 255, 255, .95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--vcl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n  transition: all .3s ease;\n}\n\n.vcl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vcl-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n}\n\n.vcl-subtitle {\n  color: var(--vcl-primary-light);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin-bottom: 1.5rem;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, .15);\n}\n\n.vcl-description {\n  color: rgba(255, 255, 255, .95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, .1);\n}\n\n\/* === SECTIONS === *\/\n.vcl-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.vcl-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vcl-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.vcl-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--vcl-primary), var(--vcl-secondary));\n  border-radius: 2px;\n}\n\n\/* === DOSAGE CARD === *\/\n.vcl-dosage-card {\n  display: flex;\n  align-items: center;\n  gap: clamp(2rem, 4vw, 3rem);\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--vcl-shadow);\n  border: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-dosage-visual {\n  flex-shrink: 0;\n  display: flex;\n  align-items: baseline;\n  gap: 4px;\n  padding: clamp(1.5rem, 3vw, 2rem);\n  background: linear-gradient(135deg, var(--vcl-primary-light), rgba(184, 229, 222, .3));\n  border-radius: var(--vcl-radius-sm);\n  border: 3px solid var(--vcl-primary);\n}\n\n.vcl-dosage-number {\n  font-size: clamp(48px, 8vw, 72px);\n  font-weight: 900;\n  color: var(--vcl-primary-dark);\n  line-height: 1;\n}\n\n.vcl-dosage-unit {\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 700;\n  color: var(--vcl-primary);\n}\n\n.vcl-dosage-content {\n  flex: 1;\n}\n\n.vcl-dosage-title {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--vcl-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.vcl-dosage-desc {\n  color: var(--vcl-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vcl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.vcl-card {\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--vcl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.vcl-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--vcl-shadow-lg);\n  border-color: var(--vcl-primary);\n}\n\n.vcl-card-icon {\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 32px;\n  background: var(--vcl-primary-light);\n  border-radius: var(--vcl-radius-sm);\n  margin-bottom: 1rem;\n}\n\n.vcl-card-title {\n  display: block;\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--vcl-primary-dark);\n  margin-bottom: 0.75rem;\n}\n\n.vcl-card-text {\n  color: var(--vcl-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TECHNOLOGIE BOX === *\/\n.vcl-tech-box {\n  background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 100%);\n  border-radius: var(--vcl-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  color: white;\n  position: relative;\n  overflow: hidden;\n}\n\n.vcl-tech-content {\n  margin-bottom: 2rem;\n}\n\n.vcl-tech-title {\n  font-size: clamp(22px, 4vw, 28px);\n  font-weight: 800;\n  margin-bottom: 1rem;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.vcl-tech-desc {\n  font-size: clamp(15px, 2.5vw, 17px);\n  line-height: 1.7;\n  color: rgba(255, 255, 255, .95);\n}\n\n.vcl-tech-stats {\n  display: flex;\n  justify-content: space-around;\n  gap: 2rem;\n  flex-wrap: wrap;\n}\n\n.vcl-stat {\n  text-align: center;\n}\n\n.vcl-stat-number {\n  display: block;\n  font-size: clamp(40px, 7vw, 56px);\n  font-weight: 900;\n  color: var(--vcl-accent);\n  line-height: 1;\n  margin-bottom: 0.5rem;\n  text-shadow: 0 4px 16px rgba(0, 0, 0, .2);\n}\n\n.vcl-stat-label {\n  display: block;\n  font-size: clamp(13px, 2vw, 15px);\n  font-weight: 600;\n  color: var(--vcl-primary-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.vcl-card-ingredient {\n  border: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 0.75rem;\n}\n\n.vcl-ingredient-header .vcl-card-icon {\n  width: 56px;\n  height: 56px;\n  font-size: 28px;\n  margin: 0;\n}\n\n.vcl-ingredient-header .vcl-card-title {\n  margin: 0;\n  flex: 1;\n}\n\n.vcl-ingredient-dose {\n  display: inline-block;\n  padding: 6px 14px;\n  background: var(--vcl-accent);\n  color: white;\n  font-size: 14px;\n  font-weight: 800;\n  border-radius: 999px;\n  margin-bottom: 1rem;\n}\n\n\/* === QUALITY BANNER === *\/\n.vcl-quality-banner {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n  margin-top: 2rem;\n  padding: 1.5rem;\n  background: var(--vcl-primary-light);\n  border-radius: var(--vcl-radius-sm);\n}\n\n.vcl-quality-item {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--vcl-primary-dark);\n}\n\n\/* === USAGE BOX === *\/\n.vcl-usage-box {\n  background: var(--vcl-white);\n  border-radius: var(--vcl-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--vcl-shadow);\n  border: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-usage-main {\n  display: flex;\n  align-items: center;\n  gap: 2rem;\n  padding-bottom: 2rem;\n  margin-bottom: 2rem;\n  border-bottom: 2px solid var(--vcl-primary-light);\n}\n\n.vcl-usage-icon {\n  flex-shrink: 0;\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 40px;\n  background: var(--vcl-primary-light);\n  border-radius: 50%;\n}\n\n.vcl-usage-text {\n  flex: 1;\n}\n\n.vcl-usage-title {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--vcl-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.vcl-usage-desc {\n  color: var(--vcl-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  margin: 0;\n}\n\n.vcl-usage-details {\n  display: grid;\n  gap: 1rem;\n}\n\n.vcl-usage-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem;\n  background: var(--vcl-cream);\n  border-radius: var(--vcl-radius-sm);\n}\n\n.vcl-usage-label {\n  font-weight: 700;\n  color: var(--vcl-primary-dark);\n  font-size: 15px;\n}\n\n.vcl-usage-value {\n  font-weight: 600;\n  color: var(--vcl-text-light);\n  font-size: 15px;\n  text-align: right;\n}\n\n\/* === WARNING BOX === *\/\n.vcl-warning-box {\n  display: flex;\n  gap: 1.5rem;\n  padding: clamp(1.5rem, 3vw, 2rem);\n  background: #fff8e6;\n  border: 2px solid #ffc107;\n  border-radius: var(--vcl-radius-sm);\n}\n\n.vcl-warning-icon {\n  flex-shrink: 0;\n  font-size: 32px;\n}\n\n.vcl-warning-content {\n  flex: 1;\n}\n\n.vcl-warning-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: #e65100;\n  margin-bottom: 0.5rem;\n}\n\n.vcl-warning-text {\n  font-size: 14px;\n  color: #6d4c00;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === WHY CARDS === *\/\n.vcl-card-why {\n  position: relative;\n  padding-top: clamp(2rem, 4vw, 2.5rem);\n}\n\n.vcl-why-number {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n  color: white;\n  background: linear-gradient(135deg, var(--vcl-accent), #ff1d6d);\n  border-radius: 50%;\n  box-shadow: 0 4px 16px rgba(255, 77, 143, .4);\n}\n\n\/* === CTA FINAL === *\/\n.vcl-cta-box {\n  background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 100%);\n  border-radius: var(--vcl-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vcl-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: \n    radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n    radial-gradient(circle at 80% 80%, white 2px, transparent 2px);\n  background-size: 60px 60px;\n}\n\n.vcl-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.vcl-cta-title {\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n  margin-bottom: 1rem;\n  text-shadow: 0 2px 16px rgba(0, 0, 0, .2);\n}\n\n.vcl-cta-text {\n  color: rgba(255, 255, 255, .95);\n  font-size: clamp(16px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .vcl-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .vcl-dosage-card {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .vcl-usage-main {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .vcl-usage-item {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n\n  .vcl-usage-value {\n    text-align: center;\n  }\n\n  .vcl-tech-stats {\n    gap: 1.5rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vcl-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n  .vcl-card:nth-child(1) { animation-delay: .1s; }\n  .vcl-card:nth-child(2) { animation-delay: .2s; }\n  .vcl-card:nth-child(3) { animation-delay: .3s; }\n  .vcl-card:nth-child(4) { animation-delay: .4s; }\n  .vcl-card:nth-child(5) { animation-delay: .5s; }\n  .vcl-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .vcl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .vcl-card {\n    border-width: 3px;\n  }\n  .vcl-badge {\n    border: 2px solid var(--vcl-primary);\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55156481753465,"sku":"SF0085","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sfb_vitamine-c-liposomale-30-gelules_11zon.jpg?v=1758989112"},{"product_id":"jus-de-noni-hawaiien-bio-500-ml-sfb","title":"Jus de Noni Hawaiien Bio - 500 ml - SFB","description":"\u003cdiv class=\"noni-premium\"\u003e\n  \u003cdiv class=\"noni-hero\"\u003e\n    \u003cdiv class=\"noni-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"noni-hero-content\"\u003e\n      \u003cdiv class=\"noni-badges-top\"\u003e\n        \u003cspan class=\"noni-badge\"\u003e🌿 100% Pur Jus\u003c\/span\u003e\n        \u003cspan class=\"noni-badge\"\u003e✅ Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"noni-badge\"\u003e🌋 Origine Hawaï\u003c\/span\u003e\n        \u003cspan class=\"noni-badge\"\u003e🍶 500 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"noni-hero-title\"\u003eJus de Noni Hawaïen Bio\u003c\/span\u003e\n      \u003cp class=\"noni-subtitle\"\u003eLa force du naturel — SFB Laboratoires\u003c\/p\u003e\n      \u003cp class=\"noni-description\"\u003eUn jus authentique de \u003cem\u003eMorinda citrifolia\u003c\/em\u003e cueilli à la main sur les terres volcaniques d'Hawaï. Pur à 100 %, sans additifs ni conservateurs, pour une routine bien-être sincère et puissante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce jus de noni hawaïen ?\u003c\/h2\u003e\n    \u003cdiv class=\"noni-grid\"\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003ch3\u003e🌿 100 % pur jus \u0026amp; certifié bio (AB)\u003c\/h3\u003e\n        \u003cp\u003eNon reconstitué à partir de concentré, pour une qualité authentique et sans compromis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003ch3\u003e🌋 Origine hawaïenne authentique\u003c\/h3\u003e\n        \u003cp\u003eFruits récoltés à maturité, à la main, sur des sols volcaniques riches en minéraux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003ch3\u003e🤲 Extraction artisanale\u003c\/h3\u003e\n        \u003cp\u003ePression douce limitant l'oxydation et préservant les antioxydants naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003ch3\u003e🍶 Flacon en verre teinté\u003c\/h3\u003e\n        \u003cp\u003eProtège la fraîcheur et les nutriments sensibles à la lumière.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003ch3\u003e💎 Profil naturel intéressant\u003c\/h3\u003e\n        \u003cp\u003ePauvre en sucres, source d'enzymes, de vitamines et d'acides aminés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003eBienfaits traditionnels du jus de noni\u003c\/h2\u003e\n    \u003cp class=\"noni-section-intro\"\u003eUtilisé depuis plus de \u003cstrong\u003e2 000 ans\u003c\/strong\u003e par les peuples polynésiens, le \u003cstrong\u003enoni\u003c\/strong\u003e est traditionnellement consommé pour soutenir les défenses naturelles, le confort digestif et la vitalité générale.\u003c\/p\u003e\n    \u003cdiv class=\"noni-grid-compact\"\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eSoutien traditionnel du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003ch3\u003e🌱 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eAllié des routines bien-être polynésiennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité générale\u003c\/h3\u003e\n        \u003cp\u003eRegain d'énergie évoqué après plusieurs semaines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-card\"\u003e\n        \u003ch3\u003e🍇 Antioxydants naturels\u003c\/h3\u003e\n        \u003cp\u003eProxéronine, scopolétine et polyphénols.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"noni-disclaimer\"\u003eCes usages relèvent de la tradition et ne constituent pas une promesse médicale.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003eComposition \u0026amp; valeurs nutritionnelles\u003c\/h2\u003e\n    \u003cdiv class=\"noni-composition\"\u003e\n      \u003cdiv class=\"noni-ingredient\"\u003e\n        \u003cspan class=\"noni-ingredient-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cp\u003e\u003cstrong\u003e100 % pur jus de Noni hawaïen biologique\u003c\/strong\u003e (\u003cem\u003eMorinda citrifolia\u003c\/em\u003e), non reconstitué.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-nutrition\"\u003e\n        \u003ch3\u003eValeurs nutritionnelles moyennes pour 100 ml\u003c\/h3\u003e\n        \u003cdiv class=\"noni-nutrition-grid\"\u003e\n          \u003cdiv class=\"noni-nutri-item\"\u003e\n            \u003cspan class=\"noni-nutri-label\"\u003eÉnergie\u003c\/span\u003e\n            \u003cspan class=\"noni-nutri-value\"\u003e65 kJ \/ 15 kcal\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"noni-nutri-item\"\u003e\n            \u003cspan class=\"noni-nutri-label\"\u003eLipides\u003c\/span\u003e\n            \u003cspan class=\"noni-nutri-value\"\u003e0,08 g \u003csmall\u003e(AG \u0026lt; 0,05 g)\u003c\/small\u003e\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"noni-nutri-item\"\u003e\n            \u003cspan class=\"noni-nutri-label\"\u003eGlucides\u003c\/span\u003e\n            \u003cspan class=\"noni-nutri-value\"\u003e2,53 g \u003csmall\u003e(dont sucres : 2,50 g)\u003c\/small\u003e\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"noni-nutri-item\"\u003e\n            \u003cspan class=\"noni-nutri-label\"\u003eProtéines\u003c\/span\u003e\n            \u003cspan class=\"noni-nutri-value\"\u003e0,50 g\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"noni-nutri-item\"\u003e\n            \u003cspan class=\"noni-nutri-label\"\u003eSodium\u003c\/span\u003e\n            \u003cspan class=\"noni-nutri-value\"\u003e0 g\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003eComment prendre le jus de noni ?\u003c\/h2\u003e\n    \u003cdiv class=\"noni-timeline\"\u003e\n      \u003cdiv class=\"noni-timeline-item\"\u003e\n        \u003cdiv class=\"noni-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"noni-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e30 ml le matin, 15 minutes \u003cstrong\u003eavant le petit-déjeuner\u003c\/strong\u003e. Possibilité de fractionner en 1 cuillère à café à soupe, 1 à 3 fois par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-timeline-item\"\u003e\n        \u003cdiv class=\"noni-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"noni-timeline-content\"\u003e\n          \u003ch3\u003eAstuce goût\u003c\/h3\u003e\n          \u003cp\u003eLa saveur du noni est puissante et atypique. Vous pouvez le diluer dans un jus de fruit non sucré ou un peu d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"noni-timeline-item\"\u003e\n        \u003cdiv class=\"noni-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"noni-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eEntre \u003cstrong\u003e16 et 30 jours\u003c\/strong\u003e selon la posologie choisie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch3\u003eConservation\u003c\/h3\u003e\n    \u003cdiv class=\"noni-accordion\"\u003e\n      \u003cdetails class=\"noni-accordion-item\"\u003e\n        \u003csummary class=\"noni-accordion-header\"\u003e🧊 Conditions de conservation\u003c\/summary\u003e\n        \u003cdiv class=\"noni-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de la lumière. \u003cstrong\u003eRéfrigérer après ouverture\u003c\/strong\u003e. À consommer dans les \u003cstrong\u003e30 jours après ouverture\u003c\/strong\u003e. Agiter avant emploi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"noni-section\"\u003e\n    \u003ch2\u003ePrécautions et effets secondaires éventuels\u003c\/h2\u003e\n    \u003cp class=\"noni-section-intro\"\u003eLe \u003cstrong\u003ejus de noni\u003c\/strong\u003e est généralement bien toléré. Toutefois, à fortes doses, il peut entraîner de légers troubles digestifs. Il est \u003cstrong\u003edéconseillé en cas de pathologie hépatique\u003c\/strong\u003e ou rénale, ainsi qu'en cas de prise d'anticoagulants (richesse en potassium).\u003c\/p\u003e\n    \u003cdiv class=\"noni-accordion\"\u003e\n      \u003cdetails class=\"noni-accordion-item\"\u003e\n        \u003csummary class=\"noni-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"noni-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée. Déconseillé aux femmes enceintes, allaitantes et aux jeunes enfants sans avis médical. En cas de traitement médical, demandez conseil à votre professionnel de santé. Tenir hors de portée des enfants. \u003cstrong\u003eNe pas dépasser la dose recommandée\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"noni-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui ce jus de noni bio est-il fait ?\u003c\/h2\u003e\n    \u003cdiv class=\"noni-cta-box\"\u003e\n      \u003cp\u003eCe \u003cstrong\u003ejus de noni hawaïen\u003c\/strong\u003e s'adresse à toute personne adulte souhaitant explorer les bienfaits traditionnels du noni dans le cadre d'une hygiène de vie soignée. Une alternative de qualité aux jus vendus en pharmacie ou en grande surface, avec la garantie d'un produit pur, bio et issu d'une fabrication respectueuse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --noni-cream: #faf6f2;\n  --noni-white: #ffffff;\n  --noni-primary: #6b2d5c;\n  --noni-primary-dark: #441a3c;\n  --noni-primary-light: #f3e8ef;\n  --noni-secondary: #d4a574;\n  --noni-accent: #8fb83e;\n  --noni-text: #1a1a1a;\n  --noni-text-light: #5a5a5a;\n  --noni-border: #e5dfe3;\n  --noni-shadow: 0 4px 24px rgba(107, 45, 92, .08);\n  --noni-shadow-lg: 0 12px 48px rgba(107, 45, 92, .18);\n  --noni-radius: 20px;\n  --noni-radius-sm: 12px;\n}\n\n.noni-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--noni-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--noni-text);\n}\n\n.noni-hero {\n  position: relative;\n  background: linear-gradient(135deg, #441a3c 0%, #6b2d5c 50%, #8a4673 100%);\n  border-radius: var(--noni-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(212, 165, 116, .3) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(143, 184, 62, .2) 0%, transparent 40%);\n  opacity: .8;\n}\n\n.noni-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.noni-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.noni-subtitle {\n  color: var(--noni-secondary);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  font-style: italic;\n}\n\n.noni-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n.noni-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.noni-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.noni-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.noni-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.noni-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--noni-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.noni-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--noni-primary), var(--noni-secondary));\n  border-radius: 2px;\n}\n\n.noni-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--noni-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 700px;\n  line-height: 1.7;\n}\n\n.noni-card {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--noni-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.noni-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--noni-shadow-lg);\n  border-color: var(--noni-primary);\n}\n\n.noni-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--noni-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.noni-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.noni-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.noni-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.noni-grid-compact .noni-card {\n  padding: 1rem;\n}\n\n.noni-grid-compact .noni-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.noni-grid-compact .noni-card p {\n  font-size: 12px;\n}\n\n.noni-composition {\n  display: grid;\n  grid-template-columns: 1fr 1.3fr;\n  gap: 1.5rem;\n  align-items: stretch;\n}\n\n.noni-ingredient {\n  background: linear-gradient(135deg, var(--noni-primary) 0%, var(--noni-primary-dark) 100%);\n  border-radius: var(--noni-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  box-shadow: var(--noni-shadow);\n}\n\n.noni-ingredient-label {\n  display: inline-block;\n  background: rgba(255,255,255,.2);\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  margin-bottom: 1rem;\n  align-self: flex-start;\n}\n\n.noni-ingredient p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.noni-nutrition {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--noni-shadow);\n}\n\n.noni-nutrition h3 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--noni-primary-dark);\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.noni-nutrition-grid {\n  display: flex;\n  flex-direction: column;\n  gap: .5rem;\n}\n\n.noni-nutri-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .75rem 1rem;\n  background: var(--noni-primary-light);\n  border-radius: var(--noni-radius-sm);\n  gap: 1rem;\n}\n\n.noni-nutri-label {\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n  font-size: 14px;\n}\n\n.noni-nutri-value {\n  font-weight: 600;\n  color: var(--noni-text);\n  font-size: 14px;\n  text-align: right;\n}\n\n.noni-nutri-value small {\n  display: block;\n  font-size: 11px;\n  color: var(--noni-text-light);\n  font-weight: 400;\n  margin-top: 2px;\n}\n\n.noni-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 2rem;\n}\n\n.noni-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.noni-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--noni-primary), var(--noni-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(107, 45, 92, .25);\n}\n\n.noni-timeline-content {\n  flex: 1;\n  background: var(--noni-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--noni-radius-sm);\n  box-shadow: var(--noni-shadow);\n}\n\n.noni-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--noni-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.noni-timeline-content p {\n  font-size: 14px;\n  color: var(--noni-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.noni-section h3 {\n  font-size: clamp(17px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--noni-primary-dark);\n  margin: 1.5rem 0 1rem;\n  text-align: center;\n}\n\n.noni-accordion {\n  background: var(--noni-white);\n  border-radius: var(--noni-radius);\n  box-shadow: var(--noni-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.noni-accordion-item {\n  border-bottom: 1px solid var(--noni-border);\n  margin: 0;\n  padding: 0;\n}\n\n.noni-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.noni-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--noni-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.noni-accordion-header:hover {\n  background: var(--noni-primary-light);\n}\n\n.noni-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.noni-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--noni-primary);\n  transition: transform .2s ease;\n}\n\n.noni-accordion-item[open] .noni-accordion-header::after {\n  content: '−';\n}\n\n.noni-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--noni-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.noni-accordion-content p {\n  margin: 0;\n}\n\n.noni-disclaimer {\n  font-size: 12px;\n  color: var(--noni-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n.noni-cta-box {\n  background: linear-gradient(135deg, var(--noni-primary) 0%, var(--noni-primary-dark) 100%);\n  border-radius: var(--noni-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(212, 165, 116, .25) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.noni-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n@media (max-width: 767px) {\n  .noni-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .noni-card {\n    padding: 1.125rem;\n  }\n  \n  .noni-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .noni-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--noni-radius-sm);\n  }\n  \n  .noni-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .noni-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .noni-grid-compact {\n    gap: .625rem;\n  }\n  \n  .noni-grid-compact .noni-card {\n    padding: .75rem;\n  }\n  \n  .noni-composition {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .noni-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .noni-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .noni-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .noni-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .noni-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .noni-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .noni-nutri-item {\n    padding: .625rem .875rem;\n  }\n  \n  .noni-nutri-label,\n  .noni-nutri-value {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .noni-card {\n    animation: noniFadeInUp .5s ease backwards;\n  }\n  .noni-card:nth-child(1) { animation-delay: .05s; }\n  .noni-card:nth-child(2) { animation-delay: .1s; }\n  .noni-card:nth-child(3) { animation-delay: .15s; }\n  .noni-card:nth-child(4) { animation-delay: .2s; }\n  .noni-card:nth-child(5) { animation-delay: .25s; }\n  .noni-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes noniFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .noni-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55629670613369,"sku":"SF0245","price":26.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sfb_jus-noni_500ml.jpg?v=1755020617"},{"product_id":"charbon-vegetal-active-120-gelules-sfb-laboratoires","title":"Charbon Végétal Activé - 120 gélules - SFB Laboratoires","description":"\u003cdiv class=\"cv-premium\"\u003e\n  \u003cdiv class=\"cv-hero\"\u003e\n    \u003cdiv class=\"cv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cv-hero-content\"\u003e\n      \u003cdiv class=\"cv-badges-top\"\u003e\n        \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"cv-badge\"\u003e🌱 100% végétal\u003c\/span\u003e\n        \u003cspan class=\"cv-badge\"\u003e⚡ Super activé\u003c\/span\u003e\n        \u003cspan class=\"cv-badge\"\u003e🧪 Phénazone \u0026gt; 40%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cv-hero-title\"\u003eCharbon Végétal Activé\u003c\/span\u003e\n      \u003cp class=\"cv-subtitle\"\u003e120 gélules végétales — SFB Laboratoires\u003c\/p\u003e\n      \u003cp class=\"cv-description\"\u003eIssu de coques de noix de coco activées thermiquement, ce charbon offre une microporosité exceptionnelle avec ~2000 m²\/g de surface d'adsorption pour un confort digestif naturel au quotidien.\u003c\/p\u003e\n      \u003cdiv class=\"cv-hero-stats\"\u003e\n        \u003cdiv class=\"cv-stat\"\u003e\n          \u003cspan class=\"cv-stat-number\"\u003e2000\u003c\/span\u003e\n          \u003cspan class=\"cv-stat-label\"\u003em²\/g d'adsorption\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cv-stat\"\u003e\n          \u003cspan class=\"cv-stat-number\"\u003e190\u003c\/span\u003e\n          \u003cspan class=\"cv-stat-label\"\u003emg par gélule\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cv-stat\"\u003e\n          \u003cspan class=\"cv-stat-number\"\u003e1982\u003c\/span\u003e\n          \u003cspan class=\"cv-stat-label\"\u003eExpertise SFB\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003eCharbon végétal activé : quels bienfaits au quotidien ?\u003c\/h2\u003e\n    \u003cp class=\"cv-section-intro\"\u003eConnu depuis l'Antiquité, le charbon activé végétal agit par adsorption : sa structure microporeuse capte gaz et substances indésirables présents dans le tube digestif.\u003c\/p\u003e\n    \u003cdiv class=\"cv-grid\"\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e💨 Anti-ballonnements\u003c\/h3\u003e\n        \u003cp\u003eRéduction des gaz intestinaux et ballonnements après les repas pour un ventre apaisé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🌬️ Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eSoulage l'aérophagie et limite les sensations de fermentation intestinale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🌿 Anti-odeurs\u003c\/h3\u003e\n        \u003cp\u003eAide à limiter certaines odeurs corporelles (haleine, flatulences) au naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🍽️ Repas copieux\u003c\/h3\u003e\n        \u003cp\u003eSoutien idéal lors des fêtes, voyages ou changements alimentaires soudains.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le charbon végétal super activé SFB ?\u003c\/h2\u003e\n    \u003cdiv class=\"cv-grid-compact\"\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e✨ Poudre ultra-fine\u003c\/h3\u003e\n        \u003cp\u003eNon microgranulée : contact immédiat et optimal avec le contenu intestinal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e⚡ Adsorption élevée\u003c\/h3\u003e\n        \u003cp\u003e~2000 m²\/g et indice de phénazone \u0026gt; 40 % : parmi les plus performants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e💊 120 gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eFormule courte sans additifs superflus, adaptée aux véganes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🏭 Expertise depuis 1982\u003c\/h3\u003e\n        \u003cp\u003eSFB Laboratoires, spécialiste du charbon, fabrication française.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"cv-composition\"\u003e\n      \u003cdiv class=\"cv-compo-item\"\u003e\n        \u003cspan class=\"cv-compo-label\"\u003eIngrédients\u003c\/span\u003e\n        \u003cspan class=\"cv-compo-value\"\u003eCharbon végétal super activé en poudre (issu de noix de coco — \u003cem\u003eCocos nucifera\u003c\/em\u003e), enveloppe de gélule végétale (cellulose).\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-compo-item\"\u003e\n        \u003cspan class=\"cv-compo-label\"\u003ePar gélule\u003c\/span\u003e\n        \u003cspan class=\"cv-compo-value\"\u003e\u003cstrong\u003e190 mg\u003c\/strong\u003e de charbon végétal activé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-compo-item\"\u003e\n        \u003cspan class=\"cv-compo-label\"\u003ePour 9 gélules\u003c\/span\u003e\n        \u003cspan class=\"cv-compo-value\"\u003e\u003cstrong\u003e1,71 g\u003c\/strong\u003e de charbon végétal activé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-compo-item\"\u003e\n        \u003cspan class=\"cv-compo-label\"\u003eVNR \/ AJR\u003c\/span\u003e\n        \u003cspan class=\"cv-compo-value\"\u003eNon établies pour le charbon végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-compo-item\"\u003e\n        \u003cspan class=\"cv-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"cv-compo-value\"\u003ePilulier de \u003cstrong\u003e120 gélules végétales\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003eCharbon végétal activé : posologie et conseils d'utilisation\u003c\/h2\u003e\n    \u003cp class=\"cv-section-intro\"\u003e\u003cstrong\u003ePosologie recommandée\u003c\/strong\u003e : 3 à 6 gélules par jour avec un grand verre d'eau.\u003c\/p\u003e\n    \u003cdiv class=\"cv-timeline\"\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eDose minimale\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e3 gélules\u003c\/strong\u003e = 570 mg de charbon activé pour un confort quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eDose maximale\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e6 gélules\u003c\/strong\u003e = 1,14 g de charbon activé en cas d'inconfort important.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eAvant ou après les repas ?\u003c\/h3\u003e\n          \u003cp\u003ePrivilégiez la prise \u003cstrong\u003eaprès un repas copieux\u003c\/strong\u003e ou dès l'apparition d'un inconfort digestif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eInteractions médicamenteuses\u003c\/h3\u003e\n          \u003cp\u003eRespectez un délai d'\u003cstrong\u003eau moins 3 heures\u003c\/strong\u003e avant ou après tout médicament, pilule ou complément.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eDurée d'utilisation\u003c\/h3\u003e\n          \u003cp\u003eEn cure courte ponctuelle ou en prise occasionnelle selon le besoin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et points de vigilance\u003c\/h2\u003e\n    \u003cp class=\"cv-section-intro\"\u003eBeaucoup s'interrogent sur un éventuel danger du charbon végétal activé : utilisé correctement, il est bien toléré. Voici les précautions à respecter.\u003c\/p\u003e\n    \u003cdiv class=\"cv-accordion\"\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. \u003cstrong\u003eFemmes enceintes ou allaitantes\u003c\/strong\u003e : demandez l'avis d'un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e⚠️ Dosage et sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver au sec et à l'abri de la chaleur, dans son emballage d'origine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e💧 Effets possibles\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eSelles noires (normal et sans gravité), constipation à dose élevée — pensez à boire suffisamment d'eau tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e🩺 Statut du produit\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne remplace ni une alimentation équilibrée ni un avis ou 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=\"cv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis sur le charbon végétal activé SFB\u003c\/h2\u003e\n    \u003cdiv class=\"cv-testimonial\"\u003e\n      \u003cp class=\"cv-testimonial-text\"\u003e\"Apprécié pour sa qualité de poudre ultra-fine et sa haute capacité d'adsorption, ce charbon végétal super activé séduit celles et ceux qui recherchent un soutien digestif naturel, sans additif et fabriqué en France. Une solution simple, pratique et efficace pour accompagner les inconforts passagers et savourer vos repas en toute sérénité.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cv-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003e✨ Retrouvez un confort digestif naturel grâce à l'expertise SFB Laboratoires depuis 1982.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cv-disclaimer\"\u003eComplément alimentaire — ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cv-cream: #f7f5f2;\n  --cv-white: #ffffff;\n  --cv-primary: #1a1a1a;\n  --cv-primary-dark: #000000;\n  --cv-primary-light: #ebe8e3;\n  --cv-secondary: #c9a961;\n  --cv-accent: #d4af37;\n  --cv-text: #1a1a1a;\n  --cv-text-light: #5a5a5a;\n  --cv-border: #e0ddd6;\n  --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.18);\n  --cv-radius: 20px;\n  --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cv-text);\n}\n\n\/* === HERO === *\/\n.cv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2a2a2a 100%);\n  border-radius: var(--cv-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(1.5rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cv-shadow-lg);\n  border: 2px solid var(--cv-secondary);\n}\n\n.cv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 30%, var(--cv-secondary) 0%, transparent 40%),\n    radial-gradient(circle at 80% 70%, var(--cv-accent) 0%, transparent 40%);\n  opacity: .12;\n}\n\n.cv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cv-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.4);\n  background: linear-gradient(135deg, #ffffff 0%, var(--cv-secondary) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.cv-subtitle {\n  color: var(--cv-secondary);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cv-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto 2rem;\n}\n\n.cv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.cv-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--cv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.2);\n  transition: all .3s ease;\n}\n\n.cv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  background: var(--cv-secondary);\n  color: white;\n}\n\n.cv-hero-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  max-width: 600px;\n  margin: 0 auto;\n  padding-top: 1.5rem;\n  border-top: 1px solid rgba(201,169,97,.3);\n}\n\n.cv-stat {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .25rem;\n}\n\n.cv-stat-number {\n  font-size: clamp(20px, 4vw, 32px);\n  font-weight: 900;\n  color: var(--cv-secondary);\n  line-height: 1;\n}\n\n.cv-stat-label {\n  font-size: clamp(10px, 1.6vw, 12px);\n  color: rgba(255,255,255,.7);\n  font-weight: 600;\n  text-align: center;\n  letter-spacing: .03em;\n}\n\n\/* === SECTIONS === *\/\n.cv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cv-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cv-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cv-primary), var(--cv-secondary));\n  border-radius: 2px;\n}\n\n.cv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cv-card {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cv-shadow-lg);\n  border-color: var(--cv-secondary);\n}\n\n.cv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n}\n\n.cv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n  padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.cv-composition {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cv-shadow);\n  border-left: 4px solid var(--cv-secondary);\n}\n\n.cv-compo-item {\n  display: flex;\n  flex-direction: column;\n  gap: .25rem;\n  padding: .9rem 0;\n  border-bottom: 1px solid var(--cv-border);\n}\n\n.cv-compo-item:last-child {\n  border-bottom: none;\n}\n\n.cv-compo-label {\n  font-size: 12px;\n  font-weight: 800;\n  color: var(--cv-secondary);\n  text-transform: uppercase;\n  letter-spacing: .08em;\n}\n\n.cv-compo-value {\n  font-size: clamp(14px, 2.2vw, 15px);\n  color: var(--cv-text);\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.cv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cv-primary), var(--cv-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(0,0,0,.15);\n}\n\n.cv-timeline-content {\n  flex: 1;\n  background: var(--cv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cv-radius-sm);\n  box-shadow: var(--cv-shadow);\n}\n\n.cv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n  font-size: 14px;\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.cv-accordion {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  box-shadow: var(--cv-shadow);\n  overflow: hidden;\n}\n\n.cv-accordion-item {\n  border-bottom: 1px solid var(--cv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cv-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.cv-accordion-header:hover {\n  background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cv-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cv-secondary);\n  transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n  content: '−';\n}\n\n.cv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cv-accordion-content p {\n  margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.cv-testimonial {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cv-shadow);\n  border-left: 4px solid var(--cv-secondary);\n}\n\n.cv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.cv-cta-box {\n  background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 100%);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid var(--cv-secondary);\n}\n\n.cv-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n}\n\n.cv-disclaimer {\n  font-size: 12px;\n  color: var(--cv-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .cv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cv-card {\n    padding: 1.125rem;\n  }\n  \n  .cv-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cv-radius-sm);\n  }\n  \n  .cv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cv-grid-compact {\n    gap: .625rem;\n  }\n  \n  .cv-grid-compact .cv-card {\n    padding: .75rem;\n  }\n  \n  .cv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .cv-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .cv-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cv-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .cv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .cv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .cv-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .cv-testimonial-text {\n    font-size: 14px;\n  }\n  \n  .cv-hero-stats {\n    gap: .5rem;\n    padding-top: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cv-card {\n    animation: cvFadeInUp .5s ease backwards;\n  }\n  .cv-card:nth-child(1) { animation-delay: .05s; }\n  .cv-card:nth-child(2) { animation-delay: .1s; }\n  .cv-card:nth-child(3) { animation-delay: .15s; }\n  .cv-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes cvFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55880862630265,"sku":"SF0020","price":11.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/charbon-vegetal-super-active-nature-120-gelules-sfb-laboratoires_11zon.jpg?v=1758988679"},{"product_id":"l-tyrosine-60-gelules-sfb-laboratoires","title":"L-Tyrosine – 60 gélules – SFB Laboratoires","description":"\u003cdiv class=\"lt-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lt-hero\"\u003e\n    \u003cdiv class=\"lt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lt-hero-content\"\u003e\n      \u003cdiv class=\"lt-badges-top\"\u003e\n        \u003cspan class=\"lt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"lt-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e\n        \u003cspan class=\"lt-badge\"\u003e💊 500 mg \/ gélule\u003c\/span\u003e\n        \u003cspan class=\"lt-badge\"\u003e🧪 Obtenue par fermentation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lt-hero-title\"\u003eL-Tyrosine 500\u003c\/span\u003e\n      \u003cp class=\"lt-subtitle\"\u003eAcide aminé essentiel – SFB Laboratoires\u003c\/p\u003e\n      \u003cp class=\"lt-description\"\u003eSoutenez votre concentration, votre motivation et votre résistance au stress grâce à 500 mg de L-Tyrosine pure par gélule, obtenue par fermentation naturelle. 60 gélules végétales.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eL-Tyrosine : l'acide aminé essentiel pour la concentration et la vitalité mentale\u003c\/h2\u003e\n    \u003cp class=\"lt-section-intro\"\u003eVous cherchez un soutien naturel pour votre concentration, votre motivation et votre résistance au stress ? La L-Tyrosine de SFB Laboratoires vous apporte 500 mg par gélule de cet acide aminé précieux, obtenu par fermentation pour une pureté optimale.\u003c\/p\u003e\n    \u003cdiv class=\"lt-grid-compact\"\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n        \u003cp\u003eSoutient la clarté mentale au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n        \u003cp\u003eBooste votre énergie intérieure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🌿 Fermentation\u003c\/h3\u003e\n        \u003cp\u003ePureté optimale par procédé naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e💚 Végétales\u003c\/h3\u003e\n        \u003cp\u003eGélules 100 % végétales en HPMC\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eQuels sont les bienfaits de la L-Tyrosine ?\u003c\/h2\u003e\n    \u003cp class=\"lt-section-intro\"\u003eLa L-Tyrosine est un acide aminé semi-essentiel que votre organisme fabrique à partir de la phénylalanine. En période de fatigue, de stress intense ou de forte sollicitation intellectuelle, cette production naturelle peut s'avérer insuffisante. C'est là qu'une supplémentation prend tout son sens.\u003c\/p\u003e\n\n    \u003ch3 class=\"lt-sub-heading\"\u003e🔬 Rôle central dans la synthèse de molécules essentielles\u003c\/h3\u003e\n    \u003cdiv class=\"lt-grid\"\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🎯 Dopamine\u003c\/h3\u003e\n        \u003cp\u003eNeurotransmetteur associé à la motivation, au plaisir et à la capacité de décision\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e⚡ Noradrénaline \u0026amp; adrénaline\u003c\/h3\u003e\n        \u003cp\u003eHormones impliquées dans la vigilance, la réactivité et la gestion du stress\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🔥 Hormones thyroïdiennes\u003c\/h3\u003e\n        \u003cp\u003eRégulent le métabolisme énergétique global de l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🎨 Mélanine\u003c\/h3\u003e\n        \u003cp\u003ePigment naturel responsable de la coloration de la peau et des cheveux\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"lt-sub-heading\"\u003e✨ Quand la L-Tyrosine fait la différence\u003c\/h3\u003e\n    \u003cdiv class=\"lt-grid\"\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e📚 Examens \u0026amp; travail intense\u003c\/h3\u003e\n        \u003cp\u003ePériodes demandant une forte concentration et une mémoire de travail optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e😴 Fatigue nerveuse\u003c\/h3\u003e\n        \u003cp\u003eÉpisodes de baisse de motivation et d'épuisement mental prolongé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🧘 Stress prolongé\u003c\/h3\u003e\n        \u003cp\u003eMoments où la clarté mentale diminue sous la pression du quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🦋 Soutien thyroïdien\u003c\/h3\u003e\n        \u003cp\u003eBesoin de soutenir le métabolisme thyroïdien de manière naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eL-Tyrosine : effet au bout de combien de temps ?\u003c\/h2\u003e\n    \u003cdiv class=\"lt-timeline\"\u003e\n      \u003cdiv class=\"lt-timeline-item\"\u003e\n        \u003cdiv class=\"lt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lt-timeline-content\"\u003e\n          \u003ch3\u003ePremiers jours\u003c\/h3\u003e\n          \u003cp\u003eCertains utilisateurs remarquent une amélioration de leur vigilance et de leur focus dès les premières prises\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-timeline-item\"\u003e\n        \u003cdiv class=\"lt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lt-timeline-content\"\u003e\n          \u003ch3\u003e1 à 2 semaines\u003c\/h3\u003e\n          \u003cp\u003eLa résistance au stress s'améliore progressivement, la motivation revient plus naturellement\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-timeline-item\"\u003e\n        \u003cdiv class=\"lt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lt-timeline-content\"\u003e\n          \u003ch3\u003e2 à 4 semaines\u003c\/h3\u003e\n          \u003cp\u003eBénéfice durable sur la gestion du stress et l'équilibre nerveux avec une prise régulière\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lt-tip\"\u003e\n      \u003cspan class=\"lt-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLes premiers ressentis varient d'une personne à l'autre. Pour un bénéfice optimal, une prise régulière de deux à quatre semaines est généralement recommandée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eLa L-Tyrosine présente-t-elle un danger ?\u003c\/h2\u003e\n    \u003cdiv class=\"lt-testimonial\"\u003e\n      \u003cp class=\"lt-testimonial-text\"\u003eAux dosages recommandés, la L-Tyrosine est considérée comme sûre et bien tolérée. Elle est naturellement présente dans de nombreux aliments comme le fromage, la volaille, le poisson ou les amandes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lt-tip\"\u003e\n      \u003cspan class=\"lt-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eIl est toutefois conseillé d'éviter ce complément si vous prenez des médicaments pour la thyroïde ou des antidépresseurs de type IMAO. Consultez votre médecin en cas de doute.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eComposition détaillée et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"lt-composition-box\"\u003e\n      \u003cdiv class=\"lt-composition-header\"\u003ePour 2 gélules (dose journalière recommandée)\u003c\/div\u003e\n      \u003cdiv class=\"lt-composition-row\"\u003e\n        \u003cspan class=\"lt-composition-label\"\u003eL-Tyrosine (obtenue par fermentation)\u003c\/span\u003e\n        \u003cspan class=\"lt-composition-value\"\u003e1000 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-composition-row\"\u003e\n        \u003cspan class=\"lt-composition-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"lt-composition-value\"\u003eGélule végétale HPMC\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lt-timeline\"\u003e\n      \u003cdiv class=\"lt-timeline-item\"\u003e\n        \u003cdiv class=\"lt-timeline-number\"\u003e💊\u003c\/div\u003e\n        \u003cdiv class=\"lt-timeline-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003ePrendre 1 à 2 gélules par jour avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-timeline-item\"\u003e\n        \u003cdiv class=\"lt-timeline-number\"\u003e🌅\u003c\/div\u003e\n        \u003cdiv class=\"lt-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun ou en début d'après-midi, avant une période nécessitant de la concentration\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-timeline-item\"\u003e\n        \u003cdiv class=\"lt-timeline-number\"\u003e🌙\u003c\/div\u003e\n        \u003cdiv class=\"lt-timeline-content\"\u003e\n          \u003ch3\u003eÀ éviter le soir\u003c\/h3\u003e\n          \u003cp\u003eÉvitez la prise en soirée pour ne pas perturber l'endormissement\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lt-tip\"\u003e\n      \u003cspan class=\"lt-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eConvient aux végétariens et aux vegans. Sans excipients controversés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eLabels et engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"lt-grid-compact\"\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eGamme Nutraceutic SFB Laboratoires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e💚 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003e100 % végétales, sans gélatine animale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🌿 Vegan\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n        \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003ePilulier recyclable à déposer dans le bac de tri\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lt-accordion\"\u003e\n      \u003cdetails class=\"lt-accordion-item\"\u003e\n        \u003csummary class=\"lt-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"lt-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants de moins de 12 ans, aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lt-accordion-item\"\u003e\n        \u003csummary class=\"lt-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n        \u003cdiv class=\"lt-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne remplace pas un traitement médical, une alimentation variée et équilibrée, ni un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lt-accordion-item\"\u003e\n        \u003csummary class=\"lt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lt-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"lt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lt-cta-box\"\u003e\n      \u003cp\u003eAvec la \u003cstrong\u003eL-Tyrosine SFB Laboratoires\u003c\/strong\u003e, offrez à votre organisme un acide aminé pur et naturel pour retrouver \u003cstrong\u003eclarté mentale\u003c\/strong\u003e, \u003cstrong\u003eénergie intérieure\u003c\/strong\u003e et \u003cstrong\u003esérénité\u003c\/strong\u003e. Un allié précieux pour traverser les périodes exigeantes avec confiance et lucidité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lt-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lt-cream: #faf7f2;\n  --lt-white: #ffffff;\n  --lt-primary: #e87a1e;\n  --lt-primary-dark: #c25e0a;\n  --lt-primary-light: #fef3e8;\n  --lt-secondary: #2e7d32;\n  --lt-accent: #f5a623;\n  --lt-text: #1a1a1a;\n  --lt-text-light: #5a5a5a;\n  --lt-border: #e8e0d6;\n  --lt-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lt-radius: 20px;\n  --lt-radius-sm: 12px;\n}\n\n.lt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lt-hero {\n  position: relative;\n  background: linear-gradient(135deg, #e87a1e 0%, #d4680f 40%, #2e7d32 100%);\n  border-radius: var(--lt-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lt-shadow-lg);\n}\n\n.lt-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.lt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lt-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lt-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.lt-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lt-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lt-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.lt-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lt-primary), var(--lt-secondary));\n  border-radius: 2px;\n}\n\n.lt-sub-heading {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  color: var(--lt-primary-dark);\n  text-align: center;\n  margin: 2rem 0 1.25rem 0;\n}\n\n.lt-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lt-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.lt-card {\n  background: var(--lt-white);\n  border-radius: var(--lt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lt-shadow-lg);\n  border-color: var(--lt-primary);\n}\n\n.lt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lt-grid-compact .lt-card {\n  padding: 1rem;\n}\n\n.lt-grid-compact .lt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lt-grid-compact .lt-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lt-primary), var(--lt-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.lt-timeline-content {\n  flex: 1;\n  background: var(--lt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lt-radius-sm);\n  box-shadow: var(--lt-shadow);\n}\n\n.lt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lt-timeline-content p {\n  font-size: 14px;\n  color: var(--lt-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lt-testimonial {\n  background: var(--lt-white);\n  border-radius: var(--lt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lt-shadow);\n  border-left: 4px solid var(--lt-primary);\n}\n\n.lt-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lt-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.lt-composition-box {\n  background: var(--lt-white);\n  border-radius: var(--lt-radius);\n  box-shadow: var(--lt-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.lt-composition-header {\n  background: linear-gradient(135deg, var(--lt-primary), var(--lt-primary-dark));\n  color: white;\n  padding: 1rem 1.5rem;\n  font-weight: 700;\n  font-size: 15px;\n  text-align: center;\n}\n\n.lt-composition-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1.5rem;\n  border-bottom: 1px solid var(--lt-border);\n}\n\n.lt-composition-row:last-child {\n  border-bottom: none;\n}\n\n.lt-composition-label {\n  font-size: 14px;\n  color: var(--lt-text);\n  font-weight: 500;\n}\n\n.lt-composition-value {\n  font-size: 14px;\n  color: var(--lt-primary-dark);\n  font-weight: 800;\n}\n\n\/* === ACCORDÉON === *\/\n.lt-accordion {\n  background: var(--lt-white);\n  border-radius: var(--lt-radius);\n  box-shadow: var(--lt-shadow);\n  overflow: hidden;\n}\n\n.lt-accordion-item {\n  border-bottom: 1px solid var(--lt-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lt-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lt-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lt-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lt-accordion-header:hover {\n  background: var(--lt-primary-light);\n}\n\n.lt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lt-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lt-primary);\n  transition: transform .2s ease;\n}\n\n.lt-accordion-item[open] .lt-accordion-header::after {\n  content: '−';\n}\n\n.lt-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lt-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lt-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lt-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lt-primary-light);\n  border-radius: var(--lt-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lt-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lt-tip p {\n  font-size: 14px;\n  color: var(--lt-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lt-cta-box {\n  background: linear-gradient(135deg, var(--lt-primary) 0%, var(--lt-primary-dark) 100%);\n  border-radius: var(--lt-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lt-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.lt-cta-box p strong {\n  color: white;\n}\n\n\/* === DISCLAIMER === *\/\n.lt-disclaimer {\n  font-size: 12px;\n  color: var(--lt-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .lt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lt-card {\n    padding: 1.125rem;\n  }\n\n  .lt-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lt-radius-sm);\n  }\n\n  .lt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lt-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lt-grid-compact {\n    gap: .625rem;\n  }\n\n  .lt-grid-compact .lt-card {\n    padding: .75rem;\n  }\n\n  .lt-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lt-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lt-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lt-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lt-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lt-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lt-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lt-testimonial-text {\n    font-size: 14px;\n  }\n\n  .lt-composition-row {\n    flex-direction: column;\n    gap: .25rem;\n    align-items: flex-start;\n    padding: .75rem 1rem;\n  }\n\n  .lt-composition-value {\n    font-size: 13px;\n  }\n\n  .lt-sub-heading {\n    font-size: 16px;\n    margin: 1.5rem 0 1rem 0;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lt-card {\n    animation: ltFadeInUp .5s ease backwards;\n  }\n  .lt-card:nth-child(1) { animation-delay: .05s; }\n  .lt-card:nth-child(2) { animation-delay: .1s; }\n  .lt-card:nth-child(3) { animation-delay: .15s; }\n  .lt-card:nth-child(4) { animation-delay: .2s; }\n  .lt-card:nth-child(5) { animation-delay: .25s; }\n  .lt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ltFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .lt-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55921239622009,"sku":"SF0125","price":11.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/l-tyrosine-60-gelules-sfb-laboratoires-packshothd.webp?v=1776251409"},{"product_id":"malate-de-magnesium-90-comprimes-sfb-laboratoires","title":"Malate de magnésium – 90 comprimés – SFB Laboratoires","description":"\u003cdiv class=\"mgm-premium\"\u003e\n  \u003cdiv class=\"mgm-hero\"\u003e\n    \u003cdiv class=\"mgm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mgm-hero-content\"\u003e\n      \u003cdiv class=\"mgm-badges-top\"\u003e\n        \u003cspan class=\"mgm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mgm-badge\"\u003e⚡ 300 mg de magnésium\u003c\/span\u003e\n        \u003cspan class=\"mgm-badge\"\u003e🌿 Haute biodisponibilité\u003c\/span\u003e\n        \u003cspan class=\"mgm-badge\"\u003e💊 90 comprimés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mgm-hero-title\"\u003eMalate de Magnésium\u003c\/span\u003e\n      \u003cp class=\"mgm-subtitle\"\u003eÉnergie • Détente • Récupération musculaire\u003c\/p\u003e\n      \u003cp class=\"mgm-description\"\u003eL'association intelligente du \u003cstrong\u003emagnésium\u003c\/strong\u003e et de l'\u003cstrong\u003eacide malique\u003c\/strong\u003e par SFB Laboratoires : une forme hautement assimilable, douce pour les intestins, pour lutter contre la fatigue et soutenir votre énergie cellulaire au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mgm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le malate de magnésium ?\u003c\/h2\u003e\n    \u003cp class=\"mgm-section-intro\"\u003eParmi toutes les formes disponibles, le malate de magnésium se distingue par sa \u003cstrong\u003edouble action énergétique et apaisante\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"mgm-grid\"\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🔬 Au cœur du cycle de Krebs\u003c\/h3\u003e\n        \u003cp\u003eL'acide malique, naturellement présent dans la pomme, joue un rôle clé dans la production d'énergie cellulaire. Vous bénéficiez à la fois du magnésium et d'un véritable soutien métabolique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🌙 Sommeil \u0026amp; récupération\u003c\/h3\u003e\n        \u003cp\u003ePour ceux qui cherchent quel magnésium choisir pour le sommeil et la récupération nerveuse, le malate est particulièrement apprécié pour sa douceur et son action équilibrante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e💚 Tolérance digestive\u003c\/h3\u003e\n        \u003cp\u003eContrairement à l'oxyde ou au carbonate, le malate n'entraîne pas d'inconfort intestinal. Un allié de choix pour les personnes aux intestins sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgm-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"mgm-grid\"\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eIdéal en cas de baisse d'énergie passagère ou de stress prolongé. Un soutien précieux dans les périodes intenses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🧘 Équilibre nerveux\u003c\/h3\u003e\n        \u003cp\u003eContribue à apaiser la nervosité et favorise un meilleur endormissement. La relation entre magnésium et sommeil est bien documentée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e💪 Fonction musculaire\u003c\/h3\u003e\n        \u003cp\u003eAide à prévenir les crampes, tensions et favorise la récupération après l'effort sportif ou une journée éprouvante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🔋 Métabolisme énergétique\u003c\/h3\u003e\n        \u003cp\u003eSoutient la production d'ATP, la véritable « monnaie énergétique » de vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n        \u003cp\u003eParticipe au maintien d'une ossature normale, en synergie avec le calcium et la vitamine D.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium participe à plus de 300 réactions métaboliques et contribue au bon fonctionnement du système nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgm-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"mgm-section-intro\"\u003ePour \u003cstrong\u003e2 comprimés\u003c\/strong\u003e (dose journalière recommandée) :\u003c\/p\u003e\n    \u003cdiv class=\"mgm-grid-compact\"\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🍏 Acide malique\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e1,66 g\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e⚡ Magnésium\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003e(80 % des VNR*)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🧂 Sodium\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e3,3 mg\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🌿 Forme utilisée\u003c\/h3\u003e\n        \u003cp\u003eMalate de magnésium\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mgm-tip\"\u003e\n      \u003cspan class=\"mgm-tip-icon\"\u003eℹ️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e acide stéarique, gomme d'acacia, cellulose, silice colloïdale, stéarate de magnésium. \u003cem\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgm-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"mgm-timeline\"\u003e\n      \u003cdiv class=\"mgm-timeline-item\"\u003e\n        \u003cdiv class=\"mgm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mgm-timeline-content\"\u003e\n          \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 comprimés par jour\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-timeline-item\"\u003e\n        \u003cdiv class=\"mgm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mgm-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin ou au cours d'un repas. Pour optimiser les effets sur la détente et le sommeil, une prise en fin de journée peut être envisagée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-timeline-item\"\u003e\n        \u003cdiv class=\"mgm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mgm-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement recommandée, notamment en période de fatigue intense ou de stress.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgm-section\"\u003e\n    \u003ch2\u003eVos interrogations sur le malate de magnésium\u003c\/h2\u003e\n    \u003cdiv class=\"mgm-accordion\"\u003e\n      \u003cdetails class=\"mgm-accordion-item\"\u003e\n        \u003csummary class=\"mgm-accordion-header\"\u003e❓ Le malate de magnésium présente-t-il un danger ?\u003c\/summary\u003e\n        \u003cdiv class=\"mgm-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ la dose recommandée, il est très bien toléré. Un \u003cstrong\u003eexcès de magnésium\u003c\/strong\u003e peut néanmoins provoquer des troubles digestifs légers (nausées, diarrhées) ou perturber le sommeil chez certaines personnes sensibles. Respectez toujours la posologie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mgm-accordion-item\"\u003e\n        \u003csummary class=\"mgm-accordion-header\"\u003e💊 Trouve-t-on du malate de magnésium en pharmacie ?\u003c\/summary\u003e\n        \u003cdiv class=\"mgm-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, mais également en boutiques spécialisées et en ligne, souvent à un tarif plus avantageux avec la même qualité pharmaceutique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mgm-accordion-item\"\u003e\n        \u003csummary class=\"mgm-accordion-header\"\u003e😴 Magnésium et apnée du sommeil\u003c\/summary\u003e\n        \u003cdiv class=\"mgm-accordion-content mt-3\"\u003e\n          \u003cp\u003eCertaines études suggèrent qu'un apport suffisant en magnésium pourrait contribuer à un meilleur confort respiratoire nocturne, sans pour autant constituer un traitement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgm-section\"\u003e\n    \u003ch2\u003eNos engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"mgm-grid-compact\"\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eDans un laboratoire certifié aux normes strictes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🌿 Haute assimilation\u003c\/h3\u003e\n        \u003cp\u003eForme douce pour les intestins sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e🌱 Sans substance animale\u003c\/h3\u003e\n        \u003cp\u003eAdapté aux régimes végétariens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgm-card\"\u003e\n        \u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n        \u003cp\u003eÀ déposer dans le bac de tri jaune.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mgm-cta-box\"\u003e\n      \u003cp\u003eNe pas dépasser la dose journalière indiquée. Déconseillé aux personnes souffrant d'insuffisance rénale. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée, ni un traitement médical. En cas de doute, demandez conseil à votre professionnel de santé. Tenir hors de portée des jeunes enfants et conserver au sec, à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mgm-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mgm-cream: #f5f6fa;\n  --mgm-white: #ffffff;\n  --mgm-primary: #2a3a7a;\n  --mgm-primary-dark: #1a2656;\n  --mgm-primary-light: #e8ebf5;\n  --mgm-secondary: #4a5ca8;\n  --mgm-accent: #7b8fd4;\n  --mgm-text: #1a1a1a;\n  --mgm-text-light: #5a5a5a;\n  --mgm-border: #e0e0e0;\n  --mgm-shadow: 0 4px 24px rgba(26,38,86,.08);\n  --mgm-shadow-lg: 0 12px 48px rgba(26,38,86,.18);\n  --mgm-radius: 20px;\n  --mgm-radius-sm: 12px;\n}\n\n.mgm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mgm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--mgm-text);\n  line-height: 1.6;\n}\n\n.mgm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a2656 0%, #2a3a7a 50%, #4a5ca8 100%);\n  border-radius: var(--mgm-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mgm-shadow-lg);\n}\n\n.mgm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n  opacity: .8;\n}\n\n.mgm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mgm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mgm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .02em;\n}\n\n.mgm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.mgm-description strong {\n  color: white;\n}\n\n.mgm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mgm-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mgm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mgm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mgm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mgm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mgm-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mgm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mgm-primary), var(--mgm-secondary));\n  border-radius: 2px;\n}\n\n.mgm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mgm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.mgm-card {\n  background: var(--mgm-white);\n  border-radius: var(--mgm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mgm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mgm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mgm-shadow-lg);\n  border-color: var(--mgm-primary);\n}\n\n.mgm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mgm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mgm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mgm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mgm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mgm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mgm-grid-compact .mgm-card {\n  padding: 1rem;\n}\n\n.mgm-grid-compact .mgm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mgm-grid-compact .mgm-card p {\n  font-size: 12px;\n}\n\n.mgm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.mgm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mgm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mgm-primary), var(--mgm-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(42,58,122,.3);\n}\n\n.mgm-timeline-content {\n  flex: 1;\n  background: var(--mgm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mgm-radius-sm);\n  box-shadow: var(--mgm-shadow);\n}\n\n.mgm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mgm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mgm-timeline-content p {\n  font-size: 14px;\n  color: var(--mgm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.mgm-accordion {\n  background: var(--mgm-white);\n  border-radius: var(--mgm-radius);\n  box-shadow: var(--mgm-shadow);\n  overflow: hidden;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.mgm-accordion-item {\n  border-bottom: 1px solid var(--mgm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mgm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mgm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mgm-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mgm-accordion-header:hover {\n  background: var(--mgm-primary-light);\n}\n\n.mgm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mgm-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--mgm-primary);\n  transition: transform .2s ease;\n  margin-left: 10px;\n}\n\n.mgm-accordion-item[open] .mgm-accordion-header::after {\n  content: '−';\n}\n\n.mgm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mgm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mgm-accordion-content p {\n  margin: 0;\n}\n\n.mgm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mgm-primary-light);\n  border-radius: var(--mgm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mgm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mgm-tip p {\n  font-size: 14px;\n  color: var(--mgm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mgm-cta-box {\n  background: linear-gradient(135deg, var(--mgm-primary) 0%, var(--mgm-primary-dark) 100%);\n  border-radius: var(--mgm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--mgm-shadow-lg);\n}\n\n.mgm-cta-box p {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.mgm-disclaimer {\n  font-size: 12px;\n  color: var(--mgm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .mgm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .mgm-card {\n    padding: 1.125rem;\n  }\n  .mgm-section {\n    margin-bottom: 1.75rem;\n  }\n  .mgm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mgm-radius-sm);\n  }\n  .mgm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .mgm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .mgm-grid-compact {\n    gap: .625rem;\n  }\n  .mgm-grid-compact .mgm-card {\n    padding: .75rem;\n  }\n  .mgm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .mgm-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .mgm-timeline-content h3 {\n    font-size: 14px;\n  }\n  .mgm-timeline-content p {\n    font-size: 13px;\n  }\n  .mgm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .mgm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .mgm-card {\n    animation: mgmFadeInUp .5s ease backwards;\n  }\n  .mgm-card:nth-child(1) { animation-delay: .05s; }\n  .mgm-card:nth-child(2) { animation-delay: .1s; }\n  .mgm-card:nth-child(3) { animation-delay: .15s; }\n  .mgm-card:nth-child(4) { animation-delay: .2s; }\n  .mgm-card:nth-child(5) { animation-delay: .25s; }\n  .mgm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mgm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55921272848761,"sku":"SF0115","price":20.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/malate-de-magnesium-90-comprimes-sfb-laboratoires-packshothd.webp?v=1776700375"},{"product_id":"l-gasseri-50-milliards-30-gelules-sfb-laboratoires","title":"Lactobacillus L-Gasseri Probiotiques - 30 gélules - SFB Laboratoires","description":"\u003cdiv class=\"lg-premium\"\u003e\n  \u003cdiv class=\"lg-hero\"\u003e\n    \u003cdiv class=\"lg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lg-hero-content\"\u003e\n      \u003cdiv class=\"lg-badges-top\"\u003e\n        \u003cspan class=\"lg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"lg-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n        \u003cspan class=\"lg-badge\"\u003e💊 50 Milliards UFC\u003c\/span\u003e\n        \u003cspan class=\"lg-badge\"\u003e🧬 8 Souches\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lg-hero-title\"\u003eLactobacillus L-Gasseri 50 Milliards\u003c\/span\u003e\n      \u003cp class=\"lg-subtitle\"\u003eProbiotique haute concentration • SFB Laboratoires\u003c\/p\u003e\n      \u003cp class=\"lg-description\"\u003eUn probiotique haute concentration conçu pour soutenir durablement votre microbiote intestinal. Chaque gélule végétale gastro-résistante délivre \u003cstrong\u003e10 milliards d'UFC\u003c\/strong\u003e dans une \u003cstrong\u003esynergie de 8 souches\u003c\/strong\u003e, pour un ensemencement diversifié et une action ciblée au cœur de l'intestin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"lg-section\"\u003e\n    \u003ch2\u003eLactobacillus gasseri : une souche phare du microbiote\u003c\/h2\u003e\n    \u003cp class=\"lg-section-intro\"\u003eLe \u003cstrong\u003egasseri lactobacillus\u003c\/strong\u003e est une bactérie lactique naturellement présente dans la flore intestinale et initialement identifiée dans le lait maternel. Parmi les \u003cstrong\u003eprobiotiques lactobacillus gasseri\u003c\/strong\u003e les plus étudiés, cette souche est reconnue pour sa capacité à coloniser la muqueuse intestinale et à participer à l'équilibre global du microbiote. En complément d'une hygiène de vie saine, un \u003cstrong\u003eprobiotique lactobacillus gasseri\u003c\/strong\u003e bien dosé peut aider à retrouver un meilleur confort digestif au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lg-section\"\u003e\n    \u003ch2\u003eLes bienfaits ressentis du L-Gasseri\u003c\/h2\u003e\n    \u003cdiv class=\"lg-grid\"\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🦠 Équilibre du microbiote\u003c\/h3\u003e\n        \u003cp\u003eSoutien de la flore intestinale et de la barrière muqueuse pour un écosystème digestif harmonieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eUtile en cas de ballonnements occasionnels, gaz ou transit irrégulier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n        \u003cp\u003e70 % des cellules immunitaires se situent dans l'intestin, d'où l'intérêt d'une flore équilibrée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e⚡ Énergie \u0026amp; vitalité\u003c\/h3\u003e\n        \u003cp\u003eUne digestion apaisée contribue à une meilleure forme générale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-tip\"\u003e\n      \u003cspan class=\"lg-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCe complément s'inscrit dans une démarche de bien-être et ne remplace ni une alimentation variée ni un traitement médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lg-section\"\u003e\n    \u003ch2\u003eUne formule complète : 8 souches + prébiotiques\u003c\/h2\u003e\n    \u003cp class=\"lg-section-intro\"\u003e\u003cstrong\u003eComposition pour 1 gélule\u003c\/strong\u003e — une synergie probiotique ciblée pour un ensemencement optimal.\u003c\/p\u003e\n    \u003cdiv class=\"lg-grid\"\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🧬 Lactobacillus gasseri\u003c\/h3\u003e\n        \u003cp\u003eSouche dosée à 50 milliards d'UFC\/g : \u003cstrong\u003e200 mg\u003c\/strong\u003e, soit \u003cstrong\u003e10 milliards d'UFC\u003c\/strong\u003e par gélule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🌾 Synergie de 8 souches\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eL. plantarum, L. rhamnosus, Streptococcus thermophilus, Bifidobacterium lactis, B. longum, B. infantis, L. reuteri\u003c\/em\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🌱 Prébiotiques FOS\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eFructo-oligosaccharides\u003c\/strong\u003e favorisant l'implantation des bonnes bactéries dans l'intestin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e💊 Gélule gastro-résistante\u003c\/h3\u003e\n        \u003cp\u003eTunique végétale \u003cstrong\u003egastro-résistante\u003c\/strong\u003e, pour une libération ciblée au cœur de l'intestin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🚫 Sans caséine\u003c\/h3\u003e\n        \u003cp\u003eAucune trace de lait.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n        \u003cp\u003eFormule tolérée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🧪 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité stricte.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🌿 Sans produits animaux\u003c\/h3\u003e\n        \u003cp\u003e100% végétal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lg-section\"\u003e\n    \u003ch2\u003eComment prendre le Lactobacillus L-Gasseri ?\u003c\/h2\u003e\n    \u003cdiv class=\"lg-timeline\"\u003e\n      \u003cdiv class=\"lg-timeline-item\"\u003e\n        \u003cdiv class=\"lg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lg-timeline-content\"\u003e\n          \u003ch3\u003e💧 Dose quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avant le repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-timeline-item\"\u003e\n        \u003cdiv class=\"lg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lg-timeline-content\"\u003e\n          \u003ch3\u003e📅 Durée de la cure\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats visibles, une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e est conseillée, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-timeline-item\"\u003e\n        \u003cdiv class=\"lg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lg-timeline-content\"\u003e\n          \u003ch3\u003e💊 En cas d'antibiotiques\u003c\/h3\u003e\n          \u003cp\u003eEspacez la gélule de \u003cstrong\u003e2 à 3 heures\u003c\/strong\u003e afin de préserver l'efficacité des probiotiques digestion.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lg-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce probiotique ?\u003c\/h2\u003e\n    \u003cdiv class=\"lg-grid\"\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e💊 Utilisateurs quotidiens\u003c\/h3\u003e\n        \u003cp\u003ePersonnes recherchant un \u003cstrong\u003elactobacillus l gasseri\u003c\/strong\u003e hautement dosé au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n        \u003cp\u003eBallonnements passagers, inconforts, variations de transit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-card\"\u003e\n        \u003ch3\u003e✈️ Périodes spécifiques\u003c\/h3\u003e\n        \u003cp\u003eStress, voyages, changements d'alimentation ou après un traitement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lg-section\"\u003e\n    \u003ch2\u003eLactobacillus gasseri : danger et effets secondaires ?\u003c\/h2\u003e\n    \u003cp class=\"lg-section-intro\"\u003eLe \u003cstrong\u003elactobacillus gasseri\u003c\/strong\u003e est une bactérie naturellement présente dans le corps humain. Aux doses recommandées, aucun \u003cstrong\u003elactobacillus gasseri danger\u003c\/strong\u003e particulier n'est rapporté chez l'adulte en bonne santé.\u003c\/p\u003e\n    \u003cdiv class=\"lg-accordion\"\u003e\n      \u003cdetails class=\"lg-accordion-item\"\u003e\n        \u003csummary class=\"lg-accordion-header\"\u003e🌬️ Effets secondaires possibles\u003c\/summary\u003e\n        \u003cdiv class=\"lg-accordion-content mt-3\"\u003e\n          \u003cp\u003eQuelques \u003cstrong\u003eeffets secondaires\u003c\/strong\u003e légers et transitoires peuvent survenir en début de cure (gaz, ballonnements), le temps que la flore s'adapte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lg-accordion-item\"\u003e\n        \u003csummary class=\"lg-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"lg-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes, aux hémophiles, aux personnes immunodéprimées et aux personnes allergiques au soja. Demandez conseil à un professionnel de santé en cas de doute.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lg-section\"\u003e\n    \u003ch2\u003eNotre avis sur le Lactobacillus gasseri\u003c\/h2\u003e\n    \u003cdiv class=\"lg-testimonial\"\u003e\n      \u003cp class=\"lg-testimonial-text\"\u003e\"Les \u003cstrong\u003eavis lactobacillus gasseri\u003c\/strong\u003e mettent souvent en avant une digestion plus légère, une réduction des ballonnements et une sensation de confort intestinal après quelques semaines de prise régulière. Les retours \u003cstrong\u003elactobacillus gasseri avis\u003c\/strong\u003e soulignent également une bonne tolérance générale. Les ressentis restent individuels : ils dépendent du microbiote, de l'alimentation et de la durée de la cure.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir SFB Laboratoires ?\u003c\/h2\u003e\n    \u003cdiv class=\"lg-cta-box\"\u003e\n      \u003cp\u003eFabriqué en \u003cstrong\u003eFrance\u003c\/strong\u003e 🇫🇷, le L-Gasseri SFB bénéficie d'une \u003cstrong\u003etraçabilité rigoureuse\u003c\/strong\u003e et de \u003cstrong\u003econtrôles qualité dédiés\u003c\/strong\u003e aux probiotiques. Une formule transparente, végétale et efficace, pensée pour les personnes exigeantes sur la qualité de leurs compléments.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lg-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation équilibrée, un mode de vie sain ou un traitement médical. Tenir hors de portée des enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lg-cream: #f4f9f4;\n  --lg-white: #ffffff;\n  --lg-primary: #2d8a3e;\n  --lg-primary-dark: #1e5f2a;\n  --lg-primary-light: #e6f4e8;\n  --lg-secondary: #5bbd6f;\n  --lg-accent: #8dd19e;\n  --lg-text: #1a2e1f;\n  --lg-text-light: #5a6b5e;\n  --lg-border: #d8e8dc;\n  --lg-shadow: 0 4px 24px rgba(45,138,62,.08);\n  --lg-shadow-lg: 0 12px 48px rgba(45,138,62,.18);\n  --lg-radius: 20px;\n  --lg-radius-sm: 12px;\n}\n\n.lg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--lg-text);\n  line-height: 1.6;\n}\n\n.lg-premium *, .lg-premium *::before, .lg-premium *::after { box-sizing: border-box; }\n\n.lg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1e5f2a 0%, #2d8a3e 50%, #5bbd6f 100%);\n  border-radius: var(--lg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lg-shadow-lg);\n}\n\n.lg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.lg-hero-content { position: relative; z-index: 1; text-align: center; }\n\n.lg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.lg-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.lg-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.lg-description strong { color: #ffffff; font-weight: 800; }\n\n.lg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.lg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lg-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.lg-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.lg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.lg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lg-primary), var(--lg-secondary));\n  border-radius: 2px;\n}\n\n.lg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lg-text-light);\n  margin: 0 auto 1.75rem auto;\n  max-width: 780px;\n  line-height: 1.7;\n}\n\n.lg-section-intro strong { color: var(--lg-primary-dark); }\n\n.lg-card {\n  background: var(--lg-white);\n  border-radius: var(--lg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lg-shadow-lg);\n  border-color: var(--lg-primary);\n}\n\n.lg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lg-card p strong, .lg-card p em { color: var(--lg-primary-dark); font-style: normal; font-weight: 700; }\n\n.lg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lg-grid-compact .lg-card { padding: 1rem; }\n.lg-grid-compact .lg-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.lg-grid-compact .lg-card p { font-size: 12px; }\n\n.lg-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.lg-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.lg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lg-primary), var(--lg-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(45,138,62,.3);\n}\n\n.lg-timeline-content {\n  flex: 1;\n  background: var(--lg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lg-radius-sm);\n  box-shadow: var(--lg-shadow);\n}\n\n.lg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lg-timeline-content p {\n  font-size: 14px;\n  color: var(--lg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lg-timeline-content p strong { color: var(--lg-primary-dark); }\n\n.lg-testimonial {\n  background: var(--lg-white);\n  border-radius: var(--lg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lg-shadow);\n  border-left: 4px solid var(--lg-primary);\n}\n\n.lg-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lg-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.lg-testimonial-text strong { color: var(--lg-primary-dark); font-style: normal; }\n\n.lg-accordion {\n  background: var(--lg-white);\n  border-radius: var(--lg-radius);\n  box-shadow: var(--lg-shadow);\n  overflow: hidden;\n}\n\n.lg-accordion-item { border-bottom: 1px solid var(--lg-border); margin: 0; padding: 0; }\n.lg-accordion-item:last-child { border-bottom: none; }\n\n.lg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lg-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.lg-accordion-header:hover { background: var(--lg-primary-light); }\n.lg-accordion-header::-webkit-details-marker { display: none; }\n\n.lg-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--lg-primary);\n  transition: transform .2s ease;\n}\n\n.lg-accordion-item[open] .lg-accordion-header::after { content: '−'; }\n\n.lg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lg-accordion-content p { margin: 0; }\n.lg-accordion-content strong { color: var(--lg-primary-dark); }\n\n.lg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lg-primary-light);\n  border-radius: var(--lg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 3px solid var(--lg-primary);\n}\n\n.lg-tip-icon { font-size: 24px; flex-shrink: 0; }\n\n.lg-tip p {\n  font-size: 14px;\n  color: var(--lg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lg-cta-box {\n  background: linear-gradient(135deg, var(--lg-primary) 0%, var(--lg-primary-dark) 100%);\n  border-radius: var(--lg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--lg-shadow-lg);\n}\n\n.lg-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.lg-cta-box p strong { color: #ffffff; font-weight: 800; }\n\n.lg-disclaimer {\n  font-size: 12px;\n  color: var(--lg-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.5;\n}\n\n@media (max-width: 767px) {\n  .lg-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .lg-card { padding: 1.125rem; }\n  .lg-section { margin-bottom: 1.75rem; }\n  .lg-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--lg-radius-sm); }\n  .lg-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .lg-premium h2::after { width: 40px; height: 3px; }\n  .lg-grid-compact { gap: .625rem; }\n  .lg-grid-compact .lg-card { padding: .75rem; }\n  .lg-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .lg-timeline-content { padding: .875rem 1rem; }\n  .lg-timeline-content h3 { font-size: 14px; }\n  .lg-timeline-content p { font-size: 13px; }\n  .lg-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .lg-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n  .lg-testimonial { padding: 1.25rem; }\n  .lg-testimonial-text { font-size: 14px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .lg-card { animation: lgFadeInUp .5s ease backwards; }\n  .lg-card:nth-child(1) { animation-delay: .05s; }\n  .lg-card:nth-child(2) { animation-delay: .1s; }\n  .lg-card:nth-child(3) { animation-delay: .15s; }\n  .lg-card:nth-child(4) { animation-delay: .2s; }\n  .lg-card:nth-child(5) { animation-delay: .25s; }\n  .lg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lgFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lg-premium * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55921304764793,"sku":"SF0095","price":26.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/l-gasseri-50-milliards-30-gelules-sfb-laboratoires.jpg?v=1776699602"},{"product_id":"lithothamne-120-gelules-sfb","title":"Lithothamne - 120 gélules - SFB","description":"\u003cdiv class=\"lt-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lt-hero\"\u003e\n    \u003cdiv class=\"lt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lt-hero-content\"\u003e\n      \u003cdiv class=\"lt-badges-top\"\u003e\n        \u003cspan class=\"lt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"lt-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"lt-badge\"\u003e🚫 Sans OGM\u003c\/span\u003e\n        \u003cspan class=\"lt-badge\"\u003e💊 120 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lt-hero-title\"\u003eLithothamne en gélules\u003c\/span\u003e\n      \u003cp class=\"lt-subtitle\"\u003eL'algue rouge reminéralisante riche en calcium\u003c\/p\u003e\n      \u003cp class=\"lt-description\"\u003eUne source marine exceptionnelle de calcium, magnésium et oligo-éléments pour soutenir vos os, vos articulations et votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eLithothamne en gélules : l'algue rouge reminéralisante riche en calcium\u003c\/h2\u003e\n    \u003cp class=\"lt-section-intro\"\u003eConnaissez-vous le lithothamne ? Cette petite algue rouge (\u003cem\u003eLithothamnium calcareum\u003c\/em\u003e), récoltée sur les fonds marins, concentre une richesse minérale exceptionnelle.\u003c\/p\u003e\n    \u003cdiv class=\"lt-grid-compact\"\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🌊 Origine marine\u003c\/h3\u003e\n        \u003cp\u003eAlgue rouge récoltée sur les fonds marins, naturellement gorgée de minéraux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🦴 Calcium naturel\u003c\/h3\u003e\n        \u003cp\u003eSource de calcium d'origine marine, hautement assimilable par l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e⚡ Magnésium\u003c\/h3\u003e\n        \u003cp\u003eApport en magnésium marin pour réduire la fatigue et soutenir la vitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🔬 Oligo-éléments\u003c\/h3\u003e\n        \u003cp\u003eFer, silice, manganèse et autres minéraux précieux pour la reminéralisation\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lt-section-intro\" style=\"margin-top:1.25rem;\"\u003eCe complément alimentaire des laboratoires SFB vous propose \u003cstrong\u003e120 gélules végétales\u003c\/strong\u003e d'une formule simple et transparente, utilisée depuis des décennies.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eLes bienfaits du lithothamne pour votre organisme\u003c\/h2\u003e\n    \u003cp class=\"lt-section-intro\"\u003eLes bienfaits du lithothamne sont liés à sa composition minérale d'origine marine, particulièrement bien assimilée :\u003c\/p\u003e\n    \u003cdiv class=\"lt-grid\"\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🦷 Ossature et dentition\u003c\/h3\u003e\n        \u003cp\u003eLe calcium contribue au maintien d'une ossature et d'une dentition normales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e💪 Fonction musculaire\u003c\/h3\u003e\n        \u003cp\u003eLe calcium participe à une fonction musculaire normale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium aide à réduire la fatigue et soutient l'équilibre électrolytique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n        \u003cp\u003eGrâce à ses minéraux alcalins, le lithothamne participe au maintien de l'équilibre acido-basique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🌱 Reminéralisation\u003c\/h3\u003e\n        \u003cp\u003eSon profil riche en oligo-éléments variés en fait un allié de choix pour la reminéralisation globale du corps\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eComposition détaillée et valeurs nutritionnelles\u003c\/h2\u003e\n    \u003cdiv class=\"lt-composition-box\"\u003e\n      \u003cdiv class=\"lt-composition-header\"\u003e\n        \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e algue de lithothamne (\u003cem\u003eLithothamnium calcareum\u003c\/em\u003e), tunique : gélule végétale (HPMC).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-composition-title\"\u003ePour 6 gélules (dose journalière maximale)\u003c\/div\u003e\n      \u003cdiv class=\"lt-grid-compact\"\u003e\n        \u003cdiv class=\"lt-card lt-card-highlight\"\u003e\n          \u003ch3\u003e🌿 Lithothamne\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2400 mg\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lt-card lt-card-highlight\"\u003e\n          \u003ch3\u003e🦴 Calcium\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e800 mg\u003c\/strong\u003e — 100 % des VNR*\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lt-card lt-card-highlight\"\u003e\n          \u003ch3\u003e⚡ Magnésium\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e75 mg\u003c\/strong\u003e — 20 % des VNR*\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"lt-vnr-note\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"lt-timeline\"\u003e\n      \u003cdiv class=\"lt-timeline-item\"\u003e\n        \u003cdiv class=\"lt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lt-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 à 6 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, au cours des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-timeline-item\"\u003e\n        \u003cdiv class=\"lt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lt-timeline-content\"\u003e\n          \u003ch3\u003eRépartition des prises\u003c\/h3\u003e\n          \u003cp\u003eRépartissez les prises sur la journée : par exemple, \u003cstrong\u003e2 gélules le matin, 2 le midi et 2 le soir\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-timeline-item\"\u003e\n        \u003cdiv class=\"lt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lt-timeline-content\"\u003e\n          \u003ch3\u003eDurée d'une cure\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e20 à 40 jours\u003c\/strong\u003e selon la posologie choisie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-timeline-item\"\u003e\n        \u003cdiv class=\"lt-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"lt-timeline-content\"\u003e\n          \u003ch3\u003eRenouvellement\u003c\/h3\u003e\n          \u003cp\u003eLes cures peuvent être renouvelées \u003cstrong\u003eplusieurs fois dans l'année\u003c\/strong\u003e, notamment aux changements de saison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eLithothamne en gélules ou en poudre : que choisir ?\u003c\/h2\u003e\n    \u003cdiv class=\"lt-comparison\"\u003e\n      \u003cdiv class=\"lt-grid-compact\"\u003e\n        \u003cdiv class=\"lt-card\"\u003e\n          \u003ch3\u003e🥄 Poudre\u003c\/h3\u003e\n          \u003cp\u003ePermet de moduler le dosage librement, mais son goût minéral peut déplaire à certains utilisateurs\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lt-card lt-card-recommended\"\u003e\n          \u003ch3\u003e💊 Gélules végétales\u003c\/h3\u003e\n          \u003cp\u003eDosage précis, prise rapide, goût neutre : la solution la plus pratique pour une utilisation régulière\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lt-tip\"\u003e\n      \u003cspan class=\"lt-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLes deux formes offrent les \u003cstrong\u003emêmes bienfaits\u003c\/strong\u003e. Les gélules végétales sont recommandées pour leur praticité et leur régularité de dosage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eLithothamne : dangereux ou sans risque ?\u003c\/h2\u003e\n    \u003cdiv class=\"lt-testimonial\"\u003e\n      \u003cp class=\"lt-testimonial-text\"\u003eLe lithothamne est généralement \u003cstrong\u003etrès bien toléré\u003c\/strong\u003e aux doses recommandées. En cas de léger inconfort digestif en début de cure, réduisez la posologie et veillez à bien vous hydrater.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lt-accordion\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdetails class=\"lt-accordion-item\"\u003e\n        \u003csummary class=\"lt-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lt-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière indiquée. Déconseillé en cas de \u003cstrong\u003erégime strictement sans calcium\u003c\/strong\u003e prescrit médicalement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lt-accordion-item\"\u003e\n        \u003csummary class=\"lt-accordion-header\"\u003e👩‍⚕️ Avis médical recommandé\u003c\/summary\u003e\n        \u003cdiv class=\"lt-accordion-content mt-3\"\u003e\n          \u003cp\u003eConsultez votre médecin en cas de grossesse, d'allaitement, de traitement en cours ou de pathologie chronique.\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=\"lt-section\"\u003e\n    \u003ch2\u003eQualité et engagements SFB Laboratoires\u003c\/h2\u003e\n    \u003cdiv class=\"lt-grid\"\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité complète des lots, du sourcing de l'algue jusqu'au conditionnement final\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e📋 Formule courte et propre\u003c\/h3\u003e\n        \u003cp\u003eUniquement l'algue et la gélule végétale, sans excipient superflu, sans OGM\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lt-card\"\u003e\n        \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eConviennent aux régimes sans gélatine animale, pour une approche respectueuse et naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #8 --\u003e\n  \u003csection class=\"lt-section\"\u003e\n    \u003ch2\u003eAvis sur le lithothamne en gélules\u003c\/h2\u003e\n    \u003cdiv class=\"lt-testimonial\"\u003e\n      \u003cp class=\"lt-testimonial-text\"\u003eLes utilisateurs apprécient la \u003cstrong\u003esimplicité de la composition\u003c\/strong\u003e et l'apport naturel en calcium et magnésium marins. Les résultats dépendent de chaque personne, de son alimentation et de la régularité de la prise. Pour un conseil personnalisé, consultez votre professionnel de santé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA + DISCLAIMER --\u003e\n  \u003csection class=\"lt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lt-cta-box\"\u003e\n      \u003cp\u003e🌊 Offrez à votre corps la richesse minérale de l'océan — 120 gélules de lithothamne pour des os solides, une vitalité retrouvée et un équilibre naturel au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lt-disclaimer\"\u003eCe produit est un complément alimentaire. Il ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Tenir hors de portée des jeunes enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lt-cream: #f6f5f0;\n  --lt-white: #ffffff;\n  --lt-primary: #6b9e3a;\n  --lt-primary-dark: #3d6b1a;\n  --lt-primary-light: #eaf3e0;\n  --lt-secondary: #c8962e;\n  --lt-accent: #d4a843;\n  --lt-text: #1a1a1a;\n  --lt-text-light: #5a5a5a;\n  --lt-border: #e0ddd5;\n  --lt-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lt-radius: 20px;\n  --lt-radius-sm: 12px;\n}\n\n.lt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lt-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d6b1a 0%, #6b9e3a 45%, #c8962e 100%);\n  border-radius: var(--lt-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lt-shadow-lg);\n}\n\n.lt-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(200,150,46,.1) 0%, transparent 70%);\n  opacity: .6;\n}\n\n.lt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lt-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lt-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lt-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.lt-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.lt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lt-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.lt-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lt-primary), var(--lt-secondary));\n  border-radius: 2px;\n}\n\n.lt-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lt-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.lt-card {\n  background: var(--lt-white);\n  border-radius: var(--lt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lt-shadow-lg);\n  border-color: var(--lt-primary);\n}\n\n.lt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lt-card-highlight {\n  background: var(--lt-primary-light);\n  border: 2px solid rgba(107,158,58,.15);\n}\n\n.lt-card-highlight:hover {\n  border-color: var(--lt-primary);\n}\n\n.lt-card-recommended {\n  border: 2px solid var(--lt-primary);\n  position: relative;\n}\n\n.lt-card-recommended::before {\n  content: '✓ Recommandé';\n  position: absolute;\n  top: -10px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--lt-primary);\n  color: white;\n  font-size: 11px;\n  font-weight: 700;\n  padding: 3px 12px;\n  border-radius: 999px;\n  white-space: nowrap;\n}\n\n\/* === GRILLES === *\/\n.lt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lt-grid-compact .lt-card {\n  padding: 1rem;\n}\n\n.lt-grid-compact .lt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lt-grid-compact .lt-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.lt-composition-box {\n  background: var(--lt-white);\n  border-radius: var(--lt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lt-shadow);\n}\n\n.lt-composition-header {\n  margin-bottom: 1.25rem;\n}\n\n.lt-composition-header p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--lt-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.lt-composition-title {\n  font-size: clamp(14px, 2.5vw, 17px);\n  font-weight: 800;\n  color: var(--lt-primary-dark);\n  text-align: center;\n  margin-bottom: 1rem;\n}\n\n.lt-vnr-note {\n  font-size: 12px;\n  color: var(--lt-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.lt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lt-primary), var(--lt-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.lt-timeline-content {\n  flex: 1;\n  background: var(--lt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lt-radius-sm);\n  box-shadow: var(--lt-shadow);\n}\n\n.lt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lt-timeline-content p {\n  font-size: 14px;\n  color: var(--lt-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lt-testimonial {\n  background: var(--lt-white);\n  border-radius: var(--lt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lt-shadow);\n  border-left: 4px solid var(--lt-primary);\n}\n\n.lt-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lt-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.lt-accordion {\n  background: var(--lt-white);\n  border-radius: var(--lt-radius);\n  box-shadow: var(--lt-shadow);\n  overflow: hidden;\n}\n\n.lt-accordion-item {\n  border-bottom: 1px solid var(--lt-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lt-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lt-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lt-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lt-accordion-header:hover {\n  background: var(--lt-primary-light);\n}\n\n.lt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lt-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lt-primary);\n  transition: transform .2s ease;\n}\n\n.lt-accordion-item[open] .lt-accordion-header::after {\n  content: '−';\n}\n\n.lt-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lt-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lt-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lt-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lt-primary-light);\n  border-radius: var(--lt-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lt-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lt-tip p {\n  font-size: 14px;\n  color: var(--lt-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.lt-comparison {\n  position: relative;\n}\n\n\/* === CTA FINAL === *\/\n.lt-cta-box {\n  background: linear-gradient(135deg, var(--lt-primary) 0%, var(--lt-primary-dark) 100%);\n  border-radius: var(--lt-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lt-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 50%, rgba(200,150,46,.2) 0%, transparent 60%);\n}\n\n.lt-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.lt-disclaimer {\n  font-size: 12px;\n  color: var(--lt-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .lt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lt-card {\n    padding: 1.125rem;\n  }\n\n  .lt-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lt-radius-sm);\n  }\n\n  .lt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lt-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lt-grid-compact {\n    gap: .625rem;\n  }\n\n  .lt-grid-compact .lt-card {\n    padding: .75rem;\n  }\n\n  .lt-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lt-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lt-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lt-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lt-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lt-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lt-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lt-testimonial-text {\n    font-size: 14px;\n  }\n\n  .lt-composition-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lt-card {\n    animation: ltFadeInUp .5s ease backwards;\n  }\n  .lt-card:nth-child(1) { animation-delay: .05s; }\n  .lt-card:nth-child(2) { animation-delay: .1s; }\n  .lt-card:nth-child(3) { animation-delay: .15s; }\n  .lt-card:nth-child(4) { animation-delay: .2s; }\n  .lt-card:nth-child(5) { animation-delay: .25s; }\n  .lt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ltFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .lt-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55921445503353,"sku":"SF0110","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lithothamne-120-gelules-sfb_packshot_2_11zon.jpg?v=1776251298"},{"product_id":"zerogaz-charbon-he-menthe-poivree-30-gelules-sfb","title":"Zéro'gaz (Charbon + Huile essentielle de Menthe poivrée) - 30 gélules - SFB","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Zéro'gaz (Charbon + HE Menthe poivrée)\nPalette détectée:\n  - Primaire: #2D7A5B (vert sauge du logo SFB, professionnel et naturel)\n  - Secondaire: #4A4A4A (gris anthracite du packaging, sobre et médical)\n  - Accent: #66B896 (vert menthe clair, évoque la fraîcheur)\n  - Background: #F8FAF9 (blanc cassé très léger tirant vers le vert)\nAmbiance: Pharmaceutique\/naturel, professionnel et rassurant, minimaliste\nStyle: Médical-naturel premium, sobre et efficace, couleurs apaisantes\nPréfixe CSS: zg\n--\u003e\n\n\u003cdiv class=\"zg-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"zg-hero\"\u003e\n    \u003cdiv class=\"zg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"zg-hero-content\"\u003e\n      \u003cdiv class=\"zg-badges-top\"\u003e\n        \u003cspan class=\"zg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"zg-badge\"\u003e🌱 Gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"zg-badge\"\u003e💨 Anti-ballonnements\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"zg-hero-title\"\u003eZéro'gaz\u003c\/span\u003e\n      \u003cp class=\"zg-subtitle\"\u003eCharbon végétal super activé + Huile essentielle de menthe poivrée\u003c\/p\u003e\n      \u003cp class=\"zg-description\"\u003eLa solution naturelle et ciblée contre les gaz intestinaux et ballonnements. Formule ultra-pure à haute capacité d'adsorption, avec menthe poivrée microencapsulée pour une efficacité optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POURQUOI ÇA MARCHE --\u003e\n  \u003csection class=\"zg-section\"\u003e\n    \u003ch2\u003ePourquoi ce charbon végétal est-il si efficace ?\u003c\/h2\u003e\n    \u003cdiv class=\"zg-grid\"\u003e\n      \u003cdiv class=\"zg-card\"\u003e\n        \u003cdiv class=\"zg-icon\"\u003e🔬\u003c\/div\u003e\n        \u003cspan class=\"zg-card-title\"\u003eHaute adsorption\u003c\/span\u003e\n        \u003cp\u003eStructure microporeuse du charbon actif favorisant la captation optimale des gaz intestinaux. Indice adsorbant conforme au référentiel pharmaceutique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-card\"\u003e\n        \u003cdiv class=\"zg-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cspan class=\"zg-card-title\"\u003eMenthe poivrée microencapsulée\u003c\/span\u003e\n        \u003cp\u003eTechnologie brevetée pour une libération ciblée et progressive. Meilleure tolérance sensorielle et efficacité renforcée sur l'inconfort digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-card\"\u003e\n        \u003cdiv class=\"zg-icon\"\u003e✨\u003c\/div\u003e\n        \u003cspan class=\"zg-card-title\"\u003eFormule ultra-pure\u003c\/span\u003e\n        \u003cp\u003eComposition courte et naturelle. Sans dioxyde de titane, en gélules 100% végétales. Poudre ultra-fine pour une action rapide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-card\"\u003e\n        \u003cdiv class=\"zg-icon\"\u003e🎯\u003c\/div\u003e\n        \u003cspan class=\"zg-card-title\"\u003eUsage ciblé\u003c\/span\u003e\n        \u003cp\u003eSolution idéale après des repas copieux ou en cas d'inconfort digestif passager. Format pratique pour un soulagement rapide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BÉNÉFICES CLÉS --\u003e\n  \u003csection class=\"zg-section\"\u003e\n    \u003ch2\u003eLes bénéfices de Zéro'gaz\u003c\/h2\u003e\n    \u003cdiv class=\"zg-benefits-grid\"\u003e\n      \u003cdiv class=\"zg-benefit-card\"\u003e\n        \u003cdiv class=\"zg-benefit-icon\"\u003e💨\u003c\/div\u003e\n        \u003cspan class=\"zg-benefit-title\"\u003eRéduit les gaz\u003c\/span\u003e\n        \u003cp\u003eCapture et neutralise les gaz intestinaux grâce au charbon super activé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-benefit-card\"\u003e\n        \u003cdiv class=\"zg-benefit-icon\"\u003e🎈\u003c\/div\u003e\n        \u003cspan class=\"zg-benefit-title\"\u003eDiminue les ballonnements\u003c\/span\u003e\n        \u003cp\u003eSoulage la sensation de ventre gonflé et l'inconfort abdominal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-benefit-card\"\u003e\n        \u003cdiv class=\"zg-benefit-icon\"\u003e🍃\u003c\/div\u003e\n        \u003cspan class=\"zg-benefit-title\"\u003eFavorise la digestion\u003c\/span\u003e\n        \u003cp\u003eLa menthe poivrée soutient le confort digestif et apaise\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-benefit-card\"\u003e\n        \u003cdiv class=\"zg-benefit-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cspan class=\"zg-benefit-title\"\u003eAction rapide\u003c\/span\u003e\n        \u003cp\u003eFormule optimisée pour un soulagement ressenti rapidement\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n  \u003csection class=\"zg-section\"\u003e\n    \u003ch2\u003eComposition par dose journalière\u003c\/h2\u003e\n    \u003cdiv class=\"zg-composition-box\"\u003e\n      \u003cdiv class=\"zg-composition-header\"\u003e\n        \u003cdiv class=\"zg-dose-info\"\u003e\n          \u003cspan class=\"zg-dose-number\"\u003e2\u003c\/span\u003e\n          \u003cspan class=\"zg-dose-label\"\u003egélules par jour\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-ingredients-list\"\u003e\n        \u003cdiv class=\"zg-ingredient-item\"\u003e\n          \u003cdiv class=\"zg-ingredient-icon\"\u003e🥥\u003c\/div\u003e\n          \u003cdiv class=\"zg-ingredient-info\"\u003e\n            \u003cspan class=\"zg-ingredient-name\"\u003eCharbon végétal super activé\u003c\/span\u003e\n            \u003cspan class=\"zg-ingredient-detail\"\u003eIssu de noix de coco (\u003cem\u003eCocos nucifera\u003c\/em\u003e)\u003c\/span\u003e\n            \u003cspan class=\"zg-ingredient-benefit\"\u003eHaute capacité d'adsorption des gaz\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zg-ingredient-item\"\u003e\n          \u003cdiv class=\"zg-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n          \u003cdiv class=\"zg-ingredient-info\"\u003e\n            \u003cspan class=\"zg-ingredient-name\"\u003eHuile essentielle de menthe poivrée\u003c\/span\u003e\n            \u003cspan class=\"zg-ingredient-detail\"\u003eMicroencapsulée (\u003cem\u003eMentha × piperita\u003c\/em\u003e)\u003c\/span\u003e\n            \u003cspan class=\"zg-ingredient-benefit\"\u003eLibération ciblée, confort digestif\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zg-ingredient-item\"\u003e\n          \u003cdiv class=\"zg-ingredient-icon\"\u003e💊\u003c\/div\u003e\n          \u003cdiv class=\"zg-ingredient-info\"\u003e\n            \u003cspan class=\"zg-ingredient-name\"\u003eTunique végétale\u003c\/span\u003e\n            \u003cspan class=\"zg-ingredient-detail\"\u003eGélule 100% végétale\u003c\/span\u003e\n            \u003cspan class=\"zg-ingredient-benefit\"\u003eSans dioxyde de titane\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"zg-section\"\u003e\n    \u003ch2\u003eComment utiliser Zéro'gaz ?\u003c\/h2\u003e\n    \u003cdiv class=\"zg-usage-timeline\"\u003e\n      \u003cdiv class=\"zg-usage-step\"\u003e\n        \u003cdiv class=\"zg-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"zg-step-content\"\u003e\n          \u003cspan class=\"zg-step-title\"\u003eDosage\u003c\/span\u003e\n          \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e à prendre en dehors des repas avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-usage-step\"\u003e\n        \u003cdiv class=\"zg-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"zg-step-content\"\u003e\n          \u003cspan class=\"zg-step-title\"\u003eTiming important\u003c\/span\u003e\n          \u003cp\u003e\u003cstrong\u003eEspacer de 3 heures\u003c\/strong\u003e toute prise médicamenteuse ou de compléments alimentaires (risque d'adsorption)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-usage-step\"\u003e\n        \u003cdiv class=\"zg-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"zg-step-content\"\u003e\n          \u003cspan class=\"zg-step-title\"\u003eDurée\u003c\/span\u003e\n          \u003cp\u003eEn \u003cstrong\u003ecure courte selon besoin\u003c\/strong\u003e, notamment après des repas copieux ou en cas d'inconfort digestif\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zg-important-box\"\u003e\n      \u003cdiv class=\"zg-important-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv class=\"zg-important-content\"\u003e\n        \u003cspan class=\"zg-important-title\"\u003ePoint d'attention\u003c\/span\u003e\n        \u003cp\u003eLe charbon actif peut adsorber certains médicaments et nutriments. Respectez impérativement l'intervalle de 3 heures avec tout autre traitement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI ? --\u003e\n  \u003csection class=\"zg-section\"\u003e\n    \u003ch2\u003eZéro'gaz est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"zg-grid\"\u003e\n      \u003cdiv class=\"zg-profile-card\"\u003e\n        \u003cdiv class=\"zg-profile-icon\"\u003e🍽️\u003c\/div\u003e\n        \u003cspan class=\"zg-profile-title\"\u003eAprès les repas copieux\u003c\/span\u003e\n        \u003cp\u003eVous ressentez des ballonnements et une sensation de lourdeur après avoir mangé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-profile-card\"\u003e\n        \u003cdiv class=\"zg-profile-icon\"\u003e😣\u003c\/div\u003e\n        \u003cspan class=\"zg-profile-title\"\u003eGaz intestinaux gênants\u003c\/span\u003e\n        \u003cp\u003eVous souffrez d'inconfort lié aux gaz et cherchez une solution naturelle rapide\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-profile-card\"\u003e\n        \u003cdiv class=\"zg-profile-icon\"\u003e🥗\u003c\/div\u003e\n        \u003cspan class=\"zg-profile-title\"\u003eDigestion difficile\u003c\/span\u003e\n        \u003cp\u003eCertains aliments (légumineuses, crudités...) vous causent des troubles digestifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-profile-card\"\u003e\n        \u003cdiv class=\"zg-profile-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cspan class=\"zg-profile-title\"\u003eRecherche de naturel\u003c\/span\u003e\n        \u003cp\u003eVous privilégiez les solutions naturelles et efficaces pour votre confort digestif\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ SFB --\u003e\n  \u003csection class=\"zg-section\"\u003e\n    \u003ch2\u003eL'engagement qualité SFB Laboratoires\u003c\/h2\u003e\n    \u003cdiv class=\"zg-quality-grid\"\u003e\n      \u003cdiv class=\"zg-quality-item\"\u003e\n        \u003cdiv class=\"zg-quality-icon\"\u003e🔬\u003c\/div\u003e\n        \u003cspan class=\"zg-quality-name\"\u003ePoudre ultra-fine\u003c\/span\u003e\n        \u003cp\u003eIndice adsorbant (test à la phénazone) conforme au référentiel pharmaceutique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-quality-item\"\u003e\n        \u003cdiv class=\"zg-quality-icon\"\u003e💊\u003c\/div\u003e\n        \u003cspan class=\"zg-quality-name\"\u003eMicroencapsulation\u003c\/span\u003e\n        \u003cp\u003eTechnologie avancée pour une meilleure stabilité et libération maîtrisée de la menthe poivrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-quality-item\"\u003e\n        \u003cdiv class=\"zg-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cspan class=\"zg-quality-name\"\u003eFabrication française\u003c\/span\u003e\n        \u003cp\u003eProduit formulé et fabriqué en France selon les normes pharmaceutiques les plus strictes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-quality-item\"\u003e\n        \u003cdiv class=\"zg-quality-icon\"\u003e📦\u003c\/div\u003e\n        \u003cspan class=\"zg-quality-name\"\u003eFormat pratique\u003c\/span\u003e\n        \u003cp\u003ePilulier de 30 gélules, soit 15 jours d'utilisation à 2 gélules par jour\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"zg-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"zg-warning-box\"\u003e\n      \u003cdiv class=\"zg-warning-grid\"\u003e\n        \u003cdiv class=\"zg-warning-item\"\u003e\n          \u003cspan class=\"zg-warning-icon\"\u003e⚕️\u003c\/span\u003e\n          \u003cp\u003e\u003cstrong\u003eInteractions médicamenteuses :\u003c\/strong\u003e Espacer de 3 heures toute prise de médicaments ou compléments\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zg-warning-item\"\u003e\n          \u003cspan class=\"zg-warning-icon\"\u003e👶\u003c\/span\u003e\n          \u003cp\u003e\u003cstrong\u003eTenir hors de portée des enfants.\u003c\/strong\u003e Conserver au sec et à l'abri de la lumière\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zg-warning-item\"\u003e\n          \u003cspan class=\"zg-warning-icon\"\u003e📏\u003c\/span\u003e\n          \u003cp\u003e\u003cstrong\u003eNe pas dépasser la dose recommandée.\u003c\/strong\u003e Usage en cure courte selon les besoins\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zg-warning-item\"\u003e\n          \u003cspan class=\"zg-warning-icon\"\u003e🥗\u003c\/span\u003e\n          \u003cp\u003e\u003cstrong\u003eComplément alimentaire :\u003c\/strong\u003e Ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"zg-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"zg-info-grid\"\u003e\n      \u003cdiv class=\"zg-info-card\"\u003e\n        \u003cspan class=\"zg-info-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"zg-info-value\"\u003e30 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-info-card\"\u003e\n        \u003cspan class=\"zg-info-label\"\u003eDurée\u003c\/span\u003e\n        \u003cspan class=\"zg-info-value\"\u003e15 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-info-card\"\u003e\n        \u003cspan class=\"zg-info-label\"\u003eType de gélules\u003c\/span\u003e\n        \u003cspan class=\"zg-info-value\"\u003e100% végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-info-card\"\u003e\n        \u003cspan class=\"zg-info-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"zg-info-value\"\u003eDioxyde de titane\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-info-card\"\u003e\n        \u003cspan class=\"zg-info-label\"\u003eOrigine charbon\u003c\/span\u003e\n        \u003cspan class=\"zg-info-value\"\u003eNoix de coco\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zg-info-card\"\u003e\n        \u003cspan class=\"zg-info-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"zg-info-value\"\u003e🇫🇷 France\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"zg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"zg-cta-box\"\u003e\n      \u003cdiv class=\"zg-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"zg-cta-content\"\u003e\n        \u003cp\u003eZéro'gaz réunit un charbon végétal super activé à haute adsorption et une menthe poivrée microencapsulée pour cibler efficacement les gaz et ballonnements. Une formule simple, naturelle et pratique pour retrouver votre confort digestif au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --zg-cream: #F8FAF9;\n  --zg-white: #ffffff;\n  --zg-primary: #2D7A5B;\n  --zg-primary-dark: #1f5640;\n  --zg-primary-light: #E8F3EF;\n  --zg-secondary: #4A4A4A;\n  --zg-accent: #66B896;\n  --zg-text: #1a1a1a;\n  --zg-text-light: #5a5a5a;\n  --zg-border: #e0e0e0;\n  --zg-shadow: 0 4px 24px rgba(45, 122, 91, 0.08);\n  --zg-shadow-lg: 0 12px 48px rgba(45, 122, 91, 0.15);\n  --zg-radius: 20px;\n  --zg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.zg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--zg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--zg-text);\n}\n\n\/* === HERO === *\/\n.zg-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--zg-primary) 0%, var(--zg-accent) 50%, var(--zg-primary-dark) 100%);\n  border-radius: var(--zg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--zg-shadow-lg);\n}\n\n.zg-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0.06;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,255,255,0.3) 1px, transparent 1px),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,0.3) 1px, transparent 1px),\n    radial-gradient(circle at 40% 80%, rgba(255,255,255,0.3) 1px, transparent 1px);\n  background-size: 50px 50px, 80px 80px, 60px 60px;\n  background-position: 0 0, 40px 60px, 130px 270px;\n}\n\n.zg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.zg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-bottom: 2rem;\n}\n\n.zg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--zg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.zg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.zg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -0.04em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.zg-subtitle {\n  color: rgba(255, 255, 255, 0.95);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: -0.01em;\n}\n\n.zg-description {\n  color: rgba(255, 255, 255, 0.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.zg-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.zg-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--zg-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -0.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.zg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--zg-primary), var(--zg-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.zg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.zg-card {\n  background: var(--zg-white);\n  border-radius: var(--zg-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--zg-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.zg-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--zg-shadow-lg);\n  border-color: var(--zg-primary);\n}\n\n.zg-icon {\n  font-size: clamp(40px, 6vw, 56px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.zg-card-title {\n  display: block;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--zg-primary-dark);\n  margin-bottom: 0.75rem;\n  letter-spacing: -0.02em;\n}\n\n.zg-card p {\n  color: var(--zg-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.zg-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.zg-benefit-card {\n  background: linear-gradient(135deg, var(--zg-primary-light) 0%, var(--zg-white) 100%);\n  border-radius: var(--zg-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid var(--zg-primary);\n  border-left-width: 5px;\n  transition: all 0.3s ease;\n}\n\n.zg-benefit-card:hover {\n  transform: translateX(8px);\n  box-shadow: var(--zg-shadow-lg);\n}\n\n.zg-benefit-icon {\n  font-size: clamp(36px, 5vw, 48px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.zg-benefit-title {\n  display: block;\n  font-size: clamp(17px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--zg-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.zg-benefit-card p {\n  color: var(--zg-text-light);\n  font-size: clamp(14px, 2vw, 15px);\n  line-height: 1.5;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.zg-composition-box {\n  background: var(--zg-white);\n  border-radius: var(--zg-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--zg-shadow-lg);\n  border: 3px solid var(--zg-primary);\n}\n\n.zg-composition-header {\n  text-align: center;\n  margin-bottom: 2rem;\n  padding-bottom: 2rem;\n  border-bottom: 2px solid var(--zg-border);\n}\n\n.zg-dose-info {\n  display: inline-flex;\n  align-items: center;\n  gap: 1rem;\n  background: linear-gradient(135deg, var(--zg-primary), var(--zg-accent));\n  padding: 1rem 2rem;\n  border-radius: 999px;\n  color: white;\n  box-shadow: var(--zg-shadow);\n}\n\n.zg-dose-number {\n  font-size: clamp(32px, 5vw, 42px);\n  font-weight: 900;\n  line-height: 1;\n}\n\n.zg-dose-label {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 700;\n}\n\n.zg-ingredients-list {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.zg-ingredient-item {\n  display: flex;\n  gap: 1.5rem;\n  padding: 1.5rem;\n  background: var(--zg-primary-light);\n  border-radius: var(--zg-radius-sm);\n  transition: all 0.3s ease;\n}\n\n.zg-ingredient-item:hover {\n  background: linear-gradient(135deg, var(--zg-primary-light), var(--zg-white));\n  transform: translateX(8px);\n}\n\n.zg-ingredient-icon {\n  font-size: clamp(36px, 5vw, 48px);\n  flex-shrink: 0;\n}\n\n.zg-ingredient-info {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n}\n\n.zg-ingredient-name {\n  font-size: clamp(16px, 3vw, 19px);\n  font-weight: 800;\n  color: var(--zg-primary-dark);\n}\n\n.zg-ingredient-detail {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--zg-text-light);\n  font-style: italic;\n}\n\n.zg-ingredient-benefit {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--zg-text);\n  font-weight: 600;\n  padding: 0.3rem 0.8rem;\n  background: rgba(45, 122, 91, 0.1);\n  border-radius: 6px;\n  display: inline-block;\n  align-self: flex-start;\n  margin-top: 0.3rem;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.zg-usage-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  max-width: 800px;\n  margin: 0 auto 2rem;\n}\n\n.zg-usage-step {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n}\n\n.zg-step-number {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  background: linear-gradient(135deg, var(--zg-primary), var(--zg-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  box-shadow: var(--zg-shadow);\n}\n\n.zg-step-content {\n  flex: 1;\n  padding: 0.5rem 0;\n}\n\n.zg-step-title {\n  display: block;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--zg-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.zg-step-content p {\n  color: var(--zg-text);\n  font-size: clamp(15px, 2.5vw, 17px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.zg-important-box {\n  display: flex;\n  gap: 1.5rem;\n  background: linear-gradient(135deg, #fff8e6, #fffbf0);\n  border: 3px solid #ffa500;\n  border-radius: var(--zg-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--zg-shadow);\n}\n\n.zg-important-icon {\n  font-size: clamp(36px, 5vw, 48px);\n  flex-shrink: 0;\n}\n\n.zg-important-content {\n  flex: 1;\n}\n\n.zg-important-title {\n  display: block;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: #cc6600;\n  margin-bottom: 0.5rem;\n}\n\n.zg-important-content p {\n  color: var(--zg-text);\n  font-size: clamp(14px, 2.5vw, 16px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === PROFILES === *\/\n.zg-profile-card {\n  background: var(--zg-white);\n  border-radius: var(--zg-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--zg-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.zg-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--zg-shadow-lg);\n  border-color: var(--zg-accent);\n}\n\n.zg-profile-icon {\n  font-size: clamp(42px, 6vw, 56px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.zg-profile-title {\n  display: block;\n  font-size: clamp(17px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--zg-primary-dark);\n  margin-bottom: 0.75rem;\n}\n\n.zg-profile-card p {\n  color: var(--zg-text-light);\n  font-size: clamp(14px, 2vw, 15px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.zg-quality-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.zg-quality-item {\n  background: linear-gradient(135deg, var(--zg-white), var(--zg-primary-light));\n  border-radius: var(--zg-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid var(--zg-primary);\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.zg-quality-item:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--zg-shadow-lg);\n}\n\n.zg-quality-icon {\n  font-size: clamp(40px, 6vw, 52px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.zg-quality-name {\n  display: block;\n  font-size: clamp(17px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--zg-primary-dark);\n  margin-bottom: 0.75rem;\n}\n\n.zg-quality-item p {\n  color: var(--zg-text-light);\n  font-size: clamp(14px, 2vw, 15px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.zg-warning-box {\n  background: linear-gradient(135deg, #fff5f5, #fffafa);\n  border: 3px solid #e74c3c;\n  border-radius: var(--zg-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--zg-shadow);\n}\n\n.zg-warning-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.zg-warning-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 1.5rem;\n  background: rgba(255, 255, 255, 0.7);\n  border-radius: var(--zg-radius-sm);\n}\n\n.zg-warning-icon {\n  font-size: clamp(36px, 5vw, 48px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.zg-warning-item p {\n  color: var(--zg-text);\n  font-size: clamp(14px, 2.5vw, 15px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.zg-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.zg-info-card {\n  background: var(--zg-white);\n  border-radius: var(--zg-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  border: 2px solid var(--zg-primary-light);\n  transition: all 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.zg-info-card:hover {\n  border-color: var(--zg-primary);\n  box-shadow: var(--zg-shadow);\n  transform: translateY(-4px);\n}\n\n.zg-info-label {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--zg-text-light);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.zg-info-value {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--zg-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.zg-cta-box {\n  background: linear-gradient(135deg, var(--zg-primary) 0%, var(--zg-primary-dark) 100%);\n  border-radius: var(--zg-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--zg-shadow-lg);\n}\n\n.zg-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0.08;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px),\n    repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px);\n}\n\n.zg-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.zg-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .zg-grid,\n  .zg-benefits-grid,\n  .zg-quality-grid,\n  .zg-warning-grid,\n  .zg-info-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .zg-ingredient-item {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .zg-usage-step {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  .zg-important-box {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .zg-card,\n  .zg-benefit-card,\n  .zg-profile-card,\n  .zg-quality-item {\n    animation: fadeInUp 0.6s ease backwards;\n  }\n\n  .zg-card:nth-child(1) { animation-delay: 0.1s; }\n  .zg-card:nth-child(2) { animation-delay: 0.2s; }\n  .zg-card:nth-child(3) { animation-delay: 0.3s; }\n  .zg-card:nth-child(4) { animation-delay: 0.4s; }\n  .zg-card:nth-child(5) { animation-delay: 0.5s; }\n  .zg-card:nth-child(6) { animation-delay: 0.6s; }\n\n  .zg-benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .zg-benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .zg-benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .zg-benefit-card:nth-child(4) { animation-delay: 0.4s; }\n\n  .zg-usage-step {\n    animation: fadeInLeft 0.6s ease backwards;\n  }\n\n  .zg-usage-step:nth-child(1) { animation-delay: 0.1s; }\n  .zg-usage-step:nth-child(2) { animation-delay: 0.2s; }\n  .zg-usage-step:nth-child(3) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .zg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .zg-premium {\n    --zg-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n    --zg-shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.4);\n  }\n}\n\n\/* === PRINT === *\/\n@media print {\n  .zg-premium {\n    background: white;\n  }\n\n  .zg-hero,\n  .zg-card,\n  .zg-cta-box {\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55921549443449,"sku":"SF0195","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/zerogaz-charbon-huile-essentielle-menthe-poivree-30-gelules-sfb_11zon.jpg?v=1759667362"},{"product_id":"jus-dherbe-de-ble-bio-200-g-sfb-laboratoires","title":"Jus d'herbe de blé bio – 200 g – SFB Laboratoires","description":"\u003cdiv class=\"jhb-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"jhb-hero\"\u003e\n    \u003cdiv class=\"jhb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"jhb-hero-content\"\u003e\n      \u003cdiv class=\"jhb-badges-top\"\u003e\n        \u003cspan class=\"jhb-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"jhb-badge\"\u003e🇪🇺 Fabrication européenne\u003c\/span\u003e\n        \u003cspan class=\"jhb-badge\"\u003e🌱 100 % végan\u003c\/span\u003e\n        \u003cspan class=\"jhb-badge\"\u003e🦴 Minéralisation osseuse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"jhb-hero-title\"\u003eJus d'herbe de blé bio\u003c\/span\u003e\n      \u003cp class=\"jhb-subtitle\"\u003eLa force de l'alimentation vivante — 200 g de poudre pure\u003c\/p\u003e\n      \u003cp class=\"jhb-description\"\u003eUn concentré vert d'exception, naturellement riche en chlorophylle, vitamines et minéraux. Un seul geste quotidien pour une vitalité profonde.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION : Avis d'expert --\u003e\n  \u003csection class=\"jhb-section\"\u003e\n    \u003ch2\u003e🌿 Notre avis d'expert\u003c\/h2\u003e\n    \u003cdiv class=\"jhb-testimonial\"\u003e\n      \u003cp class=\"jhb-testimonial-text\"\u003e\"Ce jus d'herbe de blé bio de SFB Laboratoires nous a conquis par sa pureté remarquable et sa concentration naturelle en chlorophylle. Idéal pour relancer votre énergie, accompagner une détox douce ou enrichir un rééquilibrage alimentaire, il se distingue par une texture fine qui se dilue parfaitement et un goût végétal bien plus agréable que la majorité des herbes de blé en poudre bio du marché.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Alimentation vivante --\u003e\n  \u003csection class=\"jhb-section\"\u003e\n    \u003ch2\u003eJus d'herbe de blé bio en poudre : la force de l'alimentation vivante\u003c\/h2\u003e\n    \u003cp class=\"jhb-section-intro\"\u003eRécolté à maturité optimale en plein champ européen, ce jus d'herbe de blé bio capture l'essence nutritionnelle des jeunes pousses de blé.\u003c\/p\u003e\n    \u003cdiv class=\"jhb-grid-compact\"\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🍃 Chlorophylle\u003c\/h3\u003e\n        \u003cp\u003eConcentration naturelle exceptionnelle pour oxygéner vos cellules en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e💊 Vitamines\u003c\/h3\u003e\n        \u003cp\u003eA, C, E et complexe B pour une action antioxydante et revitalisante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e⚗️ Minéraux\u003c\/h3\u003e\n        \u003cp\u003eFer, calcium, potassium, zinc et magnésium hautement biodisponibles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🧬 Acides aminés\u003c\/h3\u003e\n        \u003cp\u003eProfil complet en acides aminés essentiels avec ~30 % de protéines végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"jhb-tip\"\u003e\n      \u003cspan class=\"jhb-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eUne seule cuillère suffit à transformer votre routine bien-être : un geste quotidien simple, mais d'une densité nutritionnelle exceptionnelle. Ce produit contribue notamment à une bonne minéralisation osseuse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Bienfaits --\u003e\n  \u003csection class=\"jhb-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets du jus d'herbe de blé\u003c\/h2\u003e\n    \u003cdiv class=\"jhb-grid\"\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et vitalité retrouvées\u003c\/h3\u003e\n        \u003cp\u003eSa richesse en fer, magnésium et vitamines B combat la fatigue en profondeur et vous redonne un élan durable tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLes antioxydants naturels — vitamines A, C et E — renforcent vos défenses et protègent vos cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🧹 Détoxification douce\u003c\/h3\u003e\n        \u003cp\u003eLa chlorophylle aide à purifier le foie et le sang, un véritable nettoyage interne pour retrouver légèreté et clarté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🫄 Digestion améliorée\u003c\/h3\u003e\n        \u003cp\u003eLes enzymes vivantes favorisent le confort digestif et l'équilibre acido-basique pour un ventre apaisé au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🦴 Minéralisation osseuse\u003c\/h3\u003e\n        \u003cp\u003eCalcium, potassium et zinc contribuent à la solidité de vos os et au maintien d'une structure squelettique saine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e✨ Éclat visible\u003c\/h3\u003e\n        \u003cp\u003eDe nombreux utilisateurs constatent un effet visible sur la clarté du teint et la qualité des cheveux après 3 à 4 semaines de cure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition --\u003e\n  \u003csection class=\"jhb-section\"\u003e\n    \u003ch2\u003eComposition et profil nutritionnel\u003c\/h2\u003e\n    \u003cp class=\"jhb-section-intro\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e jus de jeunes pousses de blé déshydraté, issu de l'agriculture biologique. Pur, sans additif, sans maltodextrine.\u003c\/p\u003e\n    \u003cdiv class=\"jhb-grid\"\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🍀 Chlorophylle\u003c\/h3\u003e\n        \u003cp\u003eOxygène les cellules et neutralise les toxines pour un organisme purifié de l'intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🧡 Vitamines A, C, E, B1, B2, B6, B9\u003c\/h3\u003e\n        \u003cp\u003eSpectre vitaminique complet pour une action antioxydante et revitalisante au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🪨 Fer, calcium, potassium, zinc, magnésium\u003c\/h3\u003e\n        \u003cp\u003eMinéraux indispensables à l'énergie cellulaire et au bon fonctionnement de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e💪 Protéines végétales (~30 %)\u003c\/h3\u003e\n        \u003cp\u003eProfil complet en acides aminés essentiels, idéal pour les sportifs et les régimes végétariens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"jhb-tip\"\u003e\n      \u003cspan class=\"jhb-tip-icon\"\u003eℹ️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans gluten :\u003c\/strong\u003e contrairement au grain de blé, le jus d'herbe de blé ne contient pas de gluten car la récolte intervient avant la formation de l'épi. Ce produit convient aux personnes sensibles, bien que les intolérants sévères doivent demander l'avis de leur médecin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Posologie --\u003e\n  \u003csection class=\"jhb-section\"\u003e\n    \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"jhb-timeline\"\u003e\n      \u003cdiv class=\"jhb-timeline-item\"\u003e\n        \u003cdiv class=\"jhb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"jhb-timeline-content\"\u003e\n          \u003ch3\u003eDosez votre cuillère\u003c\/h3\u003e\n          \u003cp\u003eMélangez 1 à 2 cuillères à soupe (environ 5 à 10 g) dans un verre d'eau, un jus de fruits frais ou un lait végétal. Vous pouvez aussi l'incorporer dans un smoothie ou le saupoudrer sur des crudités.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-timeline-item\"\u003e\n        \u003cdiv class=\"jhb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"jhb-timeline-content\"\u003e\n          \u003ch3\u003eSuivez une cure revitalisante\u003c\/h3\u003e\n          \u003cp\u003ePrivilégiez 3 à 4 semaines de prise quotidienne, à renouveler selon vos besoins. Les premiers effets se ressentent généralement dès la deuxième semaine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-timeline-item\"\u003e\n        \u003cdiv class=\"jhb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"jhb-timeline-content\"\u003e\n          \u003ch3\u003eDébutants : progressez doucement\u003c\/h3\u003e\n          \u003cp\u003eSi vous débutez, commencez par une cuillère par jour pour laisser votre organisme s'adapter progressivement avant d'augmenter la dose.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"jhb-tip\"\u003e\n      \u003cspan class=\"jhb-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e ce complément alimentaire ne remplace ni un traitement médical, ni une alimentation variée et équilibrée. Un excès ponctuel peut entraîner de légers inconforts digestifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Qualité --\u003e\n  \u003csection class=\"jhb-section\"\u003e\n    \u003ch2\u003eQualité bio, éthique et traçabilité\u003c\/h2\u003e\n    \u003cdiv class=\"jhb-grid-compact\"\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eLabel Agriculture Biologique et Eurofeuille européenne\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eSans additifs, sans maltodextrine, pureté garantie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🌡️ Séchage doux\u003c\/h3\u003e\n        \u003cp\u003eBasse température pour préserver 100 % des nutriments\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🌱 Végan\u003c\/h3\u003e\n        \u003cp\u003eAdapté aux végans et aux régimes végétariens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e🇧🇪 Fabrication belge\u003c\/h3\u003e\n        \u003cp\u003eProduction européenne avec traçabilité complète\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"jhb-card\"\u003e\n        \u003ch3\u003e♻️ Pot recyclable\u003c\/h3\u003e\n        \u003cp\u003eFormat généreux de 200 g dans un contenant éco-responsable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pourquoi commander --\u003e\n  \u003csection class=\"jhb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi commander votre herbe de blé bio chez Naturellement Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"jhb-cta-box\"\u003e\n      \u003cp\u003eNous sélectionnons uniquement les superaliments bio les plus purs, sans compromis sur la traçabilité ni la qualité. En choisissant votre jus d'herbe de blé bio SFB sur notre boutique, vous bénéficiez d'un conseil expert, d'un service client réactif et d'une livraison rapide depuis notre entrepôt de Roubaix.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"jhb-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --jhb-cream: #f4f7f1;\n  --jhb-white: #ffffff;\n  --jhb-primary: #4a8c3f;\n  --jhb-primary-dark: #2e5530;\n  --jhb-primary-light: #e8f2e5;\n  --jhb-secondary: #c5a44e;\n  --jhb-accent: #7ab648;\n  --jhb-text: #1a1a1a;\n  --jhb-text-light: #5a5a5a;\n  --jhb-border: #dde6d8;\n  --jhb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --jhb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --jhb-radius: 20px;\n  --jhb-radius-sm: 12px;\n}\n\n.jhb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--jhb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jhb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2e5530 0%, #4a8c3f 45%, #c5a44e 100%);\n  border-radius: var(--jhb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--jhb-shadow-lg);\n}\n\n.jhb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(197,164,78,.2) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.jhb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.jhb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jhb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.jhb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--jhb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.jhb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.jhb-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.jhb-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.jhb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jhb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--jhb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.jhb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--jhb-primary), var(--jhb-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.jhb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--jhb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.jhb-section-intro strong {\n  color: var(--jhb-text);\n}\n\n\/* === CARDS === *\/\n.jhb-card {\n  background: var(--jhb-white);\n  border-radius: var(--jhb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--jhb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.jhb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--jhb-shadow-lg);\n  border-color: var(--jhb-primary);\n}\n\n.jhb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--jhb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.jhb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--jhb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.jhb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.jhb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.jhb-grid-compact .jhb-card {\n  padding: 1rem;\n}\n\n.jhb-grid-compact .jhb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.jhb-grid-compact .jhb-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.jhb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.jhb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.jhb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--jhb-primary), var(--jhb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.jhb-timeline-content {\n  flex: 1;\n  background: var(--jhb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--jhb-radius-sm);\n  box-shadow: var(--jhb-shadow);\n}\n\n.jhb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--jhb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.jhb-timeline-content p {\n  font-size: 14px;\n  color: var(--jhb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.jhb-testimonial {\n  background: var(--jhb-white);\n  border-radius: var(--jhb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--jhb-shadow);\n  border-left: 4px solid var(--jhb-primary);\n}\n\n.jhb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--jhb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.jhb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--jhb-primary-light);\n  border-radius: var(--jhb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.jhb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.jhb-tip p {\n  font-size: 14px;\n  color: var(--jhb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.jhb-tip p strong {\n  color: var(--jhb-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.jhb-cta-box {\n  background: linear-gradient(135deg, var(--jhb-primary) 0%, var(--jhb-primary-dark) 100%);\n  border-radius: var(--jhb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.jhb-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -30%;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(197,164,78,.2) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.jhb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.jhb-disclaimer {\n  font-size: 12px;\n  color: var(--jhb-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .jhb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .jhb-card {\n    padding: 1.125rem;\n  }\n\n  .jhb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .jhb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--jhb-radius-sm);\n  }\n\n  .jhb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .jhb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .jhb-grid-compact {\n    gap: .625rem;\n  }\n\n  .jhb-grid-compact .jhb-card {\n    padding: .75rem;\n  }\n\n  .jhb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .jhb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .jhb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .jhb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .jhb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .jhb-testimonial-text {\n    font-size: 14px;\n  }\n\n  .jhb-tip {\n    padding: .875rem 1rem;\n  }\n\n  .jhb-tip-icon {\n    font-size: 20px;\n  }\n\n  .jhb-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .jhb-card {\n    animation: jhbFadeInUp .5s ease backwards;\n  }\n  .jhb-card:nth-child(1) { animation-delay: .05s; }\n  .jhb-card:nth-child(2) { animation-delay: .1s; }\n  .jhb-card:nth-child(3) { animation-delay: .15s; }\n  .jhb-card:nth-child(4) { animation-delay: .2s; }\n  .jhb-card:nth-child(5) { animation-delay: .25s; }\n  .jhb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes jhbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .jhb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56112335585657,"sku":"SF0050","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/jus-herbe-ble-bio-200g-sfb-laboratoires_6_11zon.jpg?v=1776251336"},{"product_id":"zinc-bisglycinate-vit-b6-60-gelules-sfb-laboratoires","title":"Zinc Bisglycinate + Vit. B6 - 60 gélules - SFB Laboratoires","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Zinc Bisglycinate + Vit. B6 - 60 gélules - SFB Laboratoires\nPalette détectée:\n  - Primaire: #8B6914 (doré\/or du packaging - bouchon et liserés)\n  - Secondaire: #5D4E37 (brun chocolat du bandeau central)\n  - Accent: #2E7D32 (vert du logo SFB)\n  - Cream: #F9F7F3 (blanc cassé élégant)\nAmbiance: Pharmaceutique premium, français, scientifique mais accessible, confiance et qualité\nPréfixe CSS: zb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Zinc Bisglycinate + Vitamine B6 : le duo synergique pour votre vitalité\"\n  2. \"Pourquoi choisir le bisglycinate de zinc plutôt qu'une autre forme ?\"\n  3. \"Les bienfaits reconnus du zinc bisglycinate et de la vitamine B6\"\n  4. \"Composition détaillée par gélule\"\n  5. \"Comment prendre ce complément de zinc bisglycinate ?\"\n  6. \"Le bisglycinate de zinc présente-t-il un danger ?\"\n  7. \"Ce que recherchent souvent les utilisateurs : nos réponses\"\n  8. \"Les garanties qualité de ce complément\"\n  9. \"À qui s'adresse ce complément ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"zb-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"zb-hero\"\u003e\n    \u003cdiv class=\"zb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"zb-hero-content\"\u003e\n      \u003cdiv class=\"zb-badges-top\"\u003e\n        \u003cspan class=\"zb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"zb-badge\"\u003e🌱 100% Vegan\u003c\/span\u003e\n        \u003cspan class=\"zb-badge\"\u003e⚡ 150% des VNR en zinc\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"zb-hero-title\"\u003eZinc Bisglycinate + Vitamine B6\u003c\/span\u003e\n      \u003cp class=\"zb-subtitle\"\u003eLe duo synergique haute absorption\u003c\/p\u003e\n      \u003cp class=\"zb-description\"\u003e15 mg de zinc bisglycinate hautement biodisponible associé à la vitamine B6 et E pour une action complète sur votre immunité, votre énergie et la protection de vos cellules.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eZinc Bisglycinate + Vitamine B6 : le duo synergique pour votre vitalité\u003c\/h2\u003e\n    \u003cp class=\"zb-section-intro\"\u003eVous cherchez un complément en zinc bisglycinate vraiment efficace et bien toléré ? Cette formule des Laboratoires SFB associe \u003cstrong\u003e15 mg de zinc bisglycinate\u003c\/strong\u003e hautement biodisponible à la \u003cstrong\u003evitamine B6\u003c\/strong\u003e et à la \u003cstrong\u003evitamine E\u003c\/strong\u003e pour une action complète sur votre organisme.\u003c\/p\u003e\n    \u003cdiv class=\"zb-grid-compact\"\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eSoutien naturel de vos défenses\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e⚡ Anti-fatigue\u003c\/h3\u003e\n        \u003cp\u003eÉnergie retrouvée au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n        \u003cp\u003eConcentration et clarté mentale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e✨ Peau \u0026amp; cheveux\u003c\/h3\u003e\n        \u003cp\u003eBeauté de l'intérieur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le bisglycinate de zinc plutôt qu'une autre forme ?\u003c\/h2\u003e\n    \u003cp class=\"zb-section-intro\"\u003eToutes les formes de zinc ne se valent pas. Le bisglycinate de zinc présente deux avantages majeurs qui font la différence :\u003c\/p\u003e\n    \u003cdiv class=\"zb-grid\"\u003e\n      \u003cdiv class=\"zb-card zb-card-highlight\"\u003e\n        \u003ch3\u003e🎯 Biodisponibilité supérieure\u003c\/h3\u003e\n        \u003cp\u003eLe zinc est lié à deux molécules de glycine, un acide aminé qui facilite son absorption intestinale. Votre corps assimile ainsi une plus grande quantité de zinc par rapport aux formes classiques comme l'oxyde ou le sulfate.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card zb-card-highlight\"\u003e\n        \u003ch3\u003e🌿 Tolérance digestive optimale\u003c\/h3\u003e\n        \u003cp\u003eContrairement à d'autres formes qui peuvent provoquer des inconforts gastriques, le bisglycinate est doux pour l'estomac. Idéal même pour les systèmes digestifs sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zb-tip\"\u003e\n      \u003cspan class=\"zb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eZinc liposomal ou bisglycinate ?\u003c\/strong\u003e Les deux formes offrent une bonne absorption. Le bisglycinate reste cependant la référence la plus étudiée et la plus accessible pour une supplémentation quotidienne efficace.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eLes bienfaits reconnus du zinc bisglycinate et de la vitamine B6\u003c\/h2\u003e\n    \u003cp class=\"zb-section-intro\"\u003eCette formule combine intelligemment trois nutriments aux actions complémentaires.\u003c\/p\u003e\n    \n    \u003cdiv class=\"zb-benefits-block\"\u003e\n      \u003ch3 class=\"zb-benefits-title\"\u003e⚡ Le zinc contribue à :\u003c\/h3\u003e\n      \u003cdiv class=\"zb-grid\"\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n          \u003cp\u003eFonctionnement normal de votre première ligne de défense\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n          \u003cp\u003eConcentration, mémoire et clarté mentale\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n          \u003cp\u003eAction antioxydante contre le stress oxydatif\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e🔄 Métabolisme\u003c\/h3\u003e\n          \u003cp\u003eMétabolisme normal des protéines, glucides et lipides\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e💪 Fertilité\u003c\/h3\u003e\n          \u003cp\u003eFertilité et reproduction normales\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e✨ Beauté\u003c\/h3\u003e\n          \u003cp\u003eMaintien d'une peau, d'ongles et de cheveux normaux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zb-grid\"\u003e\n      \u003cdiv class=\"zb-card zb-card-vitb6\"\u003e\n        \u003ch3\u003e🧬 La vitamine B6 contribue à\u003c\/h3\u003e\n        \u003cp\u003e• Fonctionnement normal du système nerveux\u003cbr\u003e• Réduction de la fatigue (idéal en période de surmenage)\u003cbr\u003e• Métabolisme énergétique normal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card zb-card-vite\"\u003e\n        \u003ch3\u003e🌟 La vitamine E apporte\u003c\/h3\u003e\n        \u003cp\u003eUne protection antioxydante supplémentaire pour vos cellules\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"zb-composition\"\u003e\n      \u003cdiv class=\"zb-composition-grid\"\u003e\n        \u003cdiv class=\"zb-compo-item\"\u003e\n          \u003cspan class=\"zb-compo-name\"\u003eZinc (bisglycinate)\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-value\"\u003e15 mg\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-vnr\"\u003e150% VNR\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-compo-item\"\u003e\n          \u003cspan class=\"zb-compo-name\"\u003eVitamine B6\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-value\"\u003e2,016 mg\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-vnr\"\u003e144% VNR\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-compo-item\"\u003e\n          \u003cspan class=\"zb-compo-name\"\u003eVitamine E\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-value\"\u003e3,58 mg\u003c\/span\u003e\n          \u003cspan class=\"zb-compo-vnr\"\u003e29,9% VNR\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-accordion\"\u003e\n        \u003cdetails class=\"zb-accordion-item\"\u003e\n          \u003csummary class=\"zb-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n          \u003cdiv class=\"zb-accordion-content\"\u003e\n            \u003cp\u003e• Cellulose : 203,8 mg\u003cbr\u003e• Zinc Bisglycinate poudre : 75 mg (titré à 20%)\u003cbr\u003e• Vitamine E : 10,7 mg (titré à 33,5%)\u003cbr\u003e• Stéarate de magnésium : 5 mg\u003cbr\u003e• Vitamine B6 : 2,5 mg\u003cbr\u003e• Tunique : Gélule végétale (convient aux végans)\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eComment prendre ce complément de zinc bisglycinate ?\u003c\/h2\u003e\n    \u003cdiv class=\"zb-timeline\"\u003e\n      \u003cdiv class=\"zb-timeline-item\"\u003e\n        \u003cspan class=\"zb-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"zb-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-timeline-item\"\u003e\n        \u003cspan class=\"zb-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"zb-timeline-content\"\u003e\n          \u003ch3\u003eMoment optimal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003eau cours d'un repas\u003c\/strong\u003e pour optimiser l'absorption\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-timeline-item\"\u003e\n        \u003cspan class=\"zb-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"zb-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 mois recommandés\u003c\/strong\u003e pour des résultats optimaux (60 gélules = 1 cure complète)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eLe bisglycinate de zinc présente-t-il un danger ?\u003c\/h2\u003e\n    \u003cdiv class=\"zb-reassurance\"\u003e\n      \u003cp class=\"zb-reassurance-intro\"\u003eRassurez-vous : cette forme de zinc est \u003cstrong\u003eparticulièrement bien tolérée\u003c\/strong\u003e lorsqu'elle est prise dans le respect des dosages recommandés. Le dosage de 15 mg par gélule correspond à un apport adapté pour une supplémentation quotidienne.\u003c\/p\u003e\n      \u003cdiv class=\"zb-grid-compact\"\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e✅ Respectez la posologie\u003c\/h3\u003e\n          \u003cp\u003e1 gélule\/jour maximum\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e⚠️ Évitez les cumuls\u003c\/h3\u003e\n          \u003cp\u003ePas d'autres compléments de zinc\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e🤰 Grossesse\/allaitement\u003c\/h3\u003e\n          \u003cp\u003eConsultez un professionnel\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"zb-card\"\u003e\n          \u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n          \u003cp\u003eConserver hors de portée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eCe que recherchent souvent les utilisateurs : nos réponses\u003c\/h2\u003e\n    \u003cdiv class=\"zb-accordion\"\u003e\n      \u003cdetails class=\"zb-accordion-item\"\u003e\n        \u003csummary class=\"zb-accordion-header\"\u003e💊 Peut-on associer vitamine B6, zinc et magnésium ?\u003c\/summary\u003e\n        \u003cdiv class=\"zb-accordion-content\"\u003e\n          \u003cp\u003eOui, c'est même une combinaison classique appréciée des sportifs et des personnes fatiguées. Cette formule contient déjà du zinc et de la B6. Si vous souhaitez ajouter du magnésium, vous pouvez le faire en complément, en respectant les dosages de chaque nutriment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zb-accordion-item\"\u003e\n        \u003csummary class=\"zb-accordion-header\"\u003e⭐ Quels sont les avis sur le zinc bisglycinate ?\u003c\/summary\u003e\n        \u003cdiv class=\"zb-accordion-content\"\u003e\n          \u003cp\u003eLes avis sur le zinc bisglycinate sont généralement très positifs. Les utilisateurs apprécient particulièrement sa \u003cstrong\u003ebonne tolérance digestive\u003c\/strong\u003e et son \u003cstrong\u003eefficacité ressentie sur l'énergie et l'immunité\u003c\/strong\u003e, notamment lors des changements de saison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #8 --\u003e\n  \u003csection class=\"zb-section\"\u003e\n    \u003ch2\u003eLes garanties qualité de ce complément\u003c\/h2\u003e\n    \u003cdiv class=\"zb-grid\"\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité et exigence de qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003eGélules 100% végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eFormule naturelle et saine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n        \u003cp\u003eConvient aux intolérants\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🥛 Sans lactose\u003c\/h3\u003e\n        \u003cp\u003eDigestibilité optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🍷 Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eFormule pure\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #9 --\u003e\n  \u003csection class=\"zb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cp class=\"zb-section-intro\"\u003eCette formule Zinc + B6 convient particulièrement aux personnes :\u003c\/p\u003e\n    \u003cdiv class=\"zb-grid\"\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant renforcer leurs défenses immunitaires naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eRessentant un manque d'énergie au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eCherchant à protéger leurs cellules du stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e💇 Beauté naturelle\u003c\/h3\u003e\n        \u003cp\u003eDésireuses d'améliorer la qualité de leur peau, cheveux et ongles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zb-card\"\u003e\n        \u003ch3\u003e🥗 Régime végé\u003c\/h3\u003e\n        \u003cp\u003eSuivant un régime végétarien ou végan, souvent pauvre en zinc biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"zb-cta-box\"\u003e\n      \u003cp\u003e🌟 \u003cstrong\u003e60 gélules = 2 mois de cure complète\u003c\/strong\u003e\u003cbr\u003eVotre allié quotidien pour l'immunité, l'énergie et la vitalité\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cp class=\"zb-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute ou de traitement médical en cours, demandez conseil à votre médecin ou pharmacien avant toute supplémentation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --zb-cream: #F9F7F3;\n  --zb-white: #ffffff;\n  --zb-primary: #8B6914;\n  --zb-primary-dark: #5D4A10;\n  --zb-primary-light: #F5F0E0;\n  --zb-secondary: #5D4E37;\n  --zb-accent: #2E7D32;\n  --zb-text: #1a1a1a;\n  --zb-text-light: #5a5a5a;\n  --zb-border: #e0e0e0;\n  --zb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --zb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --zb-radius: 20px;\n  --zb-radius-sm: 12px;\n}\n\n.zb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--zb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.zb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B6914 0%, #5D4E37 50%, #3D3225 100%);\n  border-radius: var(--zb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--zb-shadow-lg);\n}\n\n.zb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n                    radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.zb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.zb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.zb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--zb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.zb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.zb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.zb-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.zb-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.zb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.zb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--zb-secondary);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.zb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--zb-primary), var(--zb-accent));\n  border-radius: 2px;\n}\n\n.zb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.zb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.zb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.zb-card {\n  background: var(--zb-white);\n  border-radius: var(--zb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--zb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.zb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--zb-shadow-lg);\n  border-color: var(--zb-primary);\n}\n\n.zb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--zb-secondary);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.zb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--zb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.zb-card-highlight {\n  border-left: 4px solid var(--zb-primary);\n  text-align: left;\n}\n\n.zb-card-vitb6 {\n  border-left: 4px solid var(--zb-accent);\n  text-align: left;\n}\n\n.zb-card-vite {\n  border-left: 4px solid #E65100;\n  text-align: left;\n}\n\n.zb-grid-compact .zb-card {\n  padding: 1rem;\n}\n\n.zb-grid-compact .zb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.zb-grid-compact .zb-card p {\n  font-size: 12px;\n}\n\n\/* === BENEFITS BLOCK === *\/\n.zb-benefits-block {\n  margin-bottom: 1.5rem;\n}\n\n.zb-benefits-title {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--zb-secondary);\n  text-align: center;\n  margin-bottom: 1rem;\n}\n\n\/* === TIP BOX === *\/\n.zb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--zb-primary-light);\n  border-radius: var(--zb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.zb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.zb-tip p {\n  font-size: 14px;\n  color: var(--zb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.zb-composition {\n  background: var(--zb-white);\n  border-radius: var(--zb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--zb-shadow);\n}\n\n.zb-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.zb-compo-item {\n  text-align: center;\n  padding: 1rem;\n  background: var(--zb-primary-light);\n  border-radius: var(--zb-radius-sm);\n}\n\n.zb-compo-name {\n  display: block;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--zb-secondary);\n  margin-bottom: .25rem;\n}\n\n.zb-compo-value {\n  display: block;\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--zb-primary);\n  margin-bottom: .25rem;\n}\n\n.zb-compo-vnr {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--zb-white);\n  background: var(--zb-accent);\n  padding: 2px 8px;\n  border-radius: 999px;\n}\n\n\/* === TIMELINE === *\/\n.zb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.zb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.zb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--zb-primary), var(--zb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.zb-timeline-content {\n  flex: 1;\n  background: var(--zb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--zb-radius-sm);\n  box-shadow: var(--zb-shadow);\n}\n\n.zb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--zb-secondary);\n  margin: 0 0 .25rem 0;\n}\n\n.zb-timeline-content p {\n  font-size: 14px;\n  color: var(--zb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === REASSURANCE === *\/\n.zb-reassurance {\n  background: var(--zb-white);\n  border-radius: var(--zb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--zb-shadow);\n}\n\n.zb-reassurance-intro {\n  text-align: center;\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--zb-text);\n  margin-bottom: 1.5rem;\n  line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.zb-accordion {\n  background: var(--zb-white);\n  border-radius: var(--zb-radius);\n  box-shadow: var(--zb-shadow);\n  overflow: hidden;\n}\n\n.zb-composition .zb-accordion {\n  box-shadow: none;\n  background: transparent;\n}\n\n.zb-accordion-item {\n  border-bottom: 1px solid var(--zb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.zb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.zb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--zb-secondary);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.zb-accordion-header:hover {\n  background: var(--zb-primary-light);\n}\n\n.zb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.zb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--zb-primary);\n  transition: transform .2s ease;\n}\n\n.zb-accordion-item[open] .zb-accordion-header::after {\n  content: '−';\n}\n\n.zb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--zb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.zb-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.zb-cta-box {\n  background: linear-gradient(135deg, var(--zb-primary) 0%, var(--zb-secondary) 100%);\n  border-radius: var(--zb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 2rem;\n}\n\n.zb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.zb-disclaimer {\n  font-size: 12px;\n  color: var(--zb-text-light);\n  text-align: center;\n  margin-top: 1.5rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .zb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .zb-card {\n    padding: 1.125rem;\n  }\n  \n  .zb-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .zb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--zb-radius-sm);\n  }\n  \n  .zb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .zb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .zb-grid-compact {\n    gap: .625rem;\n  }\n  \n  .zb-grid-compact .zb-card {\n    padding: .75rem;\n  }\n  \n  .zb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .zb-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .zb-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .zb-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .zb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .zb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .zb-composition {\n    padding: 1.25rem;\n  }\n  \n  .zb-composition-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .zb-compo-value {\n    font-size: 20px;\n  }\n  \n  .zb-reassurance {\n    padding: 1.25rem;\n  }\n\n  .zb-card-highlight,\n  .zb-card-vitb6,\n  .zb-card-vite {\n    text-align: center;\n    border-left: none;\n    border-top: 4px solid var(--zb-primary);\n  }\n  \n  .zb-card-vitb6 {\n    border-top-color: var(--zb-accent);\n  }\n  \n  .zb-card-vite {\n    border-top-color: #E65100;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .zb-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .zb-card:nth-child(1) { animation-delay: .05s; }\n  .zb-card:nth-child(2) { animation-delay: .1s; }\n  .zb-card:nth-child(3) { animation-delay: .15s; }\n  .zb-card:nth-child(4) { animation-delay: .2s; }\n  .zb-card:nth-child(5) { animation-delay: .25s; }\n  .zb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .zb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56554993320313,"sku":"SF0260","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/zinc-b6-60-gelules-SFB_11zon.jpg?v=1769342493"},{"product_id":"magnesium-marin-b6-60-gelules-sfb","title":"Magnesium marin + B6 - 60 gélules - SFB","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mg-hero\"\u003e\n    \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mg-hero-content\"\u003e\n      \u003cdiv class=\"mg-badges-top\"\u003e\n        \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🌊 Magnésium marin\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e🌱 Gélules vegan\u003c\/span\u003e\n        \u003cspan class=\"mg-badge\"\u003e⚡ 300 mg \/ jour\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mg-hero-title\"\u003eMagnésium marin + B6\u003c\/span\u003e\n      \u003cp class=\"mg-subtitle\"\u003eSFB Laboratoires — Gamme Nutraceutic\u003c\/p\u003e\n      \u003cp class=\"mg-description\"\u003eLe duo naturel pour retrouver énergie, sérénité et équilibre nerveux au quotidien. 60 gélules végétales pour 30 jours de cure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eMagnésium marin + Vitamine B6 : le duo idéal contre la fatigue et le stress\u003c\/h2\u003e\n    \u003cp class=\"mg-section-intro\"\u003eVous ressentez une \u003cstrong\u003efatigue persistante\u003c\/strong\u003e, des tensions musculaires ou une irritabilité difficile à expliquer ? Un déficit en magnésium est souvent en cause.\u003c\/p\u003e\n    \u003cdiv class=\"mg-grid-compact\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eUn manque d'énergie qui ne cède pas malgré le repos\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e😤 Irritabilité\u003c\/h3\u003e\n        \u003cp\u003eUne nervosité accrue difficile à expliquer\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e💪 Tensions musculaires\u003c\/h3\u003e\n        \u003cp\u003eCrampes, raideurs et inconforts récurrents\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e✨ Solution naturelle\u003c\/h3\u003e\n        \u003cp\u003eDeux actifs complémentaires pour retrouver l'équilibre\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le magnésium marin plutôt qu'un autre magnésium ?\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🌊 Origine marine naturelle\u003c\/h3\u003e\n        \u003cp\u003eExtrait directement de l'eau de mer, le magnésium marin possède un profil minéral naturel et une excellente tolérance digestive. Fini les inconforts intestinaux liés aux formes synthétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔬 Absorption optimisée par la B6\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine B6 améliore l'assimilation du magnésium par l'organisme. Ces deux nutriments partagent une action commune sur le système nerveux et la réduction de la fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🤝 Duo cohérent et complémentaire\u003c\/h3\u003e\n        \u003cp\u003eMagnésium et vitamine B6 contribuent tous les deux au fonctionnement normal du système nerveux. Ensemble, leur efficacité est renforcée pour un résultat optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eLes bienfaits du magnésium marin et de la vitamine B6\u003c\/h2\u003e\n    \u003cp class=\"mg-section-intro\"\u003eEn prenant ce complément quotidiennement, vous soutenez plusieurs fonctions essentielles de votre organisme :\u003c\/p\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium et la vitamine B6 contribuent à un métabolisme énergétique normal pour retrouver votre vitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧠 Système nerveux apaisé\u003c\/h3\u003e\n        \u003cp\u003eRégulation des impulsions nerveuses, meilleure résistance au stress et à l'anxiété au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏃 Fonction musculaire\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium participe à la relaxation musculaire et réduit les crampes et tensions désagréables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n        \u003cp\u003eIntervient dans l'absorption du calcium et le maintien d'une ossature normale et solide\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🎯 Équilibre psychologique\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine B6 contribue à des fonctions psychologiques normales, incluant la concentration et l'humeur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eComposition détaillée – pour 2 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"mg-grid-compact\"\u003e\n      \u003cdiv class=\"mg-card mg-card-highlight\"\u003e\n        \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e540 mg\u003c\/strong\u003e dont 300 mg d'élément magnésium\u003cbr\u003e\u003cem\u003e80 % des VNR\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card mg-card-highlight\"\u003e\n        \u003ch3\u003e💊 Vitamine B6\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003e142 % des VNR\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🌿 Tunique végétale\u003c\/h3\u003e\n        \u003cp\u003eGélule HPMC 100 % végétale, adaptée à tous les régimes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔬 Silice colloïdale\u003c\/h3\u003e\n        \u003cp\u003eAgent de charge naturel pour une conservation optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mg-tip\"\u003e\n      \u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003evegan, sans gluten, sans lactose, sans OGM\u003c\/strong\u003e et \u003cstrong\u003efabriquée en France\u003c\/strong\u003e par les Laboratoires SFB. Convient à tous les régimes alimentaires.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eComment prendre le magnésium marin B6 SFB ?\u003c\/h2\u003e\n    \u003cdiv class=\"mg-timeline\"\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence au cours d'un repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eRépartition sur la journée\u003c\/h3\u003e\n          \u003cp\u003eVous pouvez les répartir : \u003cstrong\u003eune le matin, une le soir\u003c\/strong\u003e pour une diffusion régulière tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-timeline-item\"\u003e\n        \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mg-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eUn flacon correspond à \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e. Pour des résultats significatifs, une cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est conseillée, en particulier lors des changements de saison ou des périodes de surmenage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"mg-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cp class=\"mg-section-intro\"\u003eCe magnésium marin convient particulièrement si vous êtes concerné par :\u003c\/p\u003e\n    \u003cdiv class=\"mg-grid\"\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🧘 Stress intense\u003c\/h3\u003e\n        \u003cp\u003ePériodes de surcharge mentale, pression professionnelle ou émotionnelle soutenue\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue chronique\u003c\/h3\u003e\n        \u003cp\u003eUn épuisement qui persiste malgré le repos et les nuits de sommeil\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e💪 Crampes musculaires\u003c\/h3\u003e\n        \u003cp\u003eCrampes récurrentes, paupières qui tremblent, tensions dans les membres\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🌙 Troubles du sommeil\u003c\/h3\u003e\n        \u003cp\u003eDifficultés d'endormissement et réveils nocturnes liés à la nervosité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mg-card\"\u003e\n        \u003ch3\u003e🏋️ Activité physique\u003c\/h3\u003e\n        \u003cp\u003eBesoin de soutien minéral lors d'activités physiques régulières ou sportives\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mg-accordion\"\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne remplace ni un traitement médical, ni une alimentation variée et équilibrée. Ne dépassez pas la dose journalière recommandée de 2 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon au sec, à l'abri de la lumière et de la chaleur. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mg-accordion-item\"\u003e\n        \u003csummary class=\"mg-accordion-header\"\u003e👨‍⚕️ Conseil médical\u003c\/summary\u003e\n        \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de doute, consultez votre médecin ou votre pharmacien avant de commencer la supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire à base de magnésium marin et de vitamine B6 — SFB Laboratoires — 60 gélules dosées à 271 mg — Poids net : 20,75 g\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mg-cream: #f9f7f3;\n  --mg-white: #ffffff;\n  --mg-primary: #6b4c2a;\n  --mg-primary-dark: #4a3319;\n  --mg-primary-light: #f3ece3;\n  --mg-secondary: #c9a84c;\n  --mg-accent: #2e8b57;\n  --mg-text: #1a1a1a;\n  --mg-text-light: #5a5a5a;\n  --mg-border: #e0d8cc;\n  --mg-shadow: 0 4px 24px rgba(107,76,42,.08);\n  --mg-shadow-lg: 0 12px 48px rgba(107,76,42,.15);\n  --mg-radius: 20px;\n  --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 40%, #3a2510 100%);\n  border-radius: var(--mg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 30px,\n    rgba(201,168,76,.08) 30px,\n    rgba(201,168,76,.08) 32px\n  );\n  opacity: 1;\n}\n\n.mg-hero::before {\n  content: '';\n  position: absolute;\n  top: -2px;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mg-secondary), #e6c65a, var(--mg-secondary));\n}\n\n.mg-hero::after {\n  content: '';\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mg-secondary), #e6c65a, var(--mg-secondary));\n}\n\n.mg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mg-subtitle {\n  color: var(--mg-secondary);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.mg-description {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mg-secondary), var(--mg-primary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mg-shadow-lg);\n  border-color: var(--mg-secondary);\n}\n\n.mg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mg-card-highlight {\n  background: linear-gradient(135deg, var(--mg-primary-light) 0%, var(--mg-white) 100%);\n  border: 2px solid var(--mg-secondary);\n}\n\n.mg-card-highlight:hover {\n  border-color: var(--mg-primary);\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n  padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mg-secondary), var(--mg-primary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(201,168,76,.3);\n}\n\n.mg-timeline-content {\n  flex: 1;\n  background: var(--mg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mg-radius-sm);\n  box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n  font-size: 14px;\n  color: var(--mg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mg-primary-light);\n  border-radius: var(--mg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border: 1px solid var(--mg-border);\n}\n\n.mg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mg-tip p {\n  font-size: 14px;\n  color: var(--mg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n  background: var(--mg-white);\n  border-radius: var(--mg-radius);\n  box-shadow: var(--mg-shadow);\n  overflow: hidden;\n}\n\n.mg-accordion-item {\n  border-bottom: 1px solid var(--mg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mg-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mg-accordion-header:hover {\n  background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mg-secondary);\n  transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n  content: '−';\n}\n\n.mg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mg-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mg-disclaimer {\n  font-size: 12px;\n  color: var(--mg-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .mg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mg-card {\n    padding: 1.125rem;\n  }\n\n  .mg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mg-radius-sm);\n  }\n\n  .mg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mg-grid-compact {\n    gap: .625rem;\n  }\n\n  .mg-grid-compact .mg-card {\n    padding: .75rem;\n  }\n\n  .mg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mg-badges-top {\n    gap: 6px;\n  }\n\n  .mg-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mg-card {\n    animation: mgFadeInUp .5s ease backwards;\n  }\n  .mg-card:nth-child(1) { animation-delay: .05s; }\n  .mg-card:nth-child(2) { animation-delay: .1s; }\n  .mg-card:nth-child(3) { animation-delay: .15s; }\n  .mg-card:nth-child(4) { animation-delay: .2s; }\n  .mg-card:nth-child(5) { animation-delay: .25s; }\n  .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56954125648249,"sku":"SF0065","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-marin-b6-60-gelules-sfb-packshothd.webp?v=1775142452"},{"product_id":"glutathion-reduit-30-gelules-sfb-laboratoires","title":"Glutathion Réduit – 30 gélules – SFB Laboratoires","description":"\u003cdiv class=\"glt-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"glt-hero\"\u003e\n    \u003cdiv class=\"glt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"glt-hero-content\"\u003e\n      \u003cdiv class=\"glt-badges-top\"\u003e\n        \u003cspan class=\"glt-badge\"\u003e🧬 250 mg par gélule\u003c\/span\u003e\n        \u003cspan class=\"glt-badge\"\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/span\u003e\n        \u003cspan class=\"glt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"glt-badge\"\u003e💊 30 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"glt-hero-title\"\u003eGlutathion Réduit 250 mg\u003c\/span\u003e\n      \u003cp class=\"glt-subtitle\"\u003eSFB Laboratoires – Gamme Nutraceutic\u003c\/p\u003e\n      \u003cp class=\"glt-description\"\u003eL'antioxydant majeur de l'organisme sous sa forme la plus biodisponible. Une gélule par jour pour protéger vos cellules, soutenir la détoxification et révéler l'éclat naturel de votre peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eGlutathion Réduit : l'antioxydant majeur en gélules végétales\u003c\/h2\u003e\n    \u003cp class=\"glt-section-intro\"\u003eConnaissez-vous le \u003cstrong\u003eglutathion réduit\u003c\/strong\u003e ? Ce tripeptide naturel, composé de trois acides aminés – cystéine, glutamine et glycine –, est considéré comme l'\u003cstrong\u003eantioxydant endogène principal\u003c\/strong\u003e de notre organisme.\u003c\/p\u003e\n    \u003cdiv class=\"glt-grid-compact\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🧬 Tripeptide naturel\u003c\/h3\u003e\n        \u003cp\u003eComposé de 3 acides aminés essentiels : cystéine, glutamine et glycine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eIntervient dans les mécanismes naturels contre le stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🔬 Forme biodisponible\u003c\/h3\u003e\n        \u003cp\u003eL-glutathion réduit directement assimilable par l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e💎 250 mg par gélule\u003c\/h3\u003e\n        \u003cp\u003eDosage optimal signé SFB Laboratoires pour une efficacité maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la forme réduite du glutathion ?\u003c\/h2\u003e\n    \u003cdiv class=\"glt-testimonial\"\u003e\n      \u003cp class=\"glt-testimonial-text\"\u003e\"La forme réduite (GSH) représente environ 98 à 99 % du glutathion total présent dans l'organisme. C'est précisément cette forme qui est biologiquement active et directement utilisable par vos cellules.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"glt-tip\"\u003e\n      \u003cspan class=\"glt-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à la forme oxydée, le \u003cstrong\u003eL-glutathion réduit\u003c\/strong\u003e n'a pas besoin d'être transformé pour jouer son rôle. C'est pourquoi les personnes en quête d'un complément de qualité se tournent vers des \u003cstrong\u003egélules de glutathion réduit\u003c\/strong\u003e plutôt que vers d'autres formulations moins assimilables.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eLes bienfaits du L-glutathion réduit\u003c\/h2\u003e\n    \u003cp class=\"glt-section-intro\"\u003eLe glutathion est au carrefour de plusieurs fonctions physiologiques essentielles. Voici les principaux rôles qui lui sont attribués :\u003c\/p\u003e\n    \u003cdiv class=\"glt-grid\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eAide à protéger les cellules contre les dommages causés par le stress oxydatif et les radicaux libres\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🧹 Détoxification\u003c\/h3\u003e\n        \u003cp\u003eParticipe aux mécanismes naturels d'élimination des toxines, notamment au niveau hépatique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre physiologique\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien des fonctions normales de l'organisme au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e✨ Éclat du teint\u003c\/h3\u003e\n        \u003cp\u003eRôle reconnu dans la régulation naturelle de la mélanine et l'uniformité du teint pour un effet éclaircissant\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 gélule\u003c\/h2\u003e\n    \u003cdiv class=\"glt-composition-highlight\"\u003e\n      \u003cdiv class=\"glt-composition-main\"\u003e\n        \u003cspan class=\"glt-composition-dose\"\u003e250 mg\u003c\/span\u003e\n        \u003cspan class=\"glt-composition-name\"\u003eL-Glutathion réduit\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"glt-grid-compact\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🔬 Antiagglomérant\u003c\/h3\u003e\n        \u003cp\u003eSilice colloïdale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e💊 Tunique\u003c\/h3\u003e\n        \u003cp\u003eGélule végétale HPMC\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, sans lactose, sans gluten\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué par SFB Laboratoires\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"glt-timeline\"\u003e\n      \u003cdiv class=\"glt-timeline-item\"\u003e\n        \u003cdiv class=\"glt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"glt-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e, de préférence en dehors des repas pour optimiser l'assimilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-timeline-item\"\u003e\n        \u003cdiv class=\"glt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"glt-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e3 mois\u003c\/strong\u003e est généralement recommandée, à renouveler si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-timeline-item\"\u003e\n        \u003cdiv class=\"glt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"glt-timeline-content\"\u003e\n          \u003ch3\u003eDosage à respecter\u003c\/h3\u003e\n          \u003cp\u003eNe dépassez jamais la dose journalière conseillée de 1 gélule (250 mg).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"glt-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"glt-accordion\"\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire à base de glutathion \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée. Il est important de maintenir un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e👩‍⚕️ Consultez un professionnel\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eConsultez un professionnel de santé avant utilisation si vous êtes sous traitement médicamenteux, enceinte ou allaitante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"glt-accordion-item\"\u003e\n        \u003csummary class=\"glt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon au sec, à l'abri de la chaleur et de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"glt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"glt-grid\"\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses antioxydantes\u003c\/h3\u003e\n        \u003cp\u003ePour toute personne souhaitant soutenir ses défenses antioxydantes naturelles au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e🧹 Démarche détox\u003c\/h3\u003e\n        \u003cp\u003ePour accompagner une démarche de détoxification et prendre soin de son organisme en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"glt-card\"\u003e\n        \u003ch3\u003e✨ Routine beauté\u003c\/h3\u003e\n        \u003cp\u003ePour celles et ceux qui recherchent un glutathion éclaircissant dans le cadre d'une routine beauté globale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"glt-cta-box\"\u003e\n      \u003cp\u003e🧬 30 gélules par flacon – 1 mois complet de cure\u003cbr\u003eDécouvrez les bienfaits du \u003cstrong\u003eL-glutathion réduit\u003c\/strong\u003e par vous-même\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"glt-disclaimer\"\u003eCe produit n'est pas un médicament. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --glt-cream: #f4f6fa;\n  --glt-white: #ffffff;\n  --glt-primary: #3b4d82;\n  --glt-primary-dark: #2a3660;\n  --glt-primary-light: #e8ecf4;\n  --glt-secondary: #4a9e6f;\n  --glt-accent: #6b82b8;\n  --glt-text: #1a1a1a;\n  --glt-text-light: #5a5a5a;\n  --glt-border: #dde2ec;\n  --glt-shadow: 0 4px 24px rgba(59, 77, 130, .08);\n  --glt-shadow-lg: 0 12px 48px rgba(59, 77, 130, .15);\n  --glt-radius: 20px;\n  --glt-radius-sm: 12px;\n}\n\n.glt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--glt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.glt-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--glt-primary-dark) 0%, var(--glt-primary) 50%, var(--glt-accent) 100%);\n  border-radius: var(--glt-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--glt-shadow-lg);\n}\n\n.glt-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(74,158,111,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.glt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.glt-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.glt-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.glt-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.glt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.glt-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--glt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.glt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.glt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.glt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--glt-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.glt-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--glt-primary), var(--glt-secondary));\n  border-radius: 2px;\n}\n\n.glt-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--glt-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.glt-card {\n  background: var(--glt-white);\n  border-radius: var(--glt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--glt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.glt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--glt-shadow-lg);\n  border-color: var(--glt-primary);\n}\n\n.glt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--glt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.glt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--glt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.glt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.glt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.glt-grid-compact .glt-card {\n  padding: 1rem;\n}\n\n.glt-grid-compact .glt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.glt-grid-compact .glt-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.glt-composition-highlight {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.glt-composition-main {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: linear-gradient(135deg, var(--glt-primary) 0%, var(--glt-accent) 100%);\n  border-radius: var(--glt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem) clamp(2.5rem, 6vw, 4rem);\n  box-shadow: var(--glt-shadow-lg);\n}\n\n.glt-composition-dose {\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  color: white;\n  letter-spacing: -.04em;\n  line-height: 1;\n  text-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.glt-composition-name {\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 700;\n  color: rgba(255,255,255,.9);\n  margin-top: .5rem;\n  letter-spacing: .02em;\n}\n\n\/* === TIMELINE === *\/\n.glt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.glt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.glt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--glt-primary), var(--glt-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.glt-timeline-content {\n  flex: 1;\n  background: var(--glt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--glt-radius-sm);\n  box-shadow: var(--glt-shadow);\n}\n\n.glt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--glt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.glt-timeline-content p {\n  font-size: 14px;\n  color: var(--glt-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.glt-testimonial {\n  background: var(--glt-white);\n  border-radius: var(--glt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--glt-shadow);\n  border-left: 4px solid var(--glt-primary);\n  margin-bottom: 1.25rem;\n}\n\n.glt-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--glt-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.glt-accordion {\n  background: var(--glt-white);\n  border-radius: var(--glt-radius);\n  box-shadow: var(--glt-shadow);\n  overflow: hidden;\n}\n\n.glt-accordion-item {\n  border-bottom: 1px solid var(--glt-border);\n  margin: 0;\n  padding: 0;\n}\n\n.glt-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.glt-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--glt-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.glt-accordion-header:hover {\n  background: var(--glt-primary-light);\n}\n\n.glt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.glt-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--glt-primary);\n  transition: transform .2s ease;\n}\n\n.glt-accordion-item[open] .glt-accordion-header::after {\n  content: '−';\n}\n\n.glt-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--glt-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.glt-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.glt-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--glt-primary-light);\n  border-radius: var(--glt-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.glt-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.glt-tip p {\n  font-size: 14px;\n  color: var(--glt-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.glt-cta-box {\n  background: linear-gradient(135deg, var(--glt-primary) 0%, var(--glt-primary-dark) 100%);\n  border-radius: var(--glt-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.glt-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.glt-disclaimer {\n  font-size: 12px;\n  color: var(--glt-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .glt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .glt-card {\n    padding: 1.125rem;\n  }\n\n  .glt-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .glt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--glt-radius-sm);\n  }\n\n  .glt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .glt-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .glt-grid-compact {\n    gap: .625rem;\n  }\n\n  .glt-grid-compact .glt-card {\n    padding: .75rem;\n  }\n\n  .glt-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .glt-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .glt-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .glt-timeline-content p {\n    font-size: 13px;\n  }\n\n  .glt-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .glt-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .glt-testimonial {\n    padding: 1.25rem;\n  }\n\n  .glt-testimonial-text {\n    font-size: 14px;\n  }\n\n  .glt-composition-main {\n    padding: 1.25rem 2rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .glt-card {\n    animation: gltFadeInUp .5s ease backwards;\n  }\n  .glt-card:nth-child(1) { animation-delay: .05s; }\n  .glt-card:nth-child(2) { animation-delay: .1s; }\n  .glt-card:nth-child(3) { animation-delay: .15s; }\n  .glt-card:nth-child(4) { animation-delay: .2s; }\n  .glt-card:nth-child(5) { animation-delay: .25s; }\n  .glt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gltFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .glt-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56955006779769,"sku":"SF0080","price":26.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glutathion-reduit-30-gelules-sfb-laboratoires-packshothd.webp?v=1775141898"},{"product_id":"berberine-zero-sucre-75-gelules-sfb-laboratoire","title":"Berbérine Zéro Sucre - 75 gélules - SFB Laboratoire","description":"\u003cdiv class=\"zs-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"zs-hero\"\u003e\n    \u003cdiv class=\"zs-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"zs-hero-content\"\u003e\n      \u003cdiv class=\"zs-badges-top\"\u003e\n        \u003cspan class=\"zs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"zs-badge\"\u003e🌿 Vegan \u0026amp; sans gluten\u003c\/span\u003e\n        \u003cspan class=\"zs-badge\"\u003e⚗️ Titrage 97 %\u003c\/span\u003e\n        \u003cspan class=\"zs-badge\"\u003e💊 150 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"zs-hero-title\"\u003eBerbérine Zéro Sucre®\u003c\/span\u003e\n      \u003cp class=\"zs-subtitle\"\u003eSFB Laboratoires — La force du naturel\u003c\/p\u003e\n      \u003cp class=\"zs-description\"\u003e1 164 mg de berbérine pure par dose + chrome pour contribuer au maintien d'une glycémie normale au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"zs-section\"\u003e\n    \u003ch2\u003eBerbérine Zéro Sucre® : votre allié naturel pour une glycémie équilibrée\u003c\/h2\u003e\n    \u003cp class=\"zs-section-intro\"\u003eVous cherchez une solution naturelle pour \u003cstrong\u003emaintenir une glycémie normale\u003c\/strong\u003e au quotidien ? La Berbérine Zéro Sucre® de SFB Laboratoires associe un extrait hautement concentré de racines de \u003cstrong\u003eBerberis aristata\u003c\/strong\u003e au \u003cstrong\u003epicolinate de chrome\u003c\/strong\u003e, un oligo-élément reconnu pour contribuer au métabolisme normal des macronutriments. Le tout dans une formule vegan, sans gluten et fabriquée en France.\u003c\/p\u003e\n    \u003cdiv class=\"zs-grid-compact\"\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eGélule végétale, formule vegan sans lactose ni alcool\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué par SFB Laboratoires à Saint-Pierre du Perray\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e⚗️ 97 % de titrage\u003c\/h3\u003e\n        \u003cp\u003eParmi les extraits de berbérine les plus concentrés du marché\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e🔬 Chrome inclus\u003c\/h3\u003e\n        \u003cp\u003e100 % des VNR en chrome pour un soutien métabolique complet\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"zs-section\"\u003e\n    \u003ch2\u003eLa berbérine, c'est quoi exactement ?\u003c\/h2\u003e\n    \u003cdiv class=\"zs-testimonial\"\u003e\n      \u003cp class=\"zs-testimonial-text\"\u003eLa \u003cstrong\u003eberbérine\u003c\/strong\u003e est un alcaloïde naturel extrait de l'épine-vinette (\u003cem\u003eBerberis aristata\u003c\/em\u003e), une plante utilisée depuis des siècles dans les médecines traditionnelles asiatiques. Aujourd'hui, elle suscite un intérêt croissant grâce à ses \u003cstrong\u003ebienfaits\u003c\/strong\u003e étudiés sur le métabolisme glucidique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zs-tip\"\u003e\n      \u003cspan class=\"zs-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à ce que l'on peut lire sur certains sites évoquant un danger de la berbérine pour le pancréas, ce complément alimentaire est parfaitement sûr lorsqu'il est consommé dans le respect de la posologie recommandée et des précautions d'emploi.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"zs-section\"\u003e\n    \u003ch2\u003eBienfaits de la berbérine associée au chrome\u003c\/h2\u003e\n    \u003cp class=\"zs-section-intro\"\u003eCe qui distingue cette formule, c'est la \u003cstrong\u003esynergie entre la berbérine et le chrome\u003c\/strong\u003e. Voici ce que cette association peut vous apporter :\u003c\/p\u003e\n    \u003cdiv class=\"zs-grid\"\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e🩸 Maintien d'une glycémie normale\u003c\/h3\u003e\n        \u003cp\u003eGrâce au chrome présent à \u003cstrong\u003e100 % des VNR\u003c\/strong\u003e par dose journalière, votre organisme dispose d'un soutien fiable pour réguler le taux de sucre sanguin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e⚡ Sensibilité à l'insuline\u003c\/h3\u003e\n        \u003cp\u003eLa berbérine contribue à \u003cstrong\u003eaméliorer la réponse insulinique\u003c\/strong\u003e pour un meilleur métabolisme des sucres au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e🍬 Réduction de l'envie de sucré\u003c\/h3\u003e\n        \u003cp\u003eUn soutien précieux si vous souhaitez \u003cstrong\u003econtrôler votre apport en sucre\u003c\/strong\u003e et réduire les fringales sucrées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eAction antioxydante et soutien du système cardiovasculaire pour un bien-être global renforcé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zs-tip\"\u003e\n      \u003cspan class=\"zs-tip-icon\"\u003e🏆\u003c\/span\u003e\n      \u003cp\u003eAvec un titrage à \u003cstrong\u003e97 % minimum de berbérine hydrochloride\u003c\/strong\u003e, cette formule fait partie des plus concentrées du marché. Vous bénéficiez de \u003cstrong\u003e1 164 mg de berbérine pure\u003c\/strong\u003e par dose journalière.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"zs-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"zs-composition-table\"\u003e\n      \u003cdiv class=\"zs-compo-row zs-compo-header\"\u003e\n        \u003cspan\u003eIngrédient\u003c\/span\u003e\n        \u003cspan\u003eDosage\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-compo-row\"\u003e\n        \u003cspan\u003e🌿 Extrait de racines de Berberis aristata (titré à 97 %)\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e1 200 mg\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-compo-row zs-compo-sub\"\u003e\n        \u003cspan\u003e↳ dont berbérine pure\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e1 164 mg\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-compo-row\"\u003e\n        \u003cspan\u003e🔬 Picolinate de chrome\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e322,4 µg\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-compo-row zs-compo-sub\"\u003e\n        \u003cspan\u003e↳ dont chrome (100 % VNR)\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e40 µg\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-compo-row\"\u003e\n        \u003cspan\u003eAnti-agglomérant : dioxyde de silice\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-compo-row\"\u003e\n        \u003cspan\u003eTunique : gélule végétale\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zs-clean-badges\"\u003e\n      \u003cspan class=\"zs-clean-badge\"\u003e🚫 Sans lactose\u003c\/span\u003e\n      \u003cspan class=\"zs-clean-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n      \u003cspan class=\"zs-clean-badge\"\u003e🚫 Sans gluten\u003c\/span\u003e\n      \u003cspan class=\"zs-clean-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"zs-section\"\u003e\n    \u003ch2\u003eComment prendre la Berbérine Zéro Sucre® ?\u003c\/h2\u003e\n    \u003cdiv class=\"zs-timeline\"\u003e\n      \u003cdiv class=\"zs-timeline-item\"\u003e\n        \u003cdiv class=\"zs-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"zs-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Le matin, avant le petit-déjeuner\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e avec un grand verre d'eau, avant votre repas du matin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-timeline-item\"\u003e\n        \u003cdiv class=\"zs-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"zs-timeline-content\"\u003e\n          \u003ch3\u003e🌤️ Le midi, avant le déjeuner\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e supplémentaires avec un verre d'eau, avant votre repas de midi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-timeline-item\"\u003e\n        \u003cdiv class=\"zs-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"zs-timeline-content\"\u003e\n          \u003ch3\u003e📆 Cure recommandée de 3 mois\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, maintenez une prise régulière pendant au moins \u003cstrong\u003e3 mois\u003c\/strong\u003e. Ce format de 75 gélules correspond à environ 18 jours de prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zs-tip\"\u003e\n      \u003cspan class=\"zs-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eNe dépassez pas la dose journalière recommandée de \u003cstrong\u003e4 gélules\u003c\/strong\u003e (1 200 mg\/jour).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"zs-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"zs-accordion\"\u003e\n      \u003cdetails class=\"zs-accordion-item\"\u003e\n        \u003csummary class=\"zs-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n        \u003cdiv class=\"zs-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire à base de plantes\u003c\/strong\u003e. Il ne remplace ni un traitement médical, ni une alimentation variée et équilibrée. \u003cstrong\u003eDéconseillé aux femmes enceintes et allaitantes.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zs-accordion-item\"\u003e\n        \u003csummary class=\"zs-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"zs-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez dans un endroit sec, à l'abri de la lumière, et hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zs-accordion-item\"\u003e\n        \u003csummary class=\"zs-accordion-header\"\u003e👨‍⚕️ Consultation médicale\u003c\/summary\u003e\n        \u003cdiv class=\"zs-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de doute ou de traitement en cours, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"zs-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette berbérine SFB Laboratoires ?\u003c\/h2\u003e\n    \u003cdiv class=\"zs-grid\"\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eProduit par SFB Laboratoires, un acteur reconnu des compléments naturels depuis plus de 20 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e⚗️ Titrage exceptionnel à 97 %\u003c\/h3\u003e\n        \u003cp\u003eUn extrait de Berberis aristata parmi les plus purs et les plus concentrés pour une efficacité maximale par gélule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e🔬 Formule enrichie en chrome\u003c\/h3\u003e\n        \u003cp\u003eAction complète sur le métabolisme des sucres grâce au picolinate de chrome couvrant 100 % des VNR.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zs-card\"\u003e\n        \u003ch3\u003e🌱 Gélules 100 % végétales\u003c\/h3\u003e\n        \u003cp\u003eAdaptées aux régimes vegan, sans lactose, sans gluten et sans alcool.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"zs-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"zs-cta-box\"\u003e\n      \u003cp\u003e🌿 Si vous recherchez une \u003cstrong\u003eberbérine bio-disponible et hautement dosée\u003c\/strong\u003e, cette formule Zéro Sucre® constitue un choix sérieux et bien pensé pour accompagner vos objectifs de bien-être métabolique au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"zs-disclaimer\"\u003eComplément alimentaire à base de plantes. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --zs-cream: #f8f7f2;\n  --zs-white: #ffffff;\n  --zs-primary: #5a9a3c;\n  --zs-primary-dark: #3a6e24;\n  --zs-primary-light: #eef5e8;\n  --zs-secondary: #d4b84a;\n  --zs-accent: #e8c94a;\n  --zs-text: #1a1a1a;\n  --zs-text-light: #5a5a5a;\n  --zs-border: #e0e0e0;\n  --zs-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --zs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --zs-radius: 20px;\n  --zs-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.zs-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--zs-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.zs-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3a6e24 0%, #5a9a3c 40%, #d4b84a 100%);\n  border-radius: var(--zs-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--zs-shadow-lg);\n}\n\n.zs-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.zs-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.zs-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.zs-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.zs-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.zs-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.zs-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--zs-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.zs-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.zs-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.zs-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--zs-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.zs-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--zs-primary), var(--zs-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.zs-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zs-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.zs-card {\n  background: var(--zs-white);\n  border-radius: var(--zs-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--zs-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.zs-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--zs-shadow-lg);\n  border-color: var(--zs-primary);\n}\n\n.zs-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--zs-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.zs-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--zs-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.zs-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.zs-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.zs-grid-compact .zs-card {\n  padding: 1rem;\n}\n\n.zs-grid-compact .zs-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.zs-grid-compact .zs-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.zs-composition-table {\n  background: var(--zs-white);\n  border-radius: var(--zs-radius);\n  box-shadow: var(--zs-shadow);\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.zs-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--zs-border);\n  font-size: 14px;\n  color: var(--zs-text);\n  gap: 1rem;\n}\n\n.zs-compo-row:last-child {\n  border-bottom: none;\n}\n\n.zs-compo-header {\n  background: linear-gradient(135deg, var(--zs-primary), var(--zs-primary-dark));\n  color: white;\n  font-weight: 800;\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.zs-compo-sub {\n  background: var(--zs-primary-light);\n  font-size: 13px;\n  color: var(--zs-primary-dark);\n  padding-left: 2rem;\n}\n\n.zs-compo-row span:last-child {\n  flex-shrink: 0;\n  text-align: right;\n  font-weight: 600;\n}\n\n\/* === CLEAN BADGES === *\/\n.zs-clean-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .625rem;\n}\n\n.zs-clean-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 16px;\n  background: var(--zs-primary-light);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--zs-primary-dark);\n  border: 1px solid rgba(90,154,60,.2);\n}\n\n\/* === TIMELINE === *\/\n.zs-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.zs-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.zs-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--zs-primary), var(--zs-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.zs-timeline-content {\n  flex: 1;\n  background: var(--zs-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--zs-radius-sm);\n  box-shadow: var(--zs-shadow);\n}\n\n.zs-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--zs-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.zs-timeline-content p {\n  font-size: 14px;\n  color: var(--zs-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.zs-testimonial {\n  background: var(--zs-white);\n  border-radius: var(--zs-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--zs-shadow);\n  border-left: 4px solid var(--zs-primary);\n}\n\n.zs-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zs-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.zs-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--zs-primary-light);\n  border-radius: var(--zs-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.zs-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.zs-tip p {\n  font-size: 14px;\n  color: var(--zs-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.zs-accordion {\n  background: var(--zs-white);\n  border-radius: var(--zs-radius);\n  box-shadow: var(--zs-shadow);\n  overflow: hidden;\n}\n\n.zs-accordion-item {\n  border-bottom: 1px solid var(--zs-border);\n  margin: 0;\n  padding: 0;\n}\n\n.zs-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.zs-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--zs-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.zs-accordion-header:hover {\n  background: var(--zs-primary-light);\n}\n\n.zs-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.zs-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--zs-primary);\n  transition: transform .2s ease;\n}\n\n.zs-accordion-item[open] .zs-accordion-header::after {\n  content: '−';\n}\n\n.zs-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--zs-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.zs-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.zs-cta-box {\n  background: linear-gradient(135deg, var(--zs-primary) 0%, var(--zs-primary-dark) 100%);\n  border-radius: var(--zs-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.zs-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.zs-disclaimer {\n  font-size: 12px;\n  color: var(--zs-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .zs-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .zs-card {\n    padding: 1.125rem;\n  }\n\n  .zs-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .zs-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--zs-radius-sm);\n  }\n\n  .zs-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .zs-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .zs-grid-compact {\n    gap: .625rem;\n  }\n\n  .zs-grid-compact .zs-card {\n    padding: .75rem;\n  }\n\n  .zs-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .zs-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .zs-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .zs-timeline-content p {\n    font-size: 13px;\n  }\n\n  .zs-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .zs-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .zs-testimonial {\n    padding: 1.25rem;\n  }\n\n  .zs-testimonial-text {\n    font-size: 14px;\n  }\n\n  .zs-compo-row {\n    font-size: 12px;\n    padding: .75rem 1rem;\n  }\n\n  .zs-compo-sub {\n    padding-left: 1.5rem;\n  }\n\n  .zs-clean-badge {\n    font-size: 12px;\n    padding: 6px 12px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .zs-card {\n    animation: zsFadeInUp .5s ease backwards;\n  }\n  .zs-card:nth-child(1) { animation-delay: .05s; }\n  .zs-card:nth-child(2) { animation-delay: .1s; }\n  .zs-card:nth-child(3) { animation-delay: .15s; }\n  .zs-card:nth-child(4) { animation-delay: .2s; }\n  .zs-card:nth-child(5) { animation-delay: .25s; }\n  .zs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes zsFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .zs-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56955089715577,"sku":"SF0130","price":26.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/berberine-zero-sucre-75-gelules-sfb-laboratoire-packshothd.webp?v=1775142246"},{"product_id":"acide-alpha-lipoique-200mg-sfb-laboratoire","title":"Acide Alpha Lipoïque - 200mg - SFB Laboratoire","description":"\u003cdiv class=\"aal-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"aal-hero\"\u003e\n    \u003cdiv class=\"aal-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"aal-hero-content\"\u003e\n      \u003cdiv class=\"aal-badges-top\"\u003e\n        \u003cspan class=\"aal-badge\"\u003e🛡️ Antioxydant puissant\u003c\/span\u003e\n        \u003cspan class=\"aal-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"aal-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n        \u003cspan class=\"aal-badge\"\u003e💊 200 mg par gélule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"aal-hero-title\"\u003eAcide Alpha Lipoïque 200 mg\u003c\/span\u003e\n      \u003cp class=\"aal-subtitle\"\u003eSFB Laboratoires – Gamme Nutraceutic\u003c\/p\u003e\n      \u003cp class=\"aal-description\"\u003eUn antioxydant universel, à la fois hydrosoluble et liposoluble, qui protège vos cellules en profondeur et soutient votre énergie au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"aal-section\"\u003e\n    \u003ch2\u003eL'acide Alpha Lipoïque, un antioxydant puissant pour vos cellules\u003c\/h2\u003e\n    \u003cp class=\"aal-section-intro\"\u003eConnaissez-vous l'\u003cstrong\u003eacide alpha-lipoïque\u003c\/strong\u003e ? Cet antioxydant naturel, présent dans chaque cellule de votre organisme, joue un rôle central dans la \u003cstrong\u003eproduction d'énergie cellulaire\u003c\/strong\u003e et la \u003cstrong\u003eprotection contre le stress oxydatif\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"aal-grid-compact\"\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e⚡ Énergie cellulaire\u003c\/h3\u003e\n        \u003cp\u003eParticipe activement à la production d'énergie au cœur de vos mitochondries\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🛡️ Double protection\u003c\/h3\u003e\n        \u003cp\u003eAgit à la fois dans les milieux aqueux et lipidiques de l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e💊 200 mg concentrés\u003c\/h3\u003e\n        \u003cp\u003eUn apport optimal en une seule gélule végétale par jour\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🇫🇷 SFB Laboratoires\u003c\/h3\u003e\n        \u003cp\u003eFormule vegan, sans OGM, fabriquée en France avec exigence\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"aal-section\"\u003e\n    \u003ch2\u003eBienfaits de l'acide alpha-lipoïque : pourquoi en prendre ?\u003c\/h2\u003e\n    \u003cp class=\"aal-section-intro\"\u003eL'acide alpha-lipoïque se distingue des autres antioxydants par une caractéristique rare : il est à la fois \u003cstrong\u003ehydrosoluble et liposoluble\u003c\/strong\u003e. Il peut ainsi agir dans presque tous les tissus du corps, y compris les \u003cstrong\u003etissus cérébraux et conjonctifs\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"aal-grid\"\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🔬 Neutralisation des radicaux libres\u003c\/h3\u003e\n        \u003cp\u003eProtège vos cellules du vieillissement prématuré lié au stress oxydatif en neutralisant les radicaux libres avant qu'ils n'endommagent vos tissus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🔄 Synergie antioxydante\u003c\/h3\u003e\n        \u003cp\u003eAgit en complémentarité avec le \u003cstrong\u003eglutathion\u003c\/strong\u003e, la \u003cstrong\u003evitamine C\u003c\/strong\u003e et la \u003cstrong\u003evitamine E\u003c\/strong\u003e, et contribue même à les régénérer pour une protection renforcée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e⚡ Soutien énergétique\u003c\/h3\u003e\n        \u003cp\u003eParticipe au métabolisme cellulaire et à la production d'énergie au sein des mitochondries, les centrales énergétiques de vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🧲 Chélation des métaux lourds\u003c\/h3\u003e\n        \u003cp\u003eContribue à neutraliser certains métaux lourds comme le mercure, l'arsenic et le cadmium pour aider votre organisme à se détoxifier.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"aal-section\"\u003e\n    \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n    \u003cp class=\"aal-section-intro\"\u003eUne formule volontairement épurée pour un produit propre, efficace et transparent.\u003c\/p\u003e\n    \u003cdiv class=\"aal-grid\"\u003e\n      \u003cdiv class=\"aal-card aal-card-highlight\"\u003e\n        \u003ch3\u003e💊 Acide alpha lipoïque\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e par gélule – l'actif principal, puissant antioxydant universel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🧂 Antiagglomérant\u003c\/h3\u003e\n        \u003cp\u003eDioxyde de silice – garantit l'homogénéité de la formule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🌱 Tunique végétale\u003c\/h3\u003e\n        \u003cp\u003eGélule 100 % végétale – compatible vegan, sans gélatine animale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aal-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eFormule garantie sans organismes génétiquement modifiés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🥛 Sans lactose\u003c\/h3\u003e\n        \u003cp\u003eConvient aux intolérants au lactose\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n        \u003cp\u003eAdapté aux régimes sans gluten\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🍃 Vegan\u003c\/h3\u003e\n        \u003cp\u003e100 % d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aal-tip\"\u003e\n      \u003cspan class=\"aal-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eFlacon de \u003cstrong\u003e30 gélules\u003c\/strong\u003e dosées à 215 mg – Poids net : 8,7 g. Soit 1 mois de cure à raison d'1 gélule par jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"aal-section\"\u003e\n    \u003ch2\u003eComment prendre l'acide alpha lipoïque 200 mg ?\u003c\/h2\u003e\n    \u003cdiv class=\"aal-timeline\"\u003e\n      \u003cdiv class=\"aal-timeline-item\"\u003e\n        \u003cdiv class=\"aal-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"aal-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e, de préférence avant le repas du midi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-timeline-item\"\u003e\n        \u003cdiv class=\"aal-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"aal-timeline-content\"\u003e\n          \u003ch3\u003eOptimisez l'absorption\u003c\/h3\u003e\n          \u003cp\u003eAccompagnez votre prise d'un peu d'\u003cstrong\u003ehuile végétale\u003c\/strong\u003e pour favoriser l'assimilation de cet actif liposoluble.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-timeline-item\"\u003e\n        \u003cdiv class=\"aal-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"aal-timeline-content\"\u003e\n          \u003ch3\u003eAdaptez selon votre confort\u003c\/h3\u003e\n          \u003cp\u003eVous pouvez également la prendre le matin à jeun ou au cours d'un repas selon votre confort digestif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aal-tip\"\u003e\n      \u003cspan class=\"aal-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eNe dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"aal-section\"\u003e\n    \u003ch2\u003eAcide alpha-lipoïque : danger et précautions\u003c\/h2\u003e\n    \u003cp class=\"aal-section-intro\"\u003eAux dosages recommandés, ce complément est généralement bien toléré. Toutefois, certaines précautions s'imposent pour une utilisation en toute sécurité.\u003c\/p\u003e\n    \u003cdiv class=\"aal-accordion\"\u003e\n      \u003cdetails class=\"aal-accordion-item\"\u003e\n        \u003csummary class=\"aal-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"aal-accordion-content mt-3\"\u003e\n          \u003cp\u003eL'acide alpha-lipoïque est \u003cstrong\u003edéconseillé\u003c\/strong\u003e aux femmes enceintes ou allaitantes par mesure de précaution.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"aal-accordion-item\"\u003e\n        \u003csummary class=\"aal-accordion-header\"\u003e💉 Traitement hypoglycémiant\u003c\/summary\u003e\n        \u003cdiv class=\"aal-accordion-content mt-3\"\u003e\n          \u003cp\u003eSi vous suivez un \u003cstrong\u003etraitement hypoglycémiant\u003c\/strong\u003e, consultez impérativement votre médecin avant toute prise, car l'acide alpha-lipoïque peut influencer la glycémie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"aal-accordion-item\"\u003e\n        \u003csummary class=\"aal-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"aal-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"aal-accordion-item\"\u003e\n        \u003csummary class=\"aal-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"aal-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver au sec et à l'abri de la lumière pour préserver toutes les qualités du produit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"aal-section\"\u003e\n    \u003ch2\u003eQuelle différence entre acide alpha lipoïque et acide R-alpha-lipoïque ?\u003c\/h2\u003e\n    \u003cdiv class=\"aal-grid-compact\"\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🅡 Forme R (naturelle)\u003c\/h3\u003e\n        \u003cp\u003eForme produite naturellement par le corps, considérée comme la plus biodisponible et la mieux assimilée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aal-card\"\u003e\n        \u003ch3\u003e🅢 Forme S (synthétique)\u003c\/h3\u003e\n        \u003cp\u003eForme issue de la synthèse, moins biodisponible mais possédant également des propriétés antioxydantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aal-tip\"\u003e\n      \u003cspan class=\"aal-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLes compléments standard, comme celui-ci, contiennent généralement un \u003cstrong\u003emélange des formes R et S\u003c\/strong\u003e. Les deux formes possèdent des propriétés antioxydantes. Ce produit des SFB Laboratoires vous apporte un dosage concentré de \u003cstrong\u003e200 mg\u003c\/strong\u003e, idéal pour une cure quotidienne accessible.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"aal-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"aal-cta-box\"\u003e\n      \u003cp\u003e🛡️ Protégez vos cellules au quotidien avec l'Acide Alpha Lipoïque 200 mg – un antioxydant universel, vegan et fabriqué en France par SFB Laboratoires.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"aal-disclaimer\"\u003eCe produit est un complément alimentaire. Il ne remplace ni un traitement médical ni une alimentation variée et équilibrée. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --aal-cream: #f4f6fa;\n  --aal-white: #ffffff;\n  --aal-primary: #2e3c6e;\n  --aal-primary-dark: #1e2a52;\n  --aal-primary-light: #e8ecf5;\n  --aal-secondary: #3a8f5c;\n  --aal-accent: #5b7fd6;\n  --aal-text: #1a1a1a;\n  --aal-text-light: #5a5a5a;\n  --aal-border: #dde2ed;\n  --aal-shadow: 0 4px 24px rgba(46,60,110,.08);\n  --aal-shadow-lg: 0 12px 48px rgba(46,60,110,.15);\n  --aal-radius: 20px;\n  --aal-radius-sm: 12px;\n}\n\n.aal-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--aal-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aal-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--aal-primary) 0%, #3a4f8a 50%, var(--aal-primary-dark) 100%);\n  border-radius: var(--aal-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--aal-shadow-lg);\n}\n\n.aal-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(58,143,92,.15) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(91,127,214,.15) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.aal-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.aal-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.aal-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.aal-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.aal-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.aal-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--aal-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.aal-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.aal-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aal-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--aal-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.aal-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--aal-primary), var(--aal-secondary));\n  border-radius: 2px;\n}\n\n.aal-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--aal-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.aal-card {\n  background: var(--aal-white);\n  border-radius: var(--aal-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--aal-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.aal-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--aal-shadow-lg);\n  border-color: var(--aal-primary);\n}\n\n.aal-card-highlight {\n  border-color: var(--aal-primary);\n  background: var(--aal-primary-light);\n}\n\n.aal-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--aal-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.aal-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--aal-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.aal-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.aal-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.aal-grid-compact .aal-card {\n  padding: 1rem;\n}\n\n.aal-grid-compact .aal-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.aal-grid-compact .aal-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.aal-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.aal-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.aal-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--aal-primary), var(--aal-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.aal-timeline-content {\n  flex: 1;\n  background: var(--aal-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--aal-radius-sm);\n  box-shadow: var(--aal-shadow);\n}\n\n.aal-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--aal-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.aal-timeline-content p {\n  font-size: 14px;\n  color: var(--aal-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.aal-testimonial {\n  background: var(--aal-white);\n  border-radius: var(--aal-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--aal-shadow);\n  border-left: 4px solid var(--aal-primary);\n}\n\n.aal-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--aal-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.aal-accordion {\n  background: var(--aal-white);\n  border-radius: var(--aal-radius);\n  box-shadow: var(--aal-shadow);\n  overflow: hidden;\n}\n\n.aal-accordion-item {\n  border-bottom: 1px solid var(--aal-border);\n  margin: 0;\n  padding: 0;\n}\n\n.aal-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.aal-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--aal-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.aal-accordion-header:hover {\n  background: var(--aal-primary-light);\n}\n\n.aal-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.aal-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--aal-primary);\n  transition: transform .2s ease;\n}\n\n.aal-accordion-item[open] .aal-accordion-header::after {\n  content: '−';\n}\n\n.aal-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--aal-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.aal-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.aal-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--aal-primary-light);\n  border-radius: var(--aal-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.aal-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.aal-tip p {\n  font-size: 14px;\n  color: var(--aal-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.aal-cta-box {\n  background: linear-gradient(135deg, var(--aal-primary) 0%, var(--aal-primary-dark) 100%);\n  border-radius: var(--aal-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.aal-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.aal-disclaimer {\n  font-size: 12px;\n  color: var(--aal-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .aal-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .aal-card {\n    padding: 1.125rem;\n  }\n\n  .aal-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .aal-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--aal-radius-sm);\n  }\n\n  .aal-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .aal-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .aal-grid-compact {\n    gap: .625rem;\n  }\n\n  .aal-grid-compact .aal-card {\n    padding: .75rem;\n  }\n\n  .aal-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .aal-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .aal-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .aal-timeline-content p {\n    font-size: 13px;\n  }\n\n  .aal-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .aal-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .aal-testimonial {\n    padding: 1.25rem;\n  }\n\n  .aal-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .aal-card {\n    animation: aalFadeInUp .5s ease backwards;\n  }\n  .aal-card:nth-child(1) { animation-delay: .05s; }\n  .aal-card:nth-child(2) { animation-delay: .1s; }\n  .aal-card:nth-child(3) { animation-delay: .15s; }\n  .aal-card:nth-child(4) { animation-delay: .2s; }\n  .aal-card:nth-child(5) { animation-delay: .25s; }\n  .aal-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes aalFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .aal-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56955121140089,"sku":"SF0135","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acide-alpha-lipoique-200mg-sfb-laboratoire-packshothd_59d38526-3907-41e4-8eca-1795828268f8.webp?v=1775135523"},{"product_id":"poudre-orge-verte-bio-150g-sfb-laboratoires","title":"Poudre d'Orge Verte – 150 g – SFB Laboratoires","description":"\u003cdiv class=\"ov-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ov-hero\"\u003e\n\u003cdiv class=\"ov-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ov-hero-content\"\u003e\n\u003cdiv class=\"ov-badges-top\"\u003e\n\u003cspan class=\"ov-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"ov-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ov-badge\"\u003e🌱 100 % végétal\u003c\/span\u003e \u003cspan class=\"ov-badge\"\u003e⚡ Riche en potassium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ov-hero-title\"\u003ePoudre d'Orge Verte bio\u003c\/span\u003e\n\u003cp class=\"ov-subtitle\"\u003eSFB Laboratoires · Biogreen Potassium\u003c\/p\u003e\n\u003cp class=\"ov-description\"\u003eLa force de l'alimentation vivante : une poudre de jeunes pousses d'orge verte, récoltée au stade optimal, pour une densité nutritionnelle exceptionnelle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- AVIS D'EXPERT --\u003e\n\u003csection class=\"ov-section\"\u003e\n\u003cdiv class=\"ov-testimonial\"\u003e\n\u003cp class=\"ov-testimonial-label\"\u003e🌿 Notre avis d'expert\u003c\/p\u003e\n\u003cp class=\"ov-testimonial-text\"\u003e\"Cette poudre d'orge verte bio signée SFB Laboratoires nous a convaincus par sa pureté remarquable et sa richesse en potassium. Les jeunes pousses d'orge, récoltées au stade optimal, offrent un profil nutritionnel dense et équilibré. Idéale pour soutenir votre vitalité, accompagner une détox douce ou enrichir vos smoothies quotidiens, c'est un superaliment vert que l'on recommande sans hésiter.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ov-section\"\u003e\n\u003ch2\u003eHerbe d'orge en poudre bio : un superaliment vert aux multiples vertus\u003c\/h2\u003e\n\u003cp class=\"ov-section-intro\"\u003eRécoltées avant la formation de l'épi, les \u003cstrong\u003ejeunes pousses d'orge\u003c\/strong\u003e concentrent une densité nutritionnelle exceptionnelle. La \u003cstrong\u003epoudre d'orge verte bio\u003c\/strong\u003e Biogreen Potassium de SFB Laboratoires capture cette richesse dans une poudre fine, facile à utiliser au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"ov-grid-compact\"\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🍃 Chlorophylle\u003c\/h3\u003e\n\u003cp\u003ePigment vert purifiant et oxygénant pour vos tissus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e⚡ Potassium\u003c\/h3\u003e\n\u003cp\u003eMinéral clé pour les muscles et le système nerveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🦴 Calcium\u003c\/h3\u003e\n\u003cp\u003eEssentiel à la solidité osseuse et à la vitalité cellulaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🩸 Fer\u003c\/h3\u003e\n\u003cp\u003eContribue à réduire la fatigue et soutient l'énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e💊 Vitamines\u003c\/h3\u003e\n\u003cp\u003eA, C, E, K et groupe B pour un effet antioxydant complet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003ePot de 150 g, qualité et traçabilité garanties\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ov-section\"\u003e\n\u003ch2\u003eLes bienfaits de la poudre d'orge verte pour votre organisme\u003c\/h2\u003e\n\u003cp class=\"ov-section-intro\"\u003eVoici pourquoi tant de personnes intègrent la \u003cstrong\u003epoudre d'orge verte\u003c\/strong\u003e à leur routine bien-être :\u003c\/p\u003e\n\u003cdiv class=\"ov-grid\"\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🔋 Énergie et vitalité\u003c\/h3\u003e\n\u003cp\u003eSoutient l'énergie et réduit la fatigue grâce au fer et aux vitamines du groupe B.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eContribue au fonctionnement normal du système nerveux et à une fonction musculaire normale grâce au potassium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🌊 Détoxification\u003c\/h3\u003e\n\u003cp\u003eLa chlorophylle aide à purifier le sang et à oxygéner les tissus pour une détox naturelle en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n\u003cp\u003ePuissant pouvoir alcalinisant naturel qui aide à rétablir l'équilibre de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🍽️ Satiété\u003c\/h3\u003e\n\u003cp\u003eFavorise la satiété et accompagne un rééquilibrage alimentaire en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydants\u003c\/h3\u003e\n\u003cp\u003eProtègent les cellules contre le stress oxydatif et les radicaux libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-tip\"\u003e\n\u003cspan class=\"ov-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eBeaucoup d'utilisateurs rapportent un effet positif sur la \u003cstrong\u003equalité des cheveux\u003c\/strong\u003e et du teint après plusieurs semaines de cure. Concernant la \u003cstrong\u003epoudre d'orge verte et les cheveux blancs\u003c\/strong\u003e, certains témoignages évoquent un ralentissement du blanchissement, bien qu'aucune étude scientifique ne le confirme à ce jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ov-section\"\u003e\n\u003ch2\u003eUne composition pure et naturellement riche\u003c\/h2\u003e\n\u003cp class=\"ov-section-intro\"\u003e\u003cstrong\u003eIngrédient :\u003c\/strong\u003e 100 % poudre de jeunes pousses d'orge verte (\u003cem\u003eHordeum vulgare\u003c\/em\u003e) issues de l'agriculture biologique.\u003c\/p\u003e\n\u003cdiv class=\"ov-grid\"\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e⚡ Potassium\u003c\/h3\u003e\n\u003cp\u003eMinéral clé pour les muscles et le système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🍃 Chlorophylle\u003c\/h3\u003e\n\u003cp\u003ePigment vert purifiant et oxygénant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🦴 Calcium, fer, zinc, magnésium\u003c\/h3\u003e\n\u003cp\u003eEssentiels à la vitalité cellulaire et au bon fonctionnement de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e💊 Vitamines A, C, E, K et groupe B\u003c\/h3\u003e\n\u003cp\u003eAntioxydantes et revitalisantes pour tout le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🧬 Acides aminés essentiels\u003c\/h3\u003e\n\u003cp\u003ePour un soutien complet de l'organisme au niveau cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🌾 Fibres\u003c\/h3\u003e\n\u003cp\u003eFavorisent un bon transit et une digestion harmonieuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ov-section\"\u003e\n\u003ch2\u003eComment prendre la poudre d'orge verte bio ?\u003c\/h2\u003e\n\u003cdiv class=\"ov-timeline\"\u003e\n\u003cdiv class=\"ov-timeline-item\"\u003e\n\u003cdiv class=\"ov-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ov-timeline-content\"\u003e\n\u003ch3\u003eDosage\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e2 cuillères à soupe (16 g) par jour\u003c\/strong\u003e, soit 400 mg de potassium, dans un verre d'eau, un jus de fruits frais ou un lait végétal. Vous pouvez aussi l'incorporer dans vos smoothies, bowls ou compotes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-timeline-item\"\u003e\n\u003cdiv class=\"ov-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ov-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eMaintenez la prise pendant \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e, de préférence le matin à jeun. Renouvelez selon vos besoins, en respectant les doses conseillées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-timeline-item\"\u003e\n\u003cdiv class=\"ov-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ov-timeline-content\"\u003e\n\u003ch3\u003ePremière utilisation\u003c\/h3\u003e\n\u003cp\u003eConcernant les \u003cstrong\u003eeffets secondaires de la poudre d'orge verte\u003c\/strong\u003e, une consommation excessive peut entraîner de légers inconforts digestifs. Commencez par une cuillère à café si c'est votre première expérience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-tip\"\u003e\n\u003cspan class=\"ov-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ov-section\"\u003e\n\u003ch2\u003eEngagements qualité et certifications\u003c\/h2\u003e\n\u003cdiv class=\"ov-grid-compact\"\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🌿 Agriculture biologique\u003c\/h3\u003e\n\u003cp\u003eCertifié label AB\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003ePar SFB Laboratoires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans maltodextrine, sans conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-card\"\u003e\n\u003ch3\u003e🌱 Végan\u003c\/h3\u003e\n\u003cp\u003eConvient aux végétariens et végans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ov-accordion\"\u003e\n\u003cdetails class=\"ov-accordion-item\"\u003e\n\u003csummary class=\"ov-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ov-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le pot bien fermé, à l'abri de la chaleur, de l'humidité et de la lumière. Pot refermable de 150 g.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ov-accordion-item\"\u003e\n\u003csummary class=\"ov-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ov-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose recommandée. Déconseillé aux personnes allergiques au gluten. Tenir hors de portée des enfants. Ce produit ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ov-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi commander votre poudre d'orge verte bio sur Naturellement Bio ?\u003c\/h2\u003e\n\u003cdiv class=\"ov-cta-box\"\u003e\n\u003cp\u003eChez Naturellement Bio, chaque \u003cstrong\u003esuperaliment bio\u003c\/strong\u003e est sélectionné pour sa pureté et sa valeur nutritionnelle réelle. En choisissant votre \u003cstrong\u003epoudre d'orge verte\u003c\/strong\u003e SFB chez nous, vous bénéficiez d'un conseil personnalisé, d'une livraison rapide depuis Roubaix et de la garantie d'un produit authentique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ov-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne pas se substituer à une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ov-cream: #f4f7f1;\n  --ov-white: #ffffff;\n  --ov-primary: #4a7c35;\n  --ov-primary-dark: #2e5530;\n  --ov-primary-light: #e8f2e3;\n  --ov-secondary: #8db642;\n  --ov-accent: #c9a84c;\n  --ov-text: #1a1a1a;\n  --ov-text-light: #5a5a5a;\n  --ov-border: #dde6d8;\n  --ov-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ov-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ov-radius: 20px;\n  --ov-radius-sm: 12px;\n}\n\n.ov-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ov-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ov-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2e5530 0%, #4a7c35 45%, #8db642 100%);\n  border-radius: var(--ov-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ov-shadow-lg);\n}\n\n.ov-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                     radial-gradient(circle at 80% 20%, rgba(201,168,76,.12) 0%, transparent 50%),\n                     radial-gradient(circle at 50% 50%, rgba(141,182,66,.1) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.ov-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ov-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ov-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.ov-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ov-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ov-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ov-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ov-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ov-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ov-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ov-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ov-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ov-primary), var(--ov-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ov-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ov-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ov-card {\n  background: var(--ov-white);\n  border-radius: var(--ov-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ov-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ov-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ov-shadow-lg);\n  border-color: var(--ov-primary);\n}\n\n.ov-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ov-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ov-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ov-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ov-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ov-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ov-grid-compact .ov-card {\n  padding: 1rem;\n}\n\n.ov-grid-compact .ov-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ov-grid-compact .ov-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ov-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ov-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ov-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ov-primary), var(--ov-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ov-timeline-content {\n  flex: 1;\n  background: var(--ov-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ov-radius-sm);\n  box-shadow: var(--ov-shadow);\n}\n\n.ov-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ov-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ov-timeline-content p {\n  font-size: 14px;\n  color: var(--ov-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ov-testimonial {\n  background: var(--ov-white);\n  border-radius: var(--ov-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ov-shadow);\n  border-left: 4px solid var(--ov-primary);\n}\n\n.ov-testimonial-label {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--ov-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.ov-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ov-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ov-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ov-primary-light);\n  border-radius: var(--ov-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ov-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ov-tip p {\n  font-size: 14px;\n  color: var(--ov-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ov-accordion {\n  background: var(--ov-white);\n  border-radius: var(--ov-radius);\n  box-shadow: var(--ov-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.ov-accordion-item {\n  border-bottom: 1px solid var(--ov-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ov-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ov-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ov-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ov-accordion-header:hover {\n  background: var(--ov-primary-light);\n}\n\n.ov-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ov-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ov-primary);\n  transition: transform .2s ease;\n}\n\n.ov-accordion-item[open] .ov-accordion-header::after {\n  content: '−';\n}\n\n.ov-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ov-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ov-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.ov-cta-box {\n  background: linear-gradient(135deg, var(--ov-primary) 0%, var(--ov-primary-dark) 100%);\n  border-radius: var(--ov-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ov-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ov-disclaimer {\n  font-size: 12px;\n  color: var(--ov-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ov-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ov-card {\n    padding: 1.125rem;\n  }\n\n  .ov-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ov-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ov-radius-sm);\n  }\n\n  .ov-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ov-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ov-grid-compact {\n    gap: .625rem;\n  }\n\n  .ov-grid-compact .ov-card {\n    padding: .75rem;\n  }\n\n  .ov-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ov-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ov-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ov-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ov-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ov-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ov-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ov-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ov-card {\n    animation: ovFadeInUp .5s ease backwards;\n  }\n  .ov-card:nth-child(1) { animation-delay: .05s; }\n  .ov-card:nth-child(2) { animation-delay: .1s; }\n  .ov-card:nth-child(3) { animation-delay: .15s; }\n  .ov-card:nth-child(4) { animation-delay: .2s; }\n  .ov-card:nth-child(5) { animation-delay: .25s; }\n  .ov-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ovFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ov-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56955256177017,"sku":"SF0140","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-d-orge-verte-sfb.webp?v=1787391654"},{"product_id":"l-lysine-500-60-gelules-sfb-laboratoire","title":"L-lysine 500 - 60 gélules - SFB Laboratoires","description":"\u003cdiv class=\"lys-premium\"\u003e\n\u003cdiv class=\"lys-hero\"\u003e\n\u003cdiv class=\"lys-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lys-hero-content\"\u003e\n\u003cdiv class=\"lys-badges-top\"\u003e\n\u003cspan class=\"lys-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"lys-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e \u003cspan class=\"lys-badge\"\u003e✅ Vegan \u0026amp; sans gluten\u003c\/span\u003e \u003cspan class=\"lys-badge\"\u003e💊 500 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lys-hero-title\"\u003eL-Lysine 500\u003c\/span\u003e\n\u003cp class=\"lys-subtitle\"\u003eAcide aminé essentiel - SFB Laboratoires\u003c\/p\u003e\n\u003cp class=\"lys-description\"\u003eUn acide aminé pur et indispensable, en gélules végétales sans excipient superflu. 60 gélules pour soutenir vos muscles, vos os et vos défenses naturelles au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"lys-section\"\u003e\n\u003ch2\u003eL-Lysine 500 mg : l'acide aminé essentiel en gélules végétales\u003c\/h2\u003e\n\u003cp class=\"lys-section-intro\"\u003eVous cherchez un complément alimentaire à base de \u003cstrong\u003eL-lysine\u003c\/strong\u003e de qualité, fabriqué en France et adapté à un mode de vie végétalien ? Les \u003cstrong\u003eLaboratoires SFB\u003c\/strong\u003e vous proposent leur formule \u003cstrong\u003eL-Lysine 500\u003c\/strong\u003e, un acide aminé essentiel pur conditionné en gélules végétales, sans OGM et sans excipient superflu.\u003c\/p\u003e\n\u003cp class=\"lys-section-intro\"\u003eLa lysine fait partie des acides aminés que notre corps ne peut pas fabriquer lui-même : elle doit impérativement être apportée par l'alimentation ou par une supplémentation ciblée. Ce complément vous permet de combler facilement vos besoins quotidiens.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"lys-section\"\u003e\n\u003ch2\u003eLes bienfaits de la L-lysine pour votre organisme\u003c\/h2\u003e\n\u003cp class=\"lys-section-intro\"\u003eLa \u003cstrong\u003eL-lysine\u003c\/strong\u003e joue un rôle fondamental dans de nombreuses fonctions corporelles. Voici pourquoi elle mérite toute votre attention :\u003c\/p\u003e\n\u003cdiv class=\"lys-grid\"\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e🔬 Synthèse des protéines\u003c\/h3\u003e\n\u003cp\u003eLa lysine entre directement dans la composition des protéines de l'organisme, indispensables au renouvellement cellulaire et à la régénération des tissus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e💪 Tonus musculaire\u003c\/h3\u003e\n\u003cp\u003eElle soutient le développement et le maintien de la masse musculaire, un atout précieux pour les sportifs comme pour préserver son capital musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e🦴 Densité osseuse\u003c\/h3\u003e\n\u003cp\u003eLa L-lysine favorise l'absorption intestinale du calcium et contribue à son bon métabolisme, participant ainsi au maintien d'os solides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eCet acide aminé essentiel soutient le système immunitaire et aide votre organisme à mieux se défendre au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e🧠 Fonctions nerveuses\u003c\/h3\u003e\n\u003cp\u003eElle intervient dans le fonctionnement des cellules nerveuses et cérébrales, contribuant à l'équilibre du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e🧬 Tissus conjonctifs\u003c\/h3\u003e\n\u003cp\u003eLa lysine participe à l'intégrité structurelle des tissus conjonctifs, essentiels pour la peau, les tendons et les cartilages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-tip\"\u003e\n\u003cspan class=\"lys-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa L-lysine est également souvent recherchée pour ses bienfaits dans le cadre de la prévention des \u003cstrong\u003eboutons de fièvre\u003c\/strong\u003e (herpès labial). De nombreuses personnes l'intègrent à leur routine en période de fatigue ou de stress, moments où les récidives sont les plus fréquentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lys-section\"\u003e\n\u003ch2\u003eComposition pour 4 gélules (dose journalière maximale)\u003c\/h2\u003e\n\u003cdiv class=\"lys-grid-compact\"\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e🧪 L-Lysine\u003c\/h3\u003e\n\u003cp\u003e2000 mg par dose journalière (4 gélules)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e🌱 Enveloppe\u003c\/h3\u003e\n\u003cp\u003eGélule 100 % végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-tip\"\u003e\n\u003cspan class=\"lys-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eFormule minimaliste et transparente : pas d'additif inutile, pas de lactose, pas de gluten, pas d'alcool. Ce produit \u003cstrong\u003econvient aux végétariens et aux végétaliens\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lys-section\"\u003e\n\u003ch2\u003eComment prendre la L-Lysine 500 SFB ?\u003c\/h2\u003e\n\u003cdiv class=\"lys-timeline\"\u003e\n\u003cdiv class=\"lys-timeline-item\"\u003e\n\u003cdiv class=\"lys-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lys-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 4 gélules par jour\u003c\/strong\u003e, selon vos besoins et les conseils de votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-timeline-item\"\u003e\n\u003cdiv class=\"lys-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lys-timeline-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003eAccompagnez chaque prise d'un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e, de préférence en dehors des repas pour une meilleure assimilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-timeline-item\"\u003e\n\u003cdiv class=\"lys-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lys-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eAvec 60 gélules par flacon, vous disposez d'une cure de \u003cstrong\u003e15 à 30 jours\u003c\/strong\u003e selon le dosage choisi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-tip\"\u003e\n\u003cspan class=\"lys-tip-icon\"\u003e👨⚕️\u003c\/span\u003e\n\u003cp\u003ePour une utilisation prolongée ou en cas de doute, nous vous recommandons de consulter votre médecin ou votre pharmacien afin d'adapter la posologie à vos besoins personnels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lys-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"lys-grid\"\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e🥗 Végétariens \u0026amp; végétaliens\u003c\/h3\u003e\n\u003cp\u003eL'apport en lysine via l'alimentation peut être limité avec un régime sans viande, les céréales en étant relativement pauvres. La supplémentation comble ce manque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eIdéal pour soutenir la récupération et le développement musculaire, que vous pratiquiez la musculation, le running ou tout autre sport exigeant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e🌡️ Sujets aux boutons de fièvre\u003c\/h3\u003e\n\u003cp\u003eLa L-lysine est plébiscitée par les personnes sujettes aux récidives d'herpès labial, en particulier en période de stress ou de fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lys-card\"\u003e\n\u003ch3\u003e❄️ En période de fatigue\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses immunitaires lors des changements de saison ou des périodes de fatigue saisonnière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lys-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n\u003cdiv class=\"lys-accordion\"\u003e\n\u003cdetails class=\"lys-accordion-item\"\u003e\n\u003csummary class=\"lys-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"lys-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e : il ne remplace ni une alimentation variée et équilibrée, ni un traitement médical. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lys-accordion-item\"\u003e\n\u003csummary class=\"lys-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"lys-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver au sec et à l'abri de la lumière pour préserver toute la qualité du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lys-accordion-item\"\u003e\n\u003csummary class=\"lys-accordion-header\"\u003e🇫🇷 Fabrication française\u003c\/summary\u003e\n\u003cdiv class=\"lys-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e par SFB Laboratoires – une garantie de traçabilité et de qualité pour votre tranquillité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lys-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"lys-cta-box\"\u003e\n\u003cp\u003e🧡 Offrez à votre organisme un acide aminé essentiel d'exception.\u003cbr\u003eL-Lysine 500, pureté, efficacité et fabrication française.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"lys-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --lys-cream: #fdf8f3;\n  --lys-white: #ffffff;\n  --lys-primary: #e8842c;\n  --lys-primary-dark: #c06a1a;\n  --lys-primary-light: #fef3e8;\n  --lys-secondary: #4a9e3f;\n  --lys-accent: #f5a623;\n  --lys-text: #1a1a1a;\n  --lys-text-light: #5a5a5a;\n  --lys-border: #e8e0d8;\n  --lys-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lys-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lys-radius: 20px;\n  --lys-radius-sm: 12px;\n}\n\n.lys-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lys-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lys-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.lys-hero {\n  position: relative;\n  background: linear-gradient(135deg, #e8842c 0%, #c06a1a 40%, #4a9e3f 100%);\n  border-radius: var(--lys-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lys-shadow-lg);\n}\n\n.lys-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.lys-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lys-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lys-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lys-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lys-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lys-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lys-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.lys-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.lys-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lys-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lys-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.lys-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lys-primary), var(--lys-secondary));\n  border-radius: 2px;\n}\n\n.lys-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lys-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.lys-section-intro strong {\n  color: var(--lys-text);\n}\n\n\/* === CARDS === *\/\n.lys-card {\n  background: var(--lys-white);\n  border-radius: var(--lys-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lys-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lys-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lys-shadow-lg);\n  border-color: var(--lys-primary);\n}\n\n.lys-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lys-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lys-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lys-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lys-card p strong {\n  color: var(--lys-text);\n}\n\n\/* === GRILLES === *\/\n.lys-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lys-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lys-grid-compact .lys-card {\n  padding: 1rem;\n}\n\n.lys-grid-compact .lys-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lys-grid-compact .lys-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lys-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lys-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lys-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lys-primary), var(--lys-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.lys-timeline-content {\n  flex: 1;\n  background: var(--lys-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lys-radius-sm);\n  box-shadow: var(--lys-shadow);\n}\n\n.lys-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lys-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lys-timeline-content p {\n  font-size: 14px;\n  color: var(--lys-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lys-timeline-content p strong {\n  color: var(--lys-text);\n}\n\n\/* === TIP BOX === *\/\n.lys-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lys-primary-light);\n  border-radius: var(--lys-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lys-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lys-tip p {\n  font-size: 14px;\n  color: var(--lys-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lys-tip p strong {\n  color: var(--lys-primary-dark);\n}\n\n\/* === ACCORDION === *\/\n.lys-accordion {\n  background: var(--lys-white);\n  border-radius: var(--lys-radius);\n  box-shadow: var(--lys-shadow);\n  overflow: hidden;\n}\n\n.lys-accordion-item {\n  border-bottom: 1px solid var(--lys-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lys-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lys-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lys-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lys-accordion-header:hover {\n  background: var(--lys-primary-light);\n}\n\n.lys-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lys-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lys-primary);\n  transition: transform .2s ease;\n}\n\n.lys-accordion-item[open] .lys-accordion-header::after {\n  content: '−';\n}\n\n.lys-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lys-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lys-accordion-content p {\n  margin: 0;\n}\n\n.lys-accordion-content p strong {\n  color: var(--lys-text);\n}\n\n\/* === CTA FINAL === *\/\n.lys-cta-box {\n  background: linear-gradient(135deg, var(--lys-primary) 0%, var(--lys-primary-dark) 100%);\n  border-radius: var(--lys-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lys-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lys-disclaimer {\n  font-size: 12px;\n  color: var(--lys-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .lys-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lys-card {\n    padding: 1.125rem;\n  }\n\n  .lys-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lys-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lys-radius-sm);\n  }\n\n  .lys-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lys-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lys-grid-compact {\n    gap: .625rem;\n  }\n\n  .lys-grid-compact .lys-card {\n    padding: .75rem;\n  }\n\n  .lys-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lys-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lys-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lys-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lys-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lys-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lys-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lys-testimonial-text {\n    font-size: 14px;\n  }\n\n  .lys-tip {\n    padding: .875rem 1rem;\n  }\n\n  .lys-tip-icon {\n    font-size: 20px;\n  }\n\n  .lys-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lys-card {\n    animation: lysFadeInUp .5s ease backwards;\n  }\n  .lys-card:nth-child(1) { animation-delay: .05s; }\n  .lys-card:nth-child(2) { animation-delay: .1s; }\n  .lys-card:nth-child(3) { animation-delay: .15s; }\n  .lys-card:nth-child(4) { animation-delay: .2s; }\n  .lys-card:nth-child(5) { animation-delay: .25s; }\n  .lys-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lysFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .lys-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56959866405241,"sku":"SF0160","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/l-lysine-500-60-gelules-sfb-laboratoire-packshothd.webp?v=1775205084"},{"product_id":"desmodium-30-gelules-sfb-laboratoires","title":"Desmodium - 30 gélules - SFB Laboratoires","description":"\u003cdiv class=\"dm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dm-hero\"\u003e\n\u003cdiv class=\"dm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dm-hero-content\"\u003e\n\u003cdiv class=\"dm-badges-top\"\u003e\n\u003cspan class=\"dm-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e💊 30 gélules végétales\u003c\/span\u003e \u003cspan class=\"dm-badge\"\u003e🔬 Extrait concentré 4:1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dm-hero-title\"\u003eDesmodium+ Bio\u003c\/span\u003e\n\u003cp class=\"dm-subtitle\"\u003eSFB Laboratoires - Concentration optimale\u003c\/p\u003e\n\u003cp class=\"dm-description\"\u003eFavorisez le fonctionnement hépatique grâce à un extrait concentré de Desmodium adscendens bio, obtenu par procédé OEVA. Une seule gélule végétale par jour pour prendre soin de votre foie naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eDesmodium Bio en gélules : votre allié naturel pour le foie\u003c\/h2\u003e\n\u003cp class=\"dm-section-intro\"\u003eVous cherchez une solution naturelle pour \u003cstrong\u003esoutenir votre foie\u003c\/strong\u003e au quotidien ? Le \u003cstrong\u003eDesmodium+ Bio de SFB Laboratoires\u003c\/strong\u003e est un complément alimentaire à base d'extrait concentré de \u003cstrong\u003eDesmodium adscendens bio\u003c\/strong\u003e, une plante reconnue pour ses bienfaits sur le fonctionnement hépatique.\u003c\/p\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🔬 Procédé OEVA\u003c\/h3\u003e\n\u003cp\u003eExtraction par ultrasons pour une concentration optimale des actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e⚗️ Concentration 4:1\u003c\/h3\u003e\n\u003cp\u003e4 kg de plante pour obtenir 1 kg d'extrait pur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eGélule végétale, formule vegan et sans additifs inutiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🇫🇷 Expertise française\u003c\/h3\u003e\n\u003cp\u003eSFB Laboratoires, plus de 30 ans en phytothérapie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eBienfaits du Desmodium pour le foie et l'organisme\u003c\/h2\u003e\n\u003cp class=\"dm-section-intro\"\u003eLe desmodium est une plante tropicale utilisée depuis des générations en Afrique de l'Ouest pour ses propriétés hépatoprotectrices. Aujourd'hui, ses vertus sont largement plébiscitées en phytothérapie moderne.\u003c\/p\u003e\n\u003cdiv class=\"dm-grid\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🫀 Fonctionnement hépatique\u003c\/h3\u003e\n\u003cp\u003eLe desmodium soutient le travail du foie et aide à la régénération des cellules hépatiques pour un foie en pleine forme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e💧 Drainage et détoxification\u003c\/h3\u003e\n\u003cp\u003eIl contribue à l'élimination des substances indésirables accumulées dans l'organisme, idéal après des excès.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🟢 Soutien biliaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de bile, il facilite la digestion des graisses et soutient la vésicule biliaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n\u003cp\u003eSa richesse en flavonoïdes, alcaloïdes et saponines lui confère des propriétés antioxydantes et anti-inflammatoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n\u003cp\u003eLe desmodium contribue également à réduire les réactions allergiques et soutient les défenses immunitaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-tip\"\u003e\n\u003cspan class=\"dm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eQue ce soit après une période d'excès alimentaires, lors d'un changement de saison ou simplement pour prendre soin de votre foie, cette cure de desmodium bio représente un choix pertinent et naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eUne formule concentrée grâce au procédé OEVA\u003c\/h2\u003e\n\u003cdiv class=\"dm-timeline\"\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eExtraction par ultrasons (OEVA)\u003c\/h3\u003e\n\u003cp\u003eCette technologie innovante permet de récupérer et de concentrer les actifs végétaux de manière optimale, sans les dénaturer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eConcentration 4:1\u003c\/h3\u003e\n\u003cp\u003e4 kg de plante sont nécessaires pour obtenir 1 kg d'extrait. Résultat : une puissance incomparable dans chaque gélule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eMicroencapsulation\u003c\/h3\u003e\n\u003cp\u003eAméliore l'assimilation par votre organisme pour une biodisponibilité optimale des principes actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-item\"\u003e\n\u003cdiv class=\"dm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"dm-timeline-content\"\u003e\n\u003ch3\u003eContrôle HPLC\u003c\/h3\u003e\n\u003cp\u003eGarantit la teneur réelle en principes actifs. Chaque gélule contient \u003cstrong\u003e360 mg d'extrait de Desmodium adscendens bio\u003c\/strong\u003e dans une tunique 100 % végétale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"dm-section\"\u003e\n\u003ch2\u003eComposition et posologie recommandée\u003c\/h2\u003e\n\u003cdiv class=\"dm-grid-compact\"\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🌿 Ingrédient principal\u003c\/h3\u003e\n\u003cp\u003eExtrait de Desmodium adscendens bio (concentration 4:1)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e💊 Tunique végétale\u003c\/h3\u003e\n\u003cp\u003eGélule 100 % d'origine végétale, convient aux vegans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e🧪 Actifs naturels\u003c\/h3\u003e\n\u003cp\u003eFlavonoïdes, alcaloïdes et saponines naturellement présents\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-card\"\u003e\n\u003ch3\u003e📏 360 mg \/ gélule\u003c\/h3\u003e\n\u003cp\u003eDosage concentré pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e📋 Posologie recommandée\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence à distance des repas. Cure recommandée de \u003cstrong\u003e15 à 30 jours\u003c\/strong\u003e. Ne pas dépasser la dose journalière indiquée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e✅ Certifications et garanties\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eCertifié bio (FR-Bio 10) · Sans gluten, sans lactose, sans OGM, sans pesticide · 100 % vegan · Fabriqué en France par SFB Laboratoires, experts en phytothérapie depuis plus de 30 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"dm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLe desmodium est-il dangereux ? Précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"dm-testimonial\"\u003e\n\u003cp class=\"dm-testimonial-text\"\u003eLe desmodium est généralement très bien toléré. Toutefois, quelques précautions s'imposent avant de débuter votre cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dm-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"dm-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e. Ne pas utiliser en cas de \u003cstrong\u003eprise d'anticoagulants\u003c\/strong\u003e. Si vous souffrez d'\u003cstrong\u003ehypertension\u003c\/strong\u003e ou de toute autre pathologie, consultez votre médecin avant de commencer une cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dm-accordion-item\"\u003e\n\u003csummary class=\"dm-accordion-header\"\u003e🧒 Conservation et sécurité\u003c\/summary\u003e\n\u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants. Conserver au sec et à l'abri de la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"dm-disclaimer\"\u003eCe complément alimentaire ne remplace ni un traitement médical, ni une alimentation variée et équilibrée, ni un mode de vie sain. En cas de doute, demandez toujours l'avis d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --dm-cream: #f5f7f3;\n  --dm-white: #ffffff;\n  --dm-primary: #4a8c5c;\n  --dm-primary-dark: #2d5a3a;\n  --dm-primary-light: #e8f2eb;\n  --dm-secondary: #7ab68a;\n  --dm-accent: #3d7a4e;\n  --dm-text: #1a1a1a;\n  --dm-text-light: #5a5a5a;\n  --dm-border: #dce8df;\n  --dm-shadow: 0 4px 24px rgba(45, 90, 58, .08);\n  --dm-shadow-lg: 0 12px 48px rgba(45, 90, 58, .15);\n  --dm-radius: 20px;\n  --dm-radius-sm: 12px;\n}\n\n.dm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.dm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d5a3a 0%, #4a8c5c 50%, #7ab68a 100%);\n  border-radius: var(--dm-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--dm-shadow-lg);\n}\n\n.dm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.dm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dm-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--dm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.dm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dm-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.dm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n.dm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dm-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.dm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--dm-primary), var(--dm-secondary));\n  border-radius: 2px;\n}\n\n.dm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.dm-card {\n  background: var(--dm-white);\n  border-radius: var(--dm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dm-shadow-lg);\n  border-color: var(--dm-primary);\n}\n\n.dm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.dm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dm-grid-compact .dm-card {\n  padding: 1rem;\n}\n\n.dm-grid-compact .dm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dm-grid-compact .dm-card p {\n  font-size: 12px;\n}\n\n.dm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dm-primary), var(--dm-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.dm-timeline-content {\n  flex: 1;\n  background: var(--dm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dm-radius-sm);\n  box-shadow: var(--dm-shadow);\n}\n\n.dm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dm-timeline-content p {\n  font-size: 14px;\n  color: var(--dm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.dm-testimonial {\n  background: var(--dm-white);\n  border-radius: var(--dm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--dm-shadow);\n  border-left: 4px solid var(--dm-primary);\n}\n\n.dm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dm-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.dm-accordion {\n  background: var(--dm-white);\n  border-radius: var(--dm-radius);\n  box-shadow: var(--dm-shadow);\n  overflow: hidden;\n}\n\n.dm-accordion-item {\n  border-bottom: 1px solid var(--dm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dm-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.dm-accordion-header:hover {\n  background: var(--dm-primary-light);\n}\n\n.dm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dm-primary);\n  transition: transform .2s ease;\n}\n\n.dm-accordion-item[open] .dm-accordion-header::after {\n  content: '−';\n}\n\n.dm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.dm-accordion-content p {\n  margin: 0;\n}\n\n.dm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dm-primary-light);\n  border-radius: var(--dm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dm-tip p {\n  font-size: 14px;\n  color: var(--dm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dm-disclaimer {\n  font-size: 12px;\n  color: var(--dm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .dm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .dm-card {\n    padding: 1.125rem;\n  }\n\n  .dm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .dm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dm-radius-sm);\n  }\n\n  .dm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .dm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .dm-grid-compact {\n    gap: .625rem;\n  }\n\n  .dm-grid-compact .dm-card {\n    padding: .75rem;\n  }\n\n  .dm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .dm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .dm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .dm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .dm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .dm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .dm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .dm-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .dm-card {\n    animation: dmFadeInUp .5s ease backwards;\n  }\n  .dm-card:nth-child(1) { animation-delay: .05s; }\n  .dm-card:nth-child(2) { animation-delay: .1s; }\n  .dm-card:nth-child(3) { animation-delay: .15s; }\n  .dm-card:nth-child(4) { animation-delay: .2s; }\n  .dm-card:nth-child(5) { animation-delay: .25s; }\n  .dm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56959926108537,"sku":"SF0170","price":15.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/desmodium-30-gelules-sfb-laboratoires-packshothd.webp?v=1775206769"},{"product_id":"vegetonin-melatonine-vegetale-30-gelules-sfb-laboratoires","title":"Vegetonin + Mélatonine Végétale - 30 gélules - SFB Laboratoires","description":"\u003cdiv class=\"veg-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"veg-hero\"\u003e\n\u003cdiv class=\"veg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"veg-hero-content\"\u003e\n\u003cdiv class=\"veg-badges-top\"\u003e\n\u003cspan class=\"veg-badge\"\u003e🌿 100 % végétale\u003c\/span\u003e \u003cspan class=\"veg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"veg-badge\"\u003e⏳ Libération prolongée\u003c\/span\u003e \u003cspan class=\"veg-badge\"\u003e🌙 1,90 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"veg-hero-title\"\u003eVegetonin + Mélatonine Végétale\u003c\/span\u003e\n\u003cp class=\"veg-subtitle\"\u003eLa 1ʳᵉ mélatonine 100 % végétale à libération prolongée au monde\u003c\/p\u003e\n\u003cp class=\"veg-description\"\u003e30 gélules · SFB Laboratoires · Contribue à réduire le temps d'endormissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eVegetonin + : la mélatonine 100 % végétale pour retrouver un sommeil naturel\u003c\/h2\u003e\n\u003cp class=\"veg-section-intro\"\u003eVous avez du mal à vous endormir le soir ? Vous vous tournez et retournez dans votre lit pendant de longues minutes ?\u003c\/p\u003e\n\u003cdiv class=\"veg-grid-compact\"\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🌱 Phytomélatonine\u003c\/h3\u003e\n\u003cp\u003eMélatonine d'origine 100 % végétale, extraite de luzerne et de chlorella\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e💊 1,90 mg par gélule\u003c\/h3\u003e\n\u003cp\u003eDosage optimal pour contribuer à réduire le temps d'endormissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e⏳ Libération prolongée\u003c\/h3\u003e\n\u003cp\u003eDiffusion progressive toute la nuit pour un sommeil stable et réparateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n\u003cp\u003eSans synthétique, sans dioxyde de titane, sans gluten, sans lactose, 100 % vegan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003ePourquoi choisir une mélatonine végétale plutôt que synthétique ?\u003c\/h2\u003e\n\u003cdiv class=\"veg-grid\"\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🔬 99 % du marché est synthétique\u003c\/h3\u003e\n\u003cp\u003eVegetonin + se distingue radicalement : sa mélatonine est extraite d'un mélange exclusif de \u003cstrong\u003eluzerne (alfalfa)\u003c\/strong\u003e et de \u003cstrong\u003echlorella\u003c\/strong\u003e, deux végétaux naturellement riches en phytomélatonine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🧬 Bio-identique\u003c\/h3\u003e\n\u003cp\u003eMoléculairement identique à la mélatonine que votre cerveau produit naturellement via l'épiphyse. Votre organisme la reconnaît et l'assimile facilement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🌿 Extraction douce OEVA®\u003c\/h3\u003e\n\u003cp\u003eAucune extraction à l'eau ni à l'alcool : la mélatonine reste concentrée dans la matrice cellulaire de la plante, pour une \u003cstrong\u003ebiodisponibilité optimale\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eLibération prolongée : une action continue toute la nuit\u003c\/h2\u003e\n\u003cdiv class=\"veg-timeline\"\u003e\n\u003cdiv class=\"veg-timeline-item\"\u003e\n\u003cdiv class=\"veg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-content\"\u003e\n\u003ch3\u003eEndormissement facilité\u003c\/h3\u003e\n\u003cp\u003eContrairement à un spray mélatonine classique dont l'effet est immédiat mais fugace, Vegetonin + diffuse la mélatonine progressivement dès la prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-item\"\u003e\n\u003cdiv class=\"veg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-content\"\u003e\n\u003ch3\u003eSommeil stable toute la nuit\u003c\/h3\u003e\n\u003cp\u003eLa technologie de libération prolongée maintient un taux régulier de mélatonine, évitant les réveils nocturnes intempestifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-item\"\u003e\n\u003cdiv class=\"veg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-content\"\u003e\n\u003ch3\u003eRéveil frais et léger\u003c\/h3\u003e\n\u003cp\u003eAucune sensation de somnolence ni de lourdeur le lendemain matin. Vous démarrez la journée avec une vraie sensation de repos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 1 gélule\u003c\/h2\u003e\n\u003cdiv class=\"veg-grid\"\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🧪 Vegetonin+ (100:1)\u003c\/h3\u003e\n\u003cp\u003eTitré en mélatonine à effet prolongé — \u003cstrong\u003e1,90 mg\u003c\/strong\u003e de phytomélatonine par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🌾 Extrait de luzerne\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eMedicago sativa\u003c\/em\u003e — source naturelle de phytomélatonine, cultivée pour sa richesse en actifs végétaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🟢 Chlorella\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eChlorella pyrenoidosa\u003c\/em\u003e — micro-algue complémentaire qui renforce la matrice végétale de mélatonine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-tip\"\u003e\n\u003cspan class=\"veg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAgent :\u003c\/strong\u003e fibre d'acacia bio · \u003cstrong\u003eTunique :\u003c\/strong\u003e gélule végétale HPMC · \u003cstrong\u003eSans gluten, sans lactose, sans alcool, sans OGM, sans dioxyde de titane.\u003c\/strong\u003e Formule 100 % vegan, certifiée et fabriquée en France par SFB Laboratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"veg-timeline\"\u003e\n\u003cdiv class=\"veg-timeline-item\"\u003e\n\u003cdiv class=\"veg-timeline-number\"\u003e🌙\u003c\/div\u003e\n\u003cdiv class=\"veg-timeline-content\"\u003e\n\u003ch3\u003e1 gélule par jour, 30 min avant le coucher\u003c\/h3\u003e\n\u003cp\u003eNe dépassez pas la dose journalière recommandée. La régularité est la clé d'un sommeil durablement amélioré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-tip\"\u003e\n\u003cspan class=\"veg-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour des résultats optimaux, associez la prise à une bonne hygiène de sommeil : limitez les écrans le soir, maintenez une chambre fraîche et sombre, et couchez-vous à heures régulières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Vegetonin + ?\u003c\/h2\u003e\n\u003cdiv class=\"veg-grid\"\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e😴 Difficultés d'endormissement\u003c\/h3\u003e\n\u003cp\u003eVous mettez longtemps à trouver le sommeil le soir et cherchez une solution douce et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e✈️ Décalage horaire\u003c\/h3\u003e\n\u003cp\u003eVous souffrez de jet lag et souhaitez resynchroniser rapidement votre horloge biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🏭 Horaires décalés\u003c\/h3\u003e\n\u003cp\u003eVous travaillez en horaires décalés et avez besoin de réguler votre rythme circadien perturbé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une alternative végétale et sans dépendance aux somnifères classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"veg-card\"\u003e\n\u003ch3\u003e🥦 Mode de vie vegan\u003c\/h3\u003e\n\u003cp\u003eVous suivez un mode de vie vegan ou végétarien et souhaitez un complément 100 % compatible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"veg-section\"\u003e\n\u003ch2\u003eMélatonine et effets secondaires : ce qu'il faut savoir\u003c\/h2\u003e\n\u003cdiv class=\"veg-accordion\"\u003e\n\u003cdetails class=\"veg-accordion-item\"\u003e\n\u003csummary class=\"veg-accordion-header\"\u003e⚕️ Tolérance et sécurité\u003c\/summary\u003e\n\u003cdiv class=\"veg-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ la dose de 1,90 mg, la mélatonine est généralement bien tolérée chez l'adulte. Vegetonin + ne contient aucun excipient controversé et sa formule végétale limite les risques d'intolérance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"veg-accordion-item\"\u003e\n\u003csummary class=\"veg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"veg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est \u003cstrong\u003edéconseillé aux femmes ayant des antécédents personnels ou familiaux de cancer du sein\u003c\/strong\u003e, ainsi qu'aux enfants et aux femmes enceintes ou allaitantes. En cas de doute ou de prise de médicaments, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"veg-accordion-item\"\u003e\n\u003csummary class=\"veg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"veg-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez au sec, à l'abri de la lumière et hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"veg-disclaimer\"\u003eCe complément alimentaire ne remplace ni un traitement médical ni une alimentation variée et équilibrée. Il est important d'avoir un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"veg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"veg-cta-box\"\u003e\n\u003cp\u003e🌙 Retrouvez un endormissement rapide et un sommeil profond grâce à la seule mélatonine 100 % végétale à libération prolongée naturellement efficace, nuit après nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --veg-cream: #f5f3f8;\n  --veg-white: #ffffff;\n  --veg-primary: #5b4a8a;\n  --veg-primary-dark: #3d2e6b;\n  --veg-primary-light: #ede8f5;\n  --veg-secondary: #7b68ae;\n  --veg-accent: #4caf50;\n  --veg-text: #1a1a1a;\n  --veg-text-light: #5a5a5a;\n  --veg-border: #e0dce8;\n  --veg-shadow: 0 4px 24px rgba(59,46,107,.08);\n  --veg-shadow-lg: 0 12px 48px rgba(59,46,107,.15);\n  --veg-radius: 20px;\n  --veg-radius-sm: 12px;\n}\n\n.veg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--veg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.veg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d2e6b 0%, #5b4a8a 40%, #7b68ae 75%, #2e1f5e 100%);\n  border-radius: var(--veg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--veg-shadow-lg);\n}\n\n.veg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.veg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.veg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.veg-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.veg-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n}\n\n\/* === BADGES === *\/\n.veg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.veg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--veg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.veg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.veg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.veg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--veg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.veg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--veg-primary), var(--veg-secondary));\n  border-radius: 2px;\n}\n\n.veg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--veg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.veg-card {\n  background: var(--veg-white);\n  border-radius: var(--veg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--veg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.veg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--veg-shadow-lg);\n  border-color: var(--veg-primary);\n}\n\n.veg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--veg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.veg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--veg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.veg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.veg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.veg-grid-compact .veg-card {\n  padding: 1rem;\n}\n\n.veg-grid-compact .veg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.veg-grid-compact .veg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.veg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.veg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.veg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--veg-primary), var(--veg-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.veg-timeline-content {\n  flex: 1;\n  background: var(--veg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--veg-radius-sm);\n  box-shadow: var(--veg-shadow);\n}\n\n.veg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--veg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.veg-timeline-content p {\n  font-size: 14px;\n  color: var(--veg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.veg-testimonial {\n  background: var(--veg-white);\n  border-radius: var(--veg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--veg-shadow);\n  border-left: 4px solid var(--veg-primary);\n}\n\n.veg-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--veg-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.veg-accordion {\n  background: var(--veg-white);\n  border-radius: var(--veg-radius);\n  box-shadow: var(--veg-shadow);\n  overflow: hidden;\n}\n\n.veg-accordion-item {\n  border-bottom: 1px solid var(--veg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.veg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.veg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--veg-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.veg-accordion-header:hover {\n  background: var(--veg-primary-light);\n}\n\n.veg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.veg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--veg-primary);\n  transition: transform .2s ease;\n}\n\n.veg-accordion-item[open] .veg-accordion-header::after {\n  content: '−';\n}\n\n.veg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--veg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.veg-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.veg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--veg-primary-light);\n  border-radius: var(--veg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.veg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.veg-tip p {\n  font-size: 14px;\n  color: var(--veg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.veg-cta-box {\n  background: linear-gradient(135deg, var(--veg-primary) 0%, var(--veg-primary-dark) 100%);\n  border-radius: var(--veg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.veg-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.veg-disclaimer {\n  font-size: 12px;\n  color: var(--veg-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .veg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .veg-card {\n    padding: 1.125rem;\n  }\n\n  .veg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .veg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--veg-radius-sm);\n  }\n\n  .veg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .veg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .veg-grid-compact {\n    gap: .625rem;\n  }\n\n  .veg-grid-compact .veg-card {\n    padding: .75rem;\n  }\n\n  .veg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .veg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .veg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .veg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .veg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .veg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .veg-testimonial {\n    padding: 1.25rem;\n  }\n\n  .veg-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .veg-card {\n    animation: vegFadeInUp .5s ease backwards;\n  }\n  .veg-card:nth-child(1) { animation-delay: .05s; }\n  .veg-card:nth-child(2) { animation-delay: .1s; }\n  .veg-card:nth-child(3) { animation-delay: .15s; }\n  .veg-card:nth-child(4) { animation-delay: .2s; }\n  .veg-card:nth-child(5) { animation-delay: .25s; }\n  .veg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vegFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .veg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56960064717177,"sku":"SF0180","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vegetonin-melatonine-vegetale-30-gelules-sfb-laboratoires-packshothd.webp?v=1787392309"},{"product_id":"charbon-vegetal-active-carbo-1000-150g-sfb-laboratoires","title":"Charbon Végétal Activé CARBO 1000 en poudre - 150g - SFB LABORATOIRES","description":"\u003cdiv class=\"cb-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cb-hero\"\u003e\n    \u003cdiv class=\"cb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cb-hero-content\"\u003e\n      \u003cdiv class=\"cb-badges-top\"\u003e\n        \u003cspan class=\"cb-badge\"\u003e🥥 Coques de noix de coco\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e🌿 100 % végétal\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e⚡ \u0026gt; 1000 m²\/g d'adsorption\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cb-hero-title\"\u003eCharbon végétal activé CARBO 1000\u003c\/span\u003e\n      \u003cp class=\"cb-subtitle\"\u003eLe pouvoir adsorbant exceptionnel des coques de noix de coco\u003c\/p\u003e\n      \u003cp class=\"cb-description\"\u003ePoudre ultra-fine de qualité pharmaceutique · 150 g · SFB Laboratoires\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eCharbon végétal activé en poudre CARBO 1000 – Le pouvoir adsorbant des coques de noix de coco\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eVous cherchez un \u003cstrong\u003echarbon végétal super activé\u003c\/strong\u003e d'une qualité irréprochable pour retrouver un véritable confort digestif ?\u003c\/p\u003e\n    \u003cdiv class=\"cb-grid-compact\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🥥 Coques de noix de coco\u003c\/h3\u003e\n        \u003cp\u003eMatière première noble et naturelle pour une pureté maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e⚗️ Qualité pharmaceutique\u003c\/h3\u003e\n        \u003cp\u003ePoudre ultra-fine fabriquée en France par SFB Laboratoires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e📐 \u0026gt; 1000 m²\/g\u003c\/h3\u003e\n        \u003cp\u003eCapacité d'adsorption exceptionnelle, bien au-dessus des standards\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🧪 Indice phénazone \u0026gt; 40 %\u003c\/h3\u003e\n        \u003cp\u003eUn indicateur clé de l'efficacité et de la qualité du charbon activé\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eBienfaits du charbon végétal activé CARBO 1000\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eUtilisé depuis des siècles pour ses propriétés adsorbantes naturelles, sa structure microporeuse capte les gaz et les toxines comme une éponge ultra-performante.\u003c\/p\u003e\n    \u003cdiv class=\"cb-grid\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e💨 Réduction des flatulences\u003c\/h3\u003e\n        \u003cp\u003eRéduit l'excès de flatulences après les repas – allégation validée par l'\u003cstrong\u003eEFSA\u003c\/strong\u003e (Autorité Européenne de Sécurité des Aliments)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🫧 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eAméliore le confort digestif en cas de \u003cstrong\u003eballonnements\u003c\/strong\u003e ou de lourdeurs après les repas\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre intestinal\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'équilibre intestinal grâce à son puissant \u003cstrong\u003eeffet adsorbant naturel\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cb-tip\"\u003e\n      \u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est avant tout un allié du quotidien pour les personnes sujettes aux inconforts digestifs, aux gaz intestinaux ou à une digestion capricieuse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eUne formule d'une simplicité exemplaire : \u003cstrong\u003e100 % de charbon végétal activé\u003c\/strong\u003e, rien d'autre. Pas d'excipient, pas d'additif, pas d'OGM.\u003c\/p\u003e\n    \u003cdiv class=\"cb-grid-compact\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🥥 Ingrédient unique\u003c\/h3\u003e\n        \u003cp\u003eCharbon végétal activé issu de coques de noix de coco\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e📐 Adsorption\u003c\/h3\u003e\n        \u003cp\u003eSupérieure à \u003cstrong\u003e1000 m²\/g\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🧪 Indice phénazone\u003c\/h3\u003e\n        \u003cp\u003eSupérieur à \u003cstrong\u003e40 %\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eQualité pharmaceutique – \u003cstrong\u003efabriqué en France\u003c\/strong\u003e par SFB Laboratoires\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cb-tip\"\u003e\n      \u003cspan class=\"cb-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eCe format poudre de 150 g est \u003cstrong\u003e100 % d'origine végétale\u003c\/strong\u003e et convient parfaitement aux personnes suivant un régime vegan.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003ePosologie du charbon végétal activé en poudre\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eComment prendre le charbon végétal activé et faut-il le consommer avant ou après les repas ? Voici les recommandations du fabricant :\u003c\/p\u003e\n    \u003cdiv class=\"cb-timeline\"\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e1 cuillère à soupe (8 g)\u003c\/strong\u003e le matin à jeun. La dose minimale pour contribuer à la réduction des flatulences est de \u003cstrong\u003e1 g\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003ePréparation\u003c\/h3\u003e\n          \u003cp\u003eMélanger la poudre dans un grand \u003cstrong\u003everre d'eau\u003c\/strong\u003e et bien remuer jusqu'à dissolution homogène.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eEspacement avec les médicaments\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eEspacer de 3 heures minimum\u003c\/strong\u003e toute prise de médicaments – le charbon peut réduire l'absorption de certains traitements.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et charbon végétal activé : danger ?\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eRassurez-vous : utilisé dans le respect de la posologie, ce produit est bien toléré. Quelques précautions importantes s'imposent néanmoins.\u003c\/p\u003e\n    \u003cdiv class=\"cb-accordion\"\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e⚠️ Complément alimentaire\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni un avis professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e📏 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de \u003cstrong\u003e8 g par jour\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e🥗 Alimentation équilibrée\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ consommer dans le cadre d'une \u003cstrong\u003ealimentation variée et équilibrée\u003c\/strong\u003e et d'un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir \u003cstrong\u003ehors de portée des jeunes enfants\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e💊 Traitement médicamenteux\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médicamenteux, \u003cstrong\u003econsultez votre médecin\u003c\/strong\u003e avant utilisation. Espacer la prise de 3 heures minimum.\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=\"cb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cb-cta-box\"\u003e\n      \u003cp\u003e🖤 Le CARBO 1000 de SFB Laboratoires vous offre un \u003cstrong\u003echarbon végétal activé\u003c\/strong\u003e d'une pureté et d'une puissance d'adsorption remarquables. Un pot de 150 g pour prendre soin naturellement de votre confort intestinal au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cb-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cb-cream: #f5f4f0;\n  --cb-white: #ffffff;\n  --cb-primary: #2d2d2d;\n  --cb-primary-dark: #1a1a1a;\n  --cb-primary-light: #f0efe8;\n  --cb-secondary: #c5a55a;\n  --cb-accent: #5a8c3c;\n  --cb-text: #1a1a1a;\n  --cb-text-light: #5a5a5a;\n  --cb-border: #e0ddd4;\n  --cb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cb-radius: 20px;\n  --cb-radius-sm: 12px;\n}\n\n.cb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 40%, #3a3a3a 70%, #1a1a1a 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 30px,\n    rgba(197,165,90,.04) 30px,\n    rgba(197,165,90,.04) 32px\n  );\n  opacity: 1;\n}\n\n.cb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cb-hero-title {\n  display: block;\n  color: var(--cb-secondary);\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.4);\n}\n\n.cb-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.cb-description {\n  color: rgba(255,255,255,.6);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n}\n\n\/* === BADGES === *\/\n.cb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cb-primary), var(--cb-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cb-card {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cb-shadow-lg);\n  border-color: var(--cb-secondary);\n}\n\n.cb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n  padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cb-primary), var(--cb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cb-timeline-content {\n  flex: 1;\n  background: var(--cb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cb-radius-sm);\n  box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n  font-size: 14px;\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cb-testimonial {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cb-shadow);\n  border-left: 4px solid var(--cb-secondary);\n}\n\n.cb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cb-primary-light);\n  border-radius: var(--cb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cb-tip p {\n  font-size: 14px;\n  color: var(--cb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  box-shadow: var(--cb-shadow);\n  overflow: hidden;\n}\n\n.cb-accordion-item {\n  border-bottom: 1px solid var(--cb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cb-accordion-header:hover {\n  background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cb-secondary);\n  transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n  content: '−';\n}\n\n.cb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cb-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cb-cta-box {\n  background: linear-gradient(135deg, var(--cb-primary) 0%, #3a3a3a 50%, var(--cb-primary-dark) 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cb-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 20px,\n    rgba(197,165,90,.06) 20px,\n    rgba(197,165,90,.06) 22px\n  );\n}\n\n.cb-cta-box p {\n  position: relative;\n  z-index: 1;\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.cb-cta-box strong {\n  color: var(--cb-secondary);\n}\n\n\/* === DISCLAIMER === *\/\n.cb-disclaimer {\n  font-size: 12px;\n  color: var(--cb-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cb-card {\n    padding: 1.125rem;\n  }\n\n  .cb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cb-radius-sm);\n  }\n\n  .cb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cb-grid-compact {\n    gap: .625rem;\n  }\n\n  .cb-grid-compact .cb-card {\n    padding: .75rem;\n  }\n\n  .cb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cb-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cb-card {\n    animation: cbFadeInUp .5s ease backwards;\n  }\n  .cb-card:nth-child(1) { animation-delay: .05s; }\n  .cb-card:nth-child(2) { animation-delay: .1s; }\n  .cb-card:nth-child(3) { animation-delay: .15s; }\n  .cb-card:nth-child(4) { animation-delay: .2s; }\n  .cb-card:nth-child(5) { animation-delay: .25s; }\n  .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .cb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56981424537977,"sku":"SF0005","price":9.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/charbon-vegetal-active-carbo-1000-150g-sfb-laboratoires-packshothd.webp?v=1775564983"},{"product_id":"charbon-vegetal-active-carbo-1000-150g-sfb-laboratoires-copie","title":"Charbon Végétal Super Activé en Granulés CARBO 2000 - 200g - SFB LABORATOIRES","description":"\u003cdiv class=\"cb-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cb-hero\"\u003e\n    \u003cdiv class=\"cb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cb-hero-content\"\u003e\n      \u003cdiv class=\"cb-badges-top\"\u003e\n        \u003cspan class=\"cb-badge\"\u003e🥥 Coques de noix de coco\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e🌿 100 % végétal\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e⚡ Indice phénazone \u0026gt; 40 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cb-hero-title\"\u003eCharbon Végétal Super Activé CARBO 2000\u003c\/span\u003e\n      \u003cp class=\"cb-subtitle\"\u003eGranulés haute performance pour un confort digestif optimal\u003c\/p\u003e\n      \u003cp class=\"cb-description\"\u003eQualité pharmaceutique · 200 g · SFB Laboratoires\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eCharbon végétal super activé CARBO 2000 – La référence du confort digestif\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eVous souffrez de \u003cstrong\u003eballonnements\u003c\/strong\u003e, de gaz ou de lourdeurs après les repas ? Le CARBO 2000 de SFB Laboratoires est un \u003cstrong\u003echarbon végétal super activé\u003c\/strong\u003e en granulés au pouvoir adsorbant remarquable.\u003c\/p\u003e\n    \u003cp style=\"text-align:center;font-size:clamp(14px,2.2vw,16px);color:var(--cb-text-light);line-height:1.7;max-width:650px;margin:0 auto;\"\u003eLe format granulés se dose facilement, se mélange sans poussière et s'intègre simplement à votre routine. Issu de \u003cstrong\u003ecoques de noix de coco\u003c\/strong\u003e, ce charbon bénéficie d'un \u003cstrong\u003eindice de phénazone supérieur à 40 %\u003c\/strong\u003e, attestant sa qualité pharmaceutique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eBienfaits du charbon végétal activé CARBO 2000\u003c\/h2\u003e\n    \u003cdiv class=\"cb-grid\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e💨 Réduction des flatulences\u003c\/h3\u003e\n        \u003cp\u003eLe charbon activé \u003cstrong\u003econtribue à réduire la flatulence excessive après les repas\u003c\/strong\u003e – allégation EFSA pour une prise minimum de 1 g.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🫧 Confort digestif retrouvé\u003c\/h3\u003e\n        \u003cp\u003eAide à soulager les \u003cstrong\u003eballonnements\u003c\/strong\u003e et lourdeurs, notamment après des repas copieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre intestinal\u003c\/h3\u003e\n        \u003cp\u003eSon puissant \u003cstrong\u003eeffet adsorbant naturel\u003c\/strong\u003e soutient l'équilibre de votre sphère intestinale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eComposition du CARBO 2000\u003c\/h2\u003e\n    \u003cdiv class=\"cb-grid-compact\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🥥 Ingrédient unique\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e100 % charbon végétal activé\u003c\/strong\u003e de coques de noix de coco\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🧪 Indice phénazone\u003c\/h3\u003e\n        \u003cp\u003eSupérieur à \u003cstrong\u003e40 %\u003c\/strong\u003e – qualité pharmaceutique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eSans excipient, OGM, colorant ni conservateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué par \u003cstrong\u003eSFB Laboratoires\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cb-tip\"\u003e\n      \u003cspan class=\"cb-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eProduit \u003cstrong\u003e100 % végétal\u003c\/strong\u003e, adapté aux régimes végétarien et vegan.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003ePosologie du charbon végétal activé en granulés\u003c\/h2\u003e\n    \u003cdiv class=\"cb-timeline\"\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003eMélanger \u003cstrong\u003e3 cuillères à café de granulés\u003c\/strong\u003e dans un verre d'eau ou de jus, le matin à jeun. Dose minimale efficace : \u003cstrong\u003e1 g\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003ePrivilégiez la prise \u003cstrong\u003eà jeun le matin\u003c\/strong\u003e ou \u003cstrong\u003eà distance des repas\u003c\/strong\u003e (au moins 2 heures).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eEspacement avec les médicaments\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eEspacer de 3 heures minimum\u003c\/strong\u003e toute prise de médicaments ou contraceptifs oraux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"cb-accordion\"\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e💊 Traitements médicamenteux\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eConsultez votre médecin\u003c\/strong\u003e si vous suivez un traitement. Respectez un espacement de 3 heures.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eDemandez l'avis de votre médecin avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver au sec, à l'abri de la chaleur, dans son emballage d'origine. Tenir \u003cstrong\u003ehors de portée des enfants\u003c\/strong\u003e.\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=\"cb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cb-cta-box\"\u003e\n      \u003cp\u003e🖤 Le CARBO 2000 de SFB Laboratoires : un \u003cstrong\u003echarbon végétal super activé en granulés\u003c\/strong\u003e d'une pureté exceptionnelle. 200 g pour prendre soin naturellement de votre \u003cstrong\u003econfort intestinal\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cb-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cb-cream: #f4f3ed;\n  --cb-white: #ffffff;\n  --cb-primary: #1e1e1e;\n  --cb-primary-dark: #111111;\n  --cb-primary-light: #edecd6;\n  --cb-secondary: #c5a044;\n  --cb-accent: #4a7a2e;\n  --cb-text: #1a1a1a;\n  --cb-text-light: #555555;\n  --cb-border: #ddd9cc;\n  --cb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cb-radius: 20px;\n  --cb-radius-sm: 12px;\n}\n\n.cb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0d0d0d 0%, #1e1e1e 35%, #2c2c2c 60%, #1a1a18 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cb-shadow-lg), 0 0 0 1px rgba(197,160,68,.15);\n}\n\n.cb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    repeating-linear-gradient(45deg, transparent, transparent 28px, rgba(197,160,68,.04) 28px, rgba(197,160,68,.04) 30px),\n    radial-gradient(ellipse at 20% 80%, rgba(197,160,68,.06) 0%, transparent 60%),\n    radial-gradient(ellipse at 80% 20%, rgba(197,160,68,.05) 0%, transparent 50%);\n}\n\n.cb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cb-hero-title {\n  display: block;\n  color: var(--cb-secondary);\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 24px rgba(0,0,0,.5);\n  background: linear-gradient(135deg, #d4b254 0%, #c5a044 40%, #e0c76a 70%, #c5a044 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.cb-subtitle {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.cb-description {\n  color: rgba(255,255,255,.5);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n\/* === BADGES === *\/\n.cb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.92);\n  backdrop-filter: blur(12px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.12);\n  transition: all .3s ease;\n  border: 1px solid rgba(197,160,68,.15);\n}\n\n.cb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 6px 20px rgba(0,0,0,.15);\n  border-color: var(--cb-secondary);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cb-primary), var(--cb-secondary));\n  border-radius: 2px;\n}\n\n.cb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cb-card {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cb-shadow-lg);\n  border-color: var(--cb-secondary);\n}\n\n.cb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n  padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cb-primary), var(--cb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(0,0,0,.15);\n}\n\n.cb-timeline-content {\n  flex: 1;\n  background: var(--cb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cb-radius-sm);\n  box-shadow: var(--cb-shadow);\n  border-left: 3px solid var(--cb-secondary);\n}\n\n.cb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n  font-size: 14px;\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cb-primary-light);\n  border-radius: var(--cb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border: 1px solid rgba(197,160,68,.2);\n}\n\n.cb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cb-tip p {\n  font-size: 14px;\n  color: var(--cb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  box-shadow: var(--cb-shadow);\n  overflow: hidden;\n}\n\n.cb-accordion-item {\n  border-bottom: 1px solid var(--cb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cb-accordion-header:hover {\n  background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cb-secondary);\n  transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n  content: '−';\n}\n\n.cb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cb-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cb-cta-box {\n  background: linear-gradient(135deg, #111111 0%, #1e1e1e 40%, #2a2a2a 70%, #111111 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cb-shadow-lg), 0 0 0 1px rgba(197,160,68,.12);\n}\n\n.cb-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(197,160,68,.05) 20px, rgba(197,160,68,.05) 22px),\n    radial-gradient(ellipse at 50% 50%, rgba(197,160,68,.08) 0%, transparent 70%);\n}\n\n.cb-cta-box p {\n  position: relative;\n  z-index: 1;\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n  margin: 0;\n}\n\n.cb-cta-box strong {\n  color: var(--cb-secondary);\n}\n\n.cb-disclaimer {\n  font-size: 12px;\n  color: var(--cb-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cb-card {\n    padding: 1.125rem;\n  }\n\n  .cb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cb-radius-sm);\n  }\n\n  .cb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cb-grid-compact {\n    gap: .625rem;\n  }\n\n  .cb-grid-compact .cb-card {\n    padding: .75rem;\n  }\n\n  .cb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cb-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cb-card {\n    animation: cbFadeInUp .5s ease backwards;\n  }\n  .cb-card:nth-child(1) { animation-delay: .05s; }\n  .cb-card:nth-child(2) { animation-delay: .1s; }\n  .cb-card:nth-child(3) { animation-delay: .15s; }\n  .cb-card:nth-child(4) { animation-delay: .2s; }\n  .cb-card:nth-child(5) { animation-delay: .25s; }\n  .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .cb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56981940994425,"sku":"SF0015","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/charbon-vegetal-super-active-en-granules-carbo-2000-200g-sfb-packshothd_04ec9c70-1223-4eb9-8724-df83c3b522fd.webp?v=1776086753"},{"product_id":"charbon-vegetal-super-active-poudre-carbo-2000-100g-sfb-laboratoires","title":"Charbon Végétal Super Activé en Poudre CARBO 2000 - 100g - SFB LABORATOIRES","description":"\u003cdiv class=\"cb-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cb-hero\"\u003e\n    \u003cdiv class=\"cb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cb-hero-content\"\u003e\n      \u003cdiv class=\"cb-badges-top\"\u003e\n        \u003cspan class=\"cb-badge\"\u003e🥥 Coques de noix de coco\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e🌿 100 % végétal\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e⚡ Indice phénazone \u0026gt; 40 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cb-hero-title\"\u003eCharbon Végétal Super Activé CARBO 2000\u003c\/span\u003e\n      \u003cp class=\"cb-subtitle\"\u003ePoudre ultra-fine haute adsorption pour un confort digestif au quotidien\u003c\/p\u003e\n      \u003cp class=\"cb-description\"\u003eFormat poudre · 100 g · SFB Laboratoires\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eCharbon végétal activé en poudre CARBO 2000 : pourquoi le choisir ?\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eBallonnements, gaz après les repas, sensation de lourdeur… Le \u003cstrong\u003echarbon végétal super activé\u003c\/strong\u003e CARBO 2000 de SFB Laboratoires est votre allié naturel pour le confort digestif.\u003c\/p\u003e\n    \u003cp class=\"cb-section-text\"\u003eObtenu à partir de \u003cstrong\u003ecoques de noix de coco\u003c\/strong\u003e, ce \u003cstrong\u003echarbon activé en poudre\u003c\/strong\u003e atteint un \u003cstrong\u003eindice de phénazone supérieur à 40 %\u003c\/strong\u003e, garantissant une capacité d'adsorption remarquable. Format 100 g ultra-fin pour un dosage souple et une dissolution rapide.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eBienfaits du charbon végétal activé en poudre\u003c\/h2\u003e\n    \u003cdiv class=\"cb-grid\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e💨 Flatulences réduites\u003c\/h3\u003e\n        \u003cp\u003eContribue à réduire la \u003cstrong\u003eflatulence excessive\u003c\/strong\u003e après les repas (allégation EFSA, pour une prise d'au moins 1 g).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🫧 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eAide à atténuer les \u003cstrong\u003eballonnements\u003c\/strong\u003e, gaz intestinaux et sensations de lourdeur après un repas copieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🧽 Puissant pouvoir adsorbant\u003c\/h3\u003e\n        \u003cp\u003eSa surface microporeuse capte les gaz et impuretés du tractus digestif, soutenant l'\u003cstrong\u003eéquilibre intestinal\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eComposition : un ingrédient, zéro superflu\u003c\/h2\u003e\n    \u003cdiv class=\"cb-grid-compact\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🥥 Ingrédient unique\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e100 % charbon végétal activé\u003c\/strong\u003e issu de coques de noix de coco\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🧪 Qualité pharmaceutique\u003c\/h3\u003e\n        \u003cp\u003eIndice de phénazone \u003cstrong\u003e\u0026gt; 40 %\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eSans excipient, sans OGM, sans colorant ni conservateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e100 g\u003c\/strong\u003e de poudre pure – Format économique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cb-tip\"\u003e\n      \u003cspan class=\"cb-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eProduit \u003cstrong\u003e100 % végétal\u003c\/strong\u003e, compatible avec les régimes végétarien et vegan.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eCharbon végétal activé posologie : comment bien le prendre ?\u003c\/h2\u003e\n    \u003cdiv class=\"cb-timeline\"\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003eDiluez \u003cstrong\u003e1 à 2 cuillères à café\u003c\/strong\u003e dans un grand verre d'eau (200 ml). Dose minimale efficace : \u003cstrong\u003e1 g par prise\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eMoment de prise idéal\u003c\/h3\u003e\n          \u003cp\u003ePrenez-le \u003cstrong\u003eà jeun\u003c\/strong\u003e ou \u003cstrong\u003eà distance des repas\u003c\/strong\u003e (au moins 2 heures avant ou après) pour une adsorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eAstuce pratique\u003c\/h3\u003e\n          \u003cp\u003eRincez-vous la bouche après la prise : la \u003cstrong\u003epoudre de charbon\u003c\/strong\u003e peut colorer temporairement les dents.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et charbon végétal activé danger\u003c\/h2\u003e\n    \u003cdiv class=\"cb-accordion\"\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e💊 Interaction avec les médicaments\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eEspacez toute prise de médicaments ou contraceptifs oraux d'au moins 3 heures.\u003c\/strong\u003e En cas de doute, consultez votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eDemandez l'avis de votre professionnel de santé avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e⏱️ Durée de cure\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eCure limitée à \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e. Au-delà, faites une pause pour éviter toute interférence avec l'absorption de nutriments.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez bien fermé, au sec, à l'abri de la lumière. \u003cstrong\u003eHors de portée des enfants.\u003c\/strong\u003e\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=\"cb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cb-cta-box\"\u003e\n      \u003cp\u003e🖤 CARBO 2000 de SFB Laboratoires : un \u003cstrong\u003echarbon végétal super activé\u003c\/strong\u003e d'une pureté totale, sans aucun additif. 100 g de poudre ultra-fine pour retrouver un véritable \u003cstrong\u003econfort digestif\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cb-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cb-cream: #f5f4ee;\n  --cb-white: #ffffff;\n  --cb-primary: #1a1a1a;\n  --cb-primary-dark: #0e0e0e;\n  --cb-primary-light: #f0eddc;\n  --cb-secondary: #c5a044;\n  --cb-accent: #4a7a2e;\n  --cb-text: #1a1a1a;\n  --cb-text-light: #555555;\n  --cb-border: #ddd9cc;\n  --cb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cb-radius: 20px;\n  --cb-radius-sm: 12px;\n}\n\n.cb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #080808 0%, #161616 30%, #222222 55%, #1a1915 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cb-shadow-lg), 0 0 0 1px rgba(197,160,68,.18);\n}\n\n.cb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    repeating-linear-gradient(45deg, transparent, transparent 28px, rgba(197,160,68,.035) 28px, rgba(197,160,68,.035) 30px),\n    radial-gradient(ellipse at 15% 85%, rgba(197,160,68,.07) 0%, transparent 55%),\n    radial-gradient(ellipse at 85% 15%, rgba(197,160,68,.05) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(74,122,46,.04) 0%, transparent 40%);\n}\n\n.cb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cb-hero-title {\n  display: block;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 24px rgba(0,0,0,.5);\n  background: linear-gradient(135deg, #dcc05e 0%, #c5a044 35%, #e8d07a 60%, #b8933a 85%, #c5a044 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.cb-subtitle {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.cb-description {\n  color: rgba(255,255,255,.45);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n\/* === BADGES === *\/\n.cb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.93);\n  backdrop-filter: blur(12px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.12);\n  transition: all .3s ease;\n  border: 1px solid rgba(197,160,68,.18);\n}\n\n.cb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 6px 20px rgba(0,0,0,.18);\n  border-color: var(--cb-secondary);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cb-primary), var(--cb-secondary));\n  border-radius: 2px;\n}\n\n.cb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.cb-section-text {\n  text-align: center;\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--cb-text-light);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === CARDS === *\/\n.cb-card {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cb-shadow-lg);\n  border-color: var(--cb-secondary);\n}\n\n.cb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n  padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cb-primary), var(--cb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(0,0,0,.15);\n}\n\n.cb-timeline-content {\n  flex: 1;\n  background: var(--cb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cb-radius-sm);\n  box-shadow: var(--cb-shadow);\n  border-left: 3px solid var(--cb-secondary);\n}\n\n.cb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n  font-size: 14px;\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.cb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cb-primary-light);\n  border-radius: var(--cb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border: 1px solid rgba(197,160,68,.2);\n}\n\n.cb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cb-tip p {\n  font-size: 14px;\n  color: var(--cb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  box-shadow: var(--cb-shadow);\n  overflow: hidden;\n}\n\n.cb-accordion-item {\n  border-bottom: 1px solid var(--cb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cb-accordion-header:hover {\n  background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cb-secondary);\n  transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n  content: '−';\n}\n\n.cb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cb-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.cb-cta-box {\n  background: linear-gradient(135deg, #0a0a0a 0%, #181818 35%, #252525 65%, #0e0e0e 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cb-shadow-lg), 0 0 0 1px rgba(197,160,68,.14);\n}\n\n.cb-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(197,160,68,.04) 20px, rgba(197,160,68,.04) 22px),\n    radial-gradient(ellipse at 50% 50%, rgba(197,160,68,.08) 0%, transparent 70%);\n}\n\n.cb-cta-box p {\n  position: relative;\n  z-index: 1;\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n  margin: 0;\n}\n\n.cb-cta-box strong {\n  color: var(--cb-secondary);\n}\n\n\/* === DISCLAIMER === *\/\n.cb-disclaimer {\n  font-size: 12px;\n  color: var(--cb-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .cb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cb-card {\n    padding: 1.125rem;\n  }\n\n  .cb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cb-radius-sm);\n  }\n\n  .cb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cb-grid-compact {\n    gap: .625rem;\n  }\n\n  .cb-grid-compact .cb-card {\n    padding: .75rem;\n  }\n\n  .cb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cb-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cb-card {\n    animation: cbFadeInUp .5s ease backwards;\n  }\n  .cb-card:nth-child(1) { animation-delay: .05s; }\n  .cb-card:nth-child(2) { animation-delay: .1s; }\n  .cb-card:nth-child(3) { animation-delay: .15s; }\n  .cb-card:nth-child(4) { animation-delay: .2s; }\n  .cb-card:nth-child(5) { animation-delay: .25s; }\n  .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56982164144505,"sku":"SF0010","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/charbon-vegetal-super-active-en-poudre-carbo-2000-100g-sfb-l-packshothd_b9f844e4-40c6-4a2c-80e1-408a0e7d2e3d.webp?v=1776086382"},{"product_id":"charbon-super-active-myrtille-120-gelules-sfb-laboratoires","title":"Charbon Super Activé + Myrtille - 120 gélules - SFB Laboratoires","description":"\u003cdiv class=\"cv-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cv-hero\"\u003e\n    \u003cdiv class=\"cv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cv-hero-content\"\u003e\n      \u003cdiv class=\"cv-badges-top\"\u003e\n        \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cv-badge\"\u003e🥥 Charbon de coco\u003c\/span\u003e\n        \u003cspan class=\"cv-badge\"\u003e🫐 Enrichi en myrtille\u003c\/span\u003e\n        \u003cspan class=\"cv-badge\"\u003e💊 120 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cv-hero-title\"\u003eCharbon Super Activé + Myrtille\u003c\/span\u003e\n      \u003cp class=\"cv-subtitle\"\u003eSFB Laboratoires — La force du naturel\u003c\/p\u003e\n      \u003cp class=\"cv-description\"\u003eUn charbon végétal à l'indice de phénazone supérieur à 40 %, enrichi en myrtille pour un confort digestif optimal. Surface d'adsorption : environ 2000 m²\/g.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003eCharbon Super Activé + Myrtille : le duo naturel pour votre confort digestif\u003c\/h2\u003e\n    \u003cp class=\"cv-section-intro\"\u003eBallonnements, gaz intestinaux, sensation de lourdeur après les repas… Découvrez une solution naturelle qui associe deux actifs complémentaires pour retrouver un confort digestif au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"cv-grid-compact\"\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🥥 Charbon végétal activé\u003c\/h3\u003e\n        \u003cp\u003eIssu de coques de noix de coco, pour une capacité d'adsorption exceptionnelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🫐 Extrait de myrtille\u003c\/h3\u003e\n        \u003cp\u003ePropriétés reconnues pour apaiser et protéger la sphère digestive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003ePar SFB Laboratoires, une démarche exigeante en qualité et performance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales en cellulose, sans composant d'origine animale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un charbon activé super performant ?\u003c\/h2\u003e\n    \u003cp class=\"cv-section-intro\"\u003eTous les charbons activés ne se valent pas. Ce qui distingue cette formule, c'est sa capacité d'adsorption hors norme, mesurée par des indicateurs techniques de référence.\u003c\/p\u003e\n    \u003cdiv class=\"cv-grid\"\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e📊 Indice de phénazone \u0026gt; 40 %\u003c\/h3\u003e\n        \u003cp\u003eUn indicateur technique qui traduit une capacité d'adsorption particulièrement élevée, bien au-dessus de la moyenne du marché\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🔬 2000 m²\/g de surface\u003c\/h3\u003e\n        \u003cp\u003eUne poudre ultra-fine offrant un potentiel de piégeage impressionnant des toxines, gaz et impuretés dans le tube digestif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e💎 Qualité haute gamme\u003c\/h3\u003e\n        \u003cp\u003eC'est cette qualité de charbon que l'on retrouve habituellement en charbon activé pharmacie de haute gamme\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la myrtille pour compléter l'action du charbon\u003c\/h2\u003e\n    \u003cp class=\"cv-section-intro\"\u003eL'ajout de poudre de myrtille n'est pas anodin. Riche en antioxydants et en composés phénoliques, elle renforce l'action du charbon de manière complémentaire.\u003c\/p\u003e\n    \u003cdiv class=\"cv-grid\"\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e💨 Fermentation intestinale régulée\u003c\/h3\u003e\n        \u003cp\u003eRégule la fermentation intestinale excessive, souvent responsable des ballonnements gênants après les repas\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🛡️ Muqueuse gastrique protégée\u003c\/h3\u003e\n        \u003cp\u003eProtège la muqueuse gastrique et apaise le système digestif grâce à ses composés phénoliques naturels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🦠 Flore intestinale soutenue\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'équilibre de la flore intestinale pour un bien-être digestif global et durable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cv-tip\"\u003e\n      \u003cspan class=\"cv-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eEn combinant ces deux actifs, les bienfaits du charbon activé sont renforcés par une action douce et protectrice sur l'ensemble de la sphère digestive.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"cv-section-intro\"\u003ePour 9 gélules (dose journalière maximale) :\u003c\/p\u003e\n    \u003cdiv class=\"cv-grid\"\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🥥 Charbon végétal super activé\u003c\/h3\u003e\n        \u003cp\u003eIssu de noix de coco (\u003cem\u003eCocos nucifera\u003c\/em\u003e) en poudre — \u003cstrong\u003e1 710 mg\u003c\/strong\u003e par dose journalière\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🫐 Poudre de myrtille\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e450 mg\u003c\/strong\u003e par dose journalière — riche en antioxydants et composés phénoliques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe en cellulose — convient aux personnes souhaitant éviter les gélules d'origine animale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cv-tip\"\u003e\n      \u003cspan class=\"cv-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eConditionnement : pilulier de \u003cstrong\u003e120 gélules végétales\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003eComment prendre le charbon activé + myrtille ?\u003c\/h2\u003e\n    \u003cp class=\"cv-section-intro\"\u003eLa posologie recommandée est de 3 à 6 gélules par jour. Pour un effet optimal, suivez le protocole suivant :\u003c\/p\u003e\n    \u003cdiv class=\"cv-timeline\"\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eAvant le repas\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e3 gélules\u003c\/strong\u003e (1 g de charbon) au moins \u003cstrong\u003e30 minutes avant le repas\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eAprès le repas\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e3 gélules\u003c\/strong\u003e (1 g de charbon) \u003cstrong\u003ejuste après le repas\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eEn cas de traitement médicamenteux\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eEspacez la prise d'au moins 3 heures\u003c\/strong\u003e, car le charbon activé peut réduire l'absorption de certains médicaments.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n    \u003cdiv class=\"cv-accordion\"\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 9 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e🩺 Complément, pas un médicament\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical ni un régime alimentaire varié et équilibré.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e👶 Hors de portée des enfants\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver au sec, à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de doute, notamment concernant le charbon végétal activé et d'éventuelles interactions, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e🐾 Usage exclusivement humain\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est formulé exclusivement pour l'adulte humain. Pour tout usage vétérinaire ou situation particulière, demandez toujours un avis professionnel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"cv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui est fait ce complément ?\u003c\/h2\u003e\n    \u003cp class=\"cv-section-intro\"\u003eCe charbon super activé à la myrtille s'adresse à toute personne adulte souhaitant agir naturellement sur son confort digestif.\u003c\/p\u003e\n    \u003cdiv class=\"cv-grid\"\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e💨 Réduire les flatulences\u003c\/h3\u003e\n        \u003cp\u003eDiminuez les flatulences et ballonnements après les repas grâce à la puissante capacité d'adsorption du charbon\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🧹 Détoxification douce\u003c\/h3\u003e\n        \u003cp\u003eSoutenez une détoxification douce de l'organisme avec des actifs 100 % d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e😌 Confort intestinal\u003c\/h3\u003e\n        \u003cp\u003eAméliorez votre confort intestinal au quotidien grâce au duo charbon-myrtille synergique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cv-cta-box\"\u003e\n      \u003cp\u003e🫐 Fabriqué en France par SFB Laboratoires — 120 gélules végétales pour un confort digestif retrouvé, naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cv-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière conseillée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cv-cream: #f7f5f0;\n  --cv-white: #ffffff;\n  --cv-primary: #2d5016;\n  --cv-primary-dark: #1a3a0a;\n  --cv-primary-light: #eef5e8;\n  --cv-secondary: #c8912e;\n  --cv-accent: #4a3080;\n  --cv-text: #1a1a1a;\n  --cv-text-light: #5a5a5a;\n  --cv-border: #e0e0e0;\n  --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cv-radius: 20px;\n  --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cv-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--cv-primary-dark) 0%, var(--cv-primary) 45%, var(--cv-secondary) 100%);\n  border-radius: var(--cv-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cv-shadow-lg);\n}\n\n.cv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(200,145,46,.15) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.cv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cv-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cv-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cv-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cv-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.cv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cv-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cv-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cv-primary), var(--cv-secondary));\n  border-radius: 2px;\n}\n\n.cv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cv-card {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cv-shadow-lg);\n  border-color: var(--cv-primary);\n}\n\n.cv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n  padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cv-primary), var(--cv-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cv-timeline-content {\n  flex: 1;\n  background: var(--cv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cv-radius-sm);\n  box-shadow: var(--cv-shadow);\n}\n\n.cv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n  font-size: 14px;\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cv-testimonial {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cv-shadow);\n  border-left: 4px solid var(--cv-primary);\n}\n\n.cv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cv-accordion {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  box-shadow: var(--cv-shadow);\n  overflow: hidden;\n}\n\n.cv-accordion-item {\n  border-bottom: 1px solid var(--cv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cv-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cv-accordion-header:hover {\n  background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cv-primary);\n  transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n  content: '−';\n}\n\n.cv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cv-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cv-primary-light);\n  border-radius: var(--cv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cv-tip p {\n  font-size: 14px;\n  color: var(--cv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cv-cta-box {\n  background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 100%);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.cv-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cv-disclaimer {\n  font-size: 12px;\n  color: var(--cv-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cv-card {\n    padding: 1.125rem;\n  }\n\n  .cv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cv-radius-sm);\n  }\n\n  .cv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cv-grid-compact {\n    gap: .625rem;\n  }\n\n  .cv-grid-compact .cv-card {\n    padding: .75rem;\n  }\n\n  .cv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cv-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cv-card {\n    animation: cvFadeInUp .5s ease backwards;\n  }\n  .cv-card:nth-child(1) { animation-delay: .05s; }\n  .cv-card:nth-child(2) { animation-delay: .1s; }\n  .cv-card:nth-child(3) { animation-delay: .15s; }\n  .cv-card:nth-child(4) { animation-delay: .2s; }\n  .cv-card:nth-child(5) { animation-delay: .25s; }\n  .cv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cvFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .cv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":56982574072185,"sku":"SF0025","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/charbon-super-active-myrtille-120-gelules-sfb-laboratoires-lifestyle.webp?v=1776085565"},{"product_id":"charbon-super-active-propolis-verte-90-gelules-sfb-laboratoires","title":"Charbon Super Activé Propolis Verte - 90 gélules - SFB Laboratoires","description":"\u003cdiv class=\"cv-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cv-hero\"\u003e\n    \u003cdiv class=\"cv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cv-hero-content\"\u003e\n      \u003cdiv class=\"cv-badges-top\"\u003e\n        \u003cspan class=\"cv-badge\"\u003e🐝 Propolis verte du Brésil\u003c\/span\u003e\n        \u003cspan class=\"cv-badge\"\u003e🥥 Coques de noix de coco\u003c\/span\u003e\n        \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cv-badge\"\u003e💊 90 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cv-hero-title\"\u003eCharbon Super Activé + Propolis Verte\u003c\/span\u003e\n      \u003cp class=\"cv-subtitle\"\u003eL'alliance unique du charbon végétal activé et de la propolis pour un confort digestif renforcé\u003c\/p\u003e\n      \u003cp class=\"cv-description\"\u003e90 gélules · SFB Laboratoires · Complément alimentaire\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003ePourquoi associer charbon activé et propolis verte ?\u003c\/h2\u003e\n    \u003cp class=\"cv-section-intro\"\u003eUne solution naturelle contre les ballonnements, les gaz et la sensation de ventre lourd. Ce complément de SFB Laboratoires va plus loin qu'un simple \u003cstrong\u003echarbon activé végétal\u003c\/strong\u003e classique.\u003c\/p\u003e\n    \u003cp class=\"cv-section-text\"\u003eLe \u003cstrong\u003echarbon végétal activé\u003c\/strong\u003e issu de coques de noix de coco capte les gaz et impuretés du tube digestif grâce à sa capacité d'adsorption exceptionnelle. La \u003cstrong\u003epropolis verte du Brésil\u003c\/strong\u003e complète cette action par ses propriétés apaisantes. Résultat : un confort intestinal véritablement amélioré au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003eLes bienfaits du charbon activé enrichi en propolis\u003c\/h2\u003e\n    \u003cdiv class=\"cv-grid\"\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e💨 Réduction des flatulences\u003c\/h3\u003e\n        \u003cp\u003eLe \u003cstrong\u003echarbon activé\u003c\/strong\u003e contribue à réduire la flatulence excessive après les repas (allégation EFSA, min. 1 g\/jour).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🐝 Soutien par la propolis\u003c\/h3\u003e\n        \u003cp\u003eLa \u003cstrong\u003epropolis verte\u003c\/strong\u003e brésilienne apporte ses composés naturels pour un soutien global du bien-être digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🧽 Puissant pouvoir adsorbant\u003c\/h3\u003e\n        \u003cp\u003eSa structure microporeuse capte efficacement gaz et toxines du tractus digestif, favorisant l'\u003cstrong\u003eéquilibre intestinal\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 3 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"cv-grid-compact\"\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🥥 Charbon végétal activé\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e705 mg\u003c\/strong\u003e issu de coques de noix de coco (super activé)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e🐝 Propolis verte\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e75 mg\u003c\/strong\u003e d'extrait de propolis verte du Brésil\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n        \u003cp\u003eGélule végétale (HPMC) — convient aux végétariens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-card\"\u003e\n        \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e90 gélules\u003c\/strong\u003e — environ 30 jours d'utilisation\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cv-tip\"\u003e\n      \u003cspan class=\"cv-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eContient des \u003cstrong\u003eproduits de la ruche\u003c\/strong\u003e. Déconseillé aux personnes allergiques aux produits apicoles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003eComment prendre le charbon végétal activé en gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"cv-timeline\"\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, réparties au cours de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003ePrivilégiez une prise \u003cstrong\u003eà distance des repas\u003c\/strong\u003e (au moins 2 heures avant ou après).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cv-timeline-item\"\u003e\n        \u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cv-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eCure de \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e. Renouvelez si nécessaire après une pause d'une semaine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"cv-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cv-accordion\"\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e💊 Charbon végétal activé et médicaments\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eEspacez toute prise de médicament ou contraceptif oral d'au moins 3 heures.\u003c\/strong\u003e Demandez conseil à votre médecin si vous suivez un traitement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e⚠️ Y a-t-il des risques ?\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eAux doses recommandées, le charbon végétal est sûr. Effets possibles bénins : selles noires, légère constipation passagère. Respectez la durée de cure conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cv-accordion-item\"\u003e\n        \u003csummary class=\"cv-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n          \u003cp\u003eDemandez l'avis de votre professionnel de santé avant toute utilisation pendant la grossesse ou l'allaitement.\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=\"cv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cv-cta-box\"\u003e\n      \u003cp\u003e🐝 Avec le \u003cstrong\u003eCharbon Super Activé + Propolis Verte\u003c\/strong\u003e de SFB Laboratoires, profitez d'une formule unique alliant la puissance d'adsorption du \u003cstrong\u003echarbon végétal activé\u003c\/strong\u003e aux bienfaits de la propolis brésilienne. 90 gélules pour retrouver un véritable \u003cstrong\u003econfort digestif\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cv-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Conserver au sec, à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cv-cream: #faf8f2;\n  --cv-white: #ffffff;\n  --cv-primary: #3d3529;\n  --cv-primary-dark: #2a2318;\n  --cv-primary-light: #f3edd8;\n  --cv-secondary: #c8922a;\n  --cv-accent: #4e8a30;\n  --cv-gold: #d4a73a;\n  --cv-gold-light: #e8c96e;\n  --cv-charcoal: #2c2c2c;\n  --cv-text: #1a1a1a;\n  --cv-text-light: #5a5a5a;\n  --cv-border: #e2dcc8;\n  --cv-shadow: 0 4px 24px rgba(0,0,0,.07);\n  --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.13);\n  --cv-radius: 20px;\n  --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a1510 0%, #2e2518 30%, #3d3222 55%, #4a3a20 80%, #2e2518 100%);\n  border-radius: var(--cv-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cv-shadow-lg), 0 0 0 1px rgba(200,146,42,.2);\n}\n\n.cv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(ellipse at 20% 80%, rgba(200,146,42,.1) 0%, transparent 50%),\n    radial-gradient(ellipse at 80% 20%, rgba(212,167,58,.08) 0%, transparent 45%),\n    radial-gradient(circle at 50% 50%, rgba(78,138,48,.05) 0%, transparent 35%),\n    repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(200,146,42,.02) 3deg, transparent 6deg);\n}\n\n.cv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cv-hero-title {\n  display: block;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 24px rgba(0,0,0,.4);\n  background: linear-gradient(135deg, #e8c96e 0%, #d4a73a 30%, #f0d88a 55%, #c8922a 80%, #d4a73a 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.cv-subtitle {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  line-height: 1.4;\n}\n\n.cv-description {\n  color: rgba(255,255,255,.42);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n\/* === BADGES === *\/\n.cv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cv-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.94);\n  backdrop-filter: blur(12px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n  border: 1px solid rgba(200,146,42,.15);\n}\n\n.cv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 6px 20px rgba(0,0,0,.16);\n  border-color: var(--cv-secondary);\n}\n\n\/* === SECTIONS === *\/\n.cv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cv-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cv-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cv-secondary), var(--cv-gold-light));\n  border-radius: 2px;\n}\n\n.cv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.cv-section-text {\n  text-align: center;\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--cv-text-light);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === CARDS === *\/\n.cv-card {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cv-shadow-lg);\n  border-color: var(--cv-secondary);\n}\n\n.cv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n  padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cv-secondary), var(--cv-gold));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 14px rgba(200,146,42,.3);\n}\n\n.cv-timeline-content {\n  flex: 1;\n  background: var(--cv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cv-radius-sm);\n  box-shadow: var(--cv-shadow);\n  border-left: 3px solid var(--cv-secondary);\n}\n\n.cv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n  font-size: 14px;\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.cv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cv-primary-light);\n  border-radius: var(--cv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border: 1px solid rgba(200,146,42,.2);\n}\n\n.cv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cv-tip p {\n  font-size: 14px;\n  color: var(--cv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cv-accordion {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  box-shadow: var(--cv-shadow);\n  overflow: hidden;\n}\n\n.cv-accordion-item {\n  border-bottom: 1px solid var(--cv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cv-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cv-accordion-header:hover {\n  background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cv-secondary);\n  transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n  content: '−';\n}\n\n.cv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cv-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.cv-cta-box {\n  background: linear-gradient(135deg, #1a1510 0%, #2e2518 35%, #3d3222 65%, #1a1510 100%);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cv-shadow-lg), 0 0 0 1px rgba(200,146,42,.15);\n}\n\n.cv-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(ellipse at 50% 50%, rgba(200,146,42,.1) 0%, transparent 65%),\n    repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(200,146,42,.03) 20px, rgba(200,146,42,.03) 22px);\n}\n\n.cv-cta-box p {\n  position: relative;\n  z-index: 1;\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n  margin: 0;\n}\n\n.cv-cta-box strong {\n  color: var(--cv-gold-light);\n}\n\n\/* === DISCLAIMER === *\/\n.cv-disclaimer {\n  font-size: 12px;\n  color: var(--cv-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .cv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cv-card {\n    padding: 1.125rem;\n  }\n\n  .cv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cv-radius-sm);\n  }\n\n  .cv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cv-grid-compact {\n    gap: .625rem;\n  }\n\n  .cv-grid-compact .cv-card {\n    padding: .75rem;\n  }\n\n  .cv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cv-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cv-card {\n    animation: cvFadeInUp .5s ease backwards;\n  }\n  .cv-card:nth-child(1) { animation-delay: .05s; }\n  .cv-card:nth-child(2) { animation-delay: .1s; }\n  .cv-card:nth-child(3) { animation-delay: .15s; }\n  .cv-card:nth-child(4) { animation-delay: .2s; }\n  .cv-card:nth-child(5) { animation-delay: .25s; }\n  .cv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cvFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57050710507897,"sku":"SF0030","price":13.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/charbon-super-active-propolis-verte-90-gelules-sfb-laboratoi-packshothd.webp?v=1776073271"},{"product_id":"lecithine-de-soja-granules-200-g-sfb","title":"Lecithine de Soja Granulés - 200 g - SFB","description":"\u003cdiv class=\"ls-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ls-hero\"\u003e\n    \u003cdiv class=\"ls-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ls-hero-content\"\u003e\n      \u003cdiv class=\"ls-badges-top\"\u003e\n        \u003cspan class=\"ls-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ls-badge\"\u003e🌿 100 % végétal\u003c\/span\u003e\n        \u003cspan class=\"ls-badge\"\u003e🚫 Sans OGM\u003c\/span\u003e\n        \u003cspan class=\"ls-badge\"\u003e📦 200 g granulés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ls-hero-title\"\u003eLécithine de Soja Granulés\u003c\/span\u003e\n      \u003cp class=\"ls-subtitle\"\u003eSFB Laboratoires – La force du naturel\u003c\/p\u003e\n      \u003cp class=\"ls-description\"\u003eUn concentré naturel de phospholipides essentiels pour soutenir vos cellules, votre métabolisme lipidique et contribuer au maintien d'une cholestérolémie normale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ls-section\"\u003e\n    \u003ch2\u003eLécithine de soja en granulés SFB – Un concentré naturel de phospholipides\u003c\/h2\u003e\n    \u003cp class=\"ls-section-intro\"\u003eVous cherchez un moyen simple et naturel d'enrichir votre alimentation en phospholipides essentiels ? La \u003cstrong\u003elécithine de soja en granulés\u003c\/strong\u003e des Laboratoires SFB vous apporte, dans une formule 100 % végétale, les nutriments clés qui participent au bon fonctionnement de vos cellules et au métabolisme des lipides. Fabriqué en France, sans OGM et sans additifs, ce complément alimentaire s'intègre facilement à vos repas quotidiens.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ls-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la lécithine de soja SFB ?\u003c\/h2\u003e\n    \u003cp class=\"ls-section-intro\"\u003eLa \u003cstrong\u003elécithine de soja\u003c\/strong\u003e est une substance naturelle extraite des fèves de soja, reconnue pour sa richesse en phospholipides. Ces composés jouent un rôle fondamental dans la structure des membranes cellulaires et participent à l'équilibre nutritionnel global.\u003c\/p\u003e\n    \u003cdiv class=\"ls-grid\"\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🧬 Phosphatidylcholine 18 %\u003c\/h3\u003e\n        \u003cp\u003eL'un des phospholipides majeurs, essentiel à la structure de vos membranes cellulaires et au métabolisme lipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🔬 Phosphatidylinositol 15 %\u003c\/h3\u003e\n        \u003cp\u003eUn second phospholipide clé qui contribue à l'équilibre nutritionnel global de votre organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🫒 Acide linoléique\u003c\/h3\u003e\n        \u003cp\u003eSource naturelle de cet acide gras essentiel que votre corps ne peut pas synthétiser lui-même.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🦴 Phosphore naturel\u003c\/h3\u003e\n        \u003cp\u003e2,5 g pour 100 g – un minéral contribuant au maintien d'une ossature normale et au métabolisme énergétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e❤️ Cholestérolémie normale\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une cholestérolémie normale dans le cadre d'une alimentation variée et équilibrée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e✨ Format granulés pratique\u003c\/h3\u003e\n        \u003cp\u003eFacile à doser, agréable en bouche, se mélange à tous vos plats et boissons sans les dénaturer.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ls-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"ls-section-intro\"\u003ePour une dose journalière recommandée de \u003cstrong\u003e18 g\u003c\/strong\u003e (1 cuillère à soupe) :\u003c\/p\u003e\n    \u003cdiv class=\"ls-grid-compact\"\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🫘 Lécithine de soja (E322)\u003c\/h3\u003e\n        \u003cp\u003e17,46 g par dose\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🧬 Phosphatidylcholine\u003c\/h3\u003e\n        \u003cp\u003e18 %\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🔬 Phosphatidylinositol\u003c\/h3\u003e\n        \u003cp\u003e15 %\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🫒 Acide linoléique\u003c\/h3\u003e\n        \u003cp\u003eAcide gras essentiel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🦴 Phosphore\u003c\/h3\u003e\n        \u003cp\u003e2,5 g \/ 100 g\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e⚠️ Allergène\u003c\/h3\u003e\n        \u003cp\u003eContient du soja\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ls-section\"\u003e\n    \u003ch2\u003eComment prendre la lécithine de soja en granulés ?\u003c\/h2\u003e\n    \u003cp class=\"ls-section-intro\"\u003eLa posologie recommandée est de \u003cstrong\u003e1 à 3 cuillères à soupe par jour\u003c\/strong\u003e (soit 18 à 54 g), de préférence avant les repas.\u003c\/p\u003e\n    \u003cdiv class=\"ls-timeline\"\u003e\n      \u003cdiv class=\"ls-timeline-item\"\u003e\n        \u003cdiv class=\"ls-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ls-timeline-content\"\u003e\n          \u003ch3\u003eDosez simplement\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 à 3 cuillères à soupe de granulés selon vos besoins. Le pot de 200 g correspond à environ \u003cstrong\u003e11 jours\u003c\/strong\u003e à la dose maximale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-timeline-item\"\u003e\n        \u003cdiv class=\"ls-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ls-timeline-content\"\u003e\n          \u003ch3\u003eIntégrez à vos repas\u003c\/h3\u003e\n          \u003cp\u003eSaupoudrez sur un \u003cstrong\u003eyaourt\u003c\/strong\u003e, mélangez à un \u003cstrong\u003esmoothie\u003c\/strong\u003e, incorporez dans vos \u003cstrong\u003ecéréales du matin\u003c\/strong\u003e ou ajoutez à vos \u003cstrong\u003esauces et préparations culinaires\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-timeline-item\"\u003e\n        \u003cdiv class=\"ls-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ls-timeline-content\"\u003e\n          \u003ch3\u003eSavourez sans altérer vos plats\u003c\/h3\u003e\n          \u003cp\u003eLe goût discret des granulés se marie à tous vos plats sans les dénaturer. Une façon agréable d'enrichir votre alimentation au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ls-section\"\u003e\n    \u003ch2\u003eLa lécithine de soja est-elle dangereuse ?\u003c\/h2\u003e\n    \u003cdiv class=\"ls-testimonial\"\u003e\n      \u003cp class=\"ls-testimonial-text\"\u003eBeaucoup d'internautes s'interrogent : la \u003cstrong\u003elécithine de soja est-elle dangereuse\u003c\/strong\u003e ? Rassurez-vous, la lécithine de soja est un ingrédient naturel largement utilisé dans l'alimentation. Elle ne présente pas de danger aux doses recommandées. Les principales \u003cstrong\u003econtre-indications de la lécithine de soja\u003c\/strong\u003e concernent les personnes allergiques au soja, qui doivent évidemment éviter ce produit. En cas de doute ou de traitement médical en cours, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"ls-section\"\u003e\n    \u003ch2\u003eLes garanties qualité SFB Laboratoires\u003c\/h2\u003e\n    \u003cdiv class=\"ls-grid-compact\"\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eConvient aux régimes vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eSans conservateurs, sans additifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n        \u003cp\u003eAdapté aux intolérants\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ls-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eExperts depuis 1982\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"ls-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ls-accordion\"\u003e\n      \u003cdetails class=\"ls-accordion-item\"\u003e\n        \u003csummary class=\"ls-accordion-header\"\u003e💊 Complément alimentaire\u003c\/summary\u003e\n        \u003cdiv class=\"ls-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne remplace ni un traitement médical ni une alimentation variée et équilibrée. Ne dépassez pas la dose journalière indiquée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ls-accordion-item\"\u003e\n        \u003csummary class=\"ls-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ls-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le pot à l'abri de la chaleur et tenez-le hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ls-accordion-item\"\u003e\n        \u003csummary class=\"ls-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"ls-accordion-content mt-3\"\u003e\n          \u003cp\u003eSi vous suivez un traitement médicamenteux ou si vous êtes enceinte ou allaitante, consultez un professionnel de santé avant toute prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ls-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Complément alimentaire à utiliser dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ls-cream: #f7f5f0;\n  --ls-white: #ffffff;\n  --ls-primary: #3d7a3e;\n  --ls-primary-dark: #2a5a2b;\n  --ls-primary-light: #e8f2e8;\n  --ls-secondary: #c5a84d;\n  --ls-accent: #d4af37;\n  --ls-text: #1a1a1a;\n  --ls-text-light: #5a5a5a;\n  --ls-border: #e0e0e0;\n  --ls-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ls-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ls-radius: 20px;\n  --ls-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ls-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ls-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ls-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ls-primary-dark) 0%, var(--ls-primary) 50%, var(--ls-secondary) 100%);\n  border-radius: var(--ls-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ls-shadow-lg);\n}\n\n.ls-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(197,168,77,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.ls-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ls-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ls-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.ls-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ls-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ls-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ls-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ls-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ls-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ls-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ls-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ls-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ls-primary), var(--ls-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ls-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ls-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.ls-section-intro strong {\n  color: var(--ls-text);\n}\n\n\/* === CARDS === *\/\n.ls-card {\n  background: var(--ls-white);\n  border-radius: var(--ls-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ls-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ls-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ls-shadow-lg);\n  border-color: var(--ls-primary);\n}\n\n.ls-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ls-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ls-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ls-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ls-card p strong {\n  color: var(--ls-text);\n}\n\n\/* === GRILLES === *\/\n.ls-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ls-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ls-grid-compact .ls-card {\n  padding: 1rem;\n}\n\n.ls-grid-compact .ls-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ls-grid-compact .ls-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ls-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ls-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ls-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ls-primary), var(--ls-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ls-timeline-content {\n  flex: 1;\n  background: var(--ls-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ls-radius-sm);\n  box-shadow: var(--ls-shadow);\n}\n\n.ls-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ls-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ls-timeline-content p {\n  font-size: 14px;\n  color: var(--ls-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.ls-timeline-content p strong {\n  color: var(--ls-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.ls-testimonial {\n  background: var(--ls-white);\n  border-radius: var(--ls-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ls-shadow);\n  border-left: 4px solid var(--ls-primary);\n}\n\n.ls-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ls-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.ls-testimonial-text strong {\n  color: var(--ls-primary-dark);\n  font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.ls-accordion {\n  background: var(--ls-white);\n  border-radius: var(--ls-radius);\n  box-shadow: var(--ls-shadow);\n  overflow: hidden;\n}\n\n.ls-accordion-item {\n  border-bottom: 1px solid var(--ls-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ls-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ls-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ls-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ls-accordion-header:hover {\n  background: var(--ls-primary-light);\n}\n\n.ls-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ls-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ls-primary);\n  transition: transform .2s ease;\n}\n\n.ls-accordion-item[open] .ls-accordion-header::after {\n  content: '−';\n}\n\n.ls-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ls-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ls-accordion-content p {\n  margin: 0;\n}\n\n.ls-accordion-content p strong {\n  color: var(--ls-text);\n}\n\n\/* === DISCLAIMER === *\/\n.ls-disclaimer {\n  font-size: 12px;\n  color: var(--ls-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ls-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ls-card {\n    padding: 1.125rem;\n  }\n\n  .ls-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ls-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ls-radius-sm);\n  }\n\n  .ls-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ls-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ls-grid-compact {\n    gap: .625rem;\n  }\n\n  .ls-grid-compact .ls-card {\n    padding: .75rem;\n  }\n\n  .ls-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ls-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ls-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ls-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ls-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ls-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ls-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ls-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ls-card {\n    animation: lsFadeInUp .5s ease backwards;\n  }\n  .ls-card:nth-child(1) { animation-delay: .05s; }\n  .ls-card:nth-child(2) { animation-delay: .1s; }\n  .ls-card:nth-child(3) { animation-delay: .15s; }\n  .ls-card:nth-child(4) { animation-delay: .2s; }\n  .ls-card:nth-child(5) { animation-delay: .25s; }\n  .ls-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lsFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ls-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57050951254393,"sku":"SF0205","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lecithinesoja_labosfb_d7959876-d660-4750-b74c-4fa81115f7e9.jpg?v=1776077219"},{"product_id":"complexe-menopause-meno-soja-yam-90-gelules-sfb","title":"Complexe Ménopause (Méno+ Soja Yam) - 90 gélules - SFB","description":"\u003cdiv class=\"meno-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"meno-hero\"\u003e\n\u003cdiv class=\"meno-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"meno-hero-content\"\u003e\n\u003cdiv class=\"meno-badges-top\"\u003e\n\u003cspan class=\"meno-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"meno-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e \u003cspan class=\"meno-badge\"\u003e🚫 Sans OGM\u003c\/span\u003e \u003cspan class=\"meno-badge\"\u003e💊 90 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"meno-hero-title\"\u003eComplexe Ménopause Méno+ Soja Yam\u003c\/span\u003e\n\u003cp class=\"meno-subtitle\"\u003eSFB Laboratoires — La force du naturel\u003c\/p\u003e\n\u003cp class=\"meno-description\"\u003eDeux extraits végétaux puissants pour traverser la ménopause avec sérénité, naturellement et sans hormone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003eMéno+ Soja Yam : votre complément alimentaire pour la ménopause, naturel et sans hormone\u003c\/h2\u003e\n\u003cp class=\"meno-section-intro\"\u003eLa ménopause est une étape naturelle de la vie, mais elle s'accompagne souvent d'inconforts qui perturbent le quotidien.\u003c\/p\u003e\n\u003cdiv class=\"meno-grid-compact\"\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🔥 Bouffées de chaleur\u003c\/h3\u003e\n\u003cp\u003eRéduisez l'intensité et la fréquence des bouffées de chaleur grâce aux phytoestrogènes naturels du soja.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n\u003cp\u003eRetrouvez des nuits plus paisibles et un sommeil de meilleure qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e😤 Irritabilité\u003c\/h3\u003e\n\u003cp\u003eFavorisez une humeur plus stable et un meilleur équilibre émotionnel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🌸 Confort global\u003c\/h3\u003e\n\u003cp\u003eAccompagnez votre corps avec une formule végétale, vegan, sans OGM et fabriquée en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003ePourquoi associer le soja et le yam ?\u003c\/h2\u003e\n\u003cp class=\"meno-section-intro\"\u003eCes deux plantes sont reconnues depuis longtemps pour leur affinité avec l'équilibre féminin. Ensemble, elles agissent en synergie pour favoriser un meilleur confort global.\u003c\/p\u003e\n\u003cdiv class=\"meno-grid\"\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🫘 Extrait de soja sans OGM\u003c\/h3\u003e\n\u003cp\u003eDosé à \u003cstrong\u003e10 % en isoflavones\u003c\/strong\u003e, il apporte des phytoestrogènes naturels qui contribuent à atténuer les bouffées de chaleur et à soutenir le confort hormonal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🌱 Extrait de yam (igname sauvage)\u003c\/h3\u003e\n\u003cp\u003eDosé à \u003cstrong\u003e16 % de diosgénine\u003c\/strong\u003e, il est traditionnellement utilisé pour accompagner les femmes dès la préménopause vers un meilleur équilibre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🤝 Synergie puissante\u003c\/h3\u003e\n\u003cp\u003eHumeur plus stable, sommeil de meilleure qualité et réduction des douleurs articulaires grâce à l'action combinée de ces deux actifs végétaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules\u003c\/h2\u003e\n\u003cdiv class=\"meno-grid\"\u003e\n\u003cdiv class=\"meno-card meno-card-highlight\"\u003e\n\u003ch3\u003e🌱 Extrait de yam (racine)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e540 mg\u003c\/strong\u003e dosé à 16 % de diosgénine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card meno-card-highlight\"\u003e\n\u003ch3\u003e🫘 Extrait de soja sans OGM\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e360 mg\u003c\/strong\u003e dosé à 10 % en isoflavones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card meno-card-highlight\"\u003e\n\u003ch3\u003e💊 Tunique végétale\u003c\/h3\u003e\n\u003cp\u003eGélule en \u003cstrong\u003epullulan\u003c\/strong\u003e, 100 % d'origine végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-tip\"\u003e\n\u003cspan class=\"meno-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eChaque flacon contient \u003cstrong\u003e90 gélules végétales de 300 mg\u003c\/strong\u003e, soit une cure de 30 jours. Formule \u003cstrong\u003esans gluten, sans lactose, sans alcool\u003c\/strong\u003e, parfaitement adaptée aux végétariennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003eComment prendre Méno+ Soja Yam ?\u003c\/h2\u003e\n\u003cdiv class=\"meno-timeline\"\u003e\n\u003cdiv class=\"meno-timeline-item\"\u003e\n\u003cdiv class=\"meno-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"meno-timeline-content\"\u003e\n\u003ch3\u003ePrenez 3 gélules par jour\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, au cours d'un repas, pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-timeline-item\"\u003e\n\u003cdiv class=\"meno-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"meno-timeline-content\"\u003e\n\u003ch3\u003eCure régulière recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, maintenez la prise sur plusieurs semaines. Ce complément s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-timeline-item\"\u003e\n\u003cdiv class=\"meno-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"meno-timeline-content\"\u003e\n\u003ch3\u003eRespectez la dose journalière\u003c\/h3\u003e\n\u003cp\u003eNe dépassez pas la dose indiquée. En cas de doute ou de traitement en cours, consultez votre médecin ou pharmacien avant de commencer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"meno-testimonial\"\u003e\n\u003cp class=\"meno-testimonial-text\"\u003e\"Méno+ Soja Yam est formulé pour les femmes à partir de 40 ans, qu'elles soient en phase de préménopause ou de ménopause installée. Si vous recherchez le meilleur complément alimentaire pour la ménopause sans recourir aux hormones de synthèse, cette formule végétale représente une alternative naturelle et bien dosée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🔥 Bouffées de chaleur\u003c\/h3\u003e\n\u003cp\u003eAtténuation naturelle des épisodes de chaleur intense\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🧴 Peau sèche\u003c\/h3\u003e\n\u003cp\u003eSoutien appréciable pour la sécheresse cutanée liée à la ménopause\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e⚖️ Prise de poids\u003c\/h3\u003e\n\u003cp\u003eAide à gérer les fluctuations hormonales en complément d'une bonne hygiène de vie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🌿 Sans hormone\u003c\/h3\u003e\n\u003cp\u003eAlternative 100 % végétale aux traitements hormonaux de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"meno-section\"\u003e\n\u003ch2\u003eLes engagements qualité SFB Laboratoires\u003c\/h2\u003e\n\u003cdiv class=\"meno-grid-compact\"\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eProduction française garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🚫 Soja sans OGM\u003c\/h3\u003e\n\u003cp\u003eExtrait de soja garanti non génétiquement modifié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🌿 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eFormule entièrement d'origine végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e🧪 Sans allergènes\u003c\/h3\u003e\n\u003cp\u003eSans gluten, sans lactose, sans alcool\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e💊 Gélules végétales\u003c\/h3\u003e\n\u003cp\u003eTunique en pullulan, adaptée aux végétariennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meno-card\"\u003e\n\u003ch3\u003e✅ Dosages optimaux\u003c\/h3\u003e\n\u003cp\u003eActifs rigoureusement dosés pour une efficacité maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"meno-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"meno-accordion\"\u003e\n\u003cdetails class=\"meno-accordion-item\"\u003e\n\u003csummary class=\"meno-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"meno-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne remplace ni un traitement médical ni une alimentation variée et équilibrée. Conservez-le à l'abri de la chaleur et hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"meno-accordion-item\"\u003e\n\u003csummary class=\"meno-accordion-header\"\u003e👩⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"meno-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de pathologie ou de traitement hormonal, demandez toujours l'avis d'un professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"meno-disclaimer\"\u003eComplément alimentaire — Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --meno-cream: #f5f7f2;\n  --meno-white: #ffffff;\n  --meno-primary: #2d7a3a;\n  --meno-primary-dark: #1b5426;\n  --meno-primary-light: #e8f3ea;\n  --meno-secondary: #6ab04c;\n  --meno-accent: #d4a843;\n  --meno-text: #1a1a1a;\n  --meno-text-light: #5a5a5a;\n  --meno-border: #dde5d9;\n  --meno-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --meno-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --meno-radius: 20px;\n  --meno-radius-sm: 12px;\n}\n\n.meno-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--meno-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.meno-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1b5426 0%, #2d7a3a 45%, #6ab04c 100%);\n  border-radius: var(--meno-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--meno-shadow-lg);\n}\n\n.meno-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(212,168,67,.05) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.meno-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.meno-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.meno-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--meno-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.meno-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.meno-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.meno-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.meno-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.meno-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.meno-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--meno-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.meno-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--meno-primary), var(--meno-secondary));\n  border-radius: 2px;\n}\n\n.meno-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--meno-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.meno-card {\n  background: var(--meno-white);\n  border-radius: var(--meno-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--meno-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.meno-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--meno-shadow-lg);\n  border-color: var(--meno-primary);\n}\n\n.meno-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--meno-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.meno-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--meno-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.meno-card-highlight {\n  border-left: 4px solid var(--meno-secondary);\n}\n\n\/* === GRILLES === *\/\n.meno-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.meno-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.meno-grid-compact .meno-card {\n  padding: 1rem;\n}\n\n.meno-grid-compact .meno-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.meno-grid-compact .meno-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.meno-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.meno-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.meno-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--meno-primary), var(--meno-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.meno-timeline-content {\n  flex: 1;\n  background: var(--meno-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--meno-radius-sm);\n  box-shadow: var(--meno-shadow);\n}\n\n.meno-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--meno-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.meno-timeline-content p {\n  font-size: 14px;\n  color: var(--meno-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.meno-testimonial {\n  background: var(--meno-white);\n  border-radius: var(--meno-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--meno-shadow);\n  border-left: 4px solid var(--meno-primary);\n}\n\n.meno-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--meno-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.meno-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--meno-primary-light);\n  border-radius: var(--meno-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.meno-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.meno-tip p {\n  font-size: 14px;\n  color: var(--meno-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.meno-accordion {\n  background: var(--meno-white);\n  border-radius: var(--meno-radius);\n  box-shadow: var(--meno-shadow);\n  overflow: hidden;\n}\n\n.meno-accordion-item {\n  border-bottom: 1px solid var(--meno-border);\n  margin: 0;\n  padding: 0;\n}\n\n.meno-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.meno-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--meno-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.meno-accordion-header:hover {\n  background: var(--meno-primary-light);\n}\n\n.meno-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.meno-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--meno-primary);\n  transition: transform .2s ease;\n}\n\n.meno-accordion-item[open] .meno-accordion-header::after {\n  content: '−';\n}\n\n.meno-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--meno-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.meno-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.meno-disclaimer {\n  font-size: 12px;\n  color: var(--meno-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .meno-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .meno-card {\n    padding: 1.125rem;\n  }\n\n  .meno-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .meno-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--meno-radius-sm);\n  }\n\n  .meno-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .meno-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .meno-grid-compact {\n    gap: .625rem;\n  }\n\n  .meno-grid-compact .meno-card {\n    padding: .75rem;\n  }\n\n  .meno-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .meno-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .meno-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .meno-timeline-content p {\n    font-size: 13px;\n  }\n\n  .meno-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .meno-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .meno-testimonial {\n    padding: 1.25rem;\n  }\n\n  .meno-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .meno-card {\n    animation: menoFadeInUp .5s ease backwards;\n  }\n  .meno-card:nth-child(1) { animation-delay: .05s; }\n  .meno-card:nth-child(2) { animation-delay: .1s; }\n  .meno-card:nth-child(3) { animation-delay: .15s; }\n  .meno-card:nth-child(4) { animation-delay: .2s; }\n  .meno-card:nth-child(5) { animation-delay: .25s; }\n  .meno-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes menoFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .meno-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57051694006649,"sku":"SF0210","price":25.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/complexe-menopause-meno-soja-yam-90-gelules-sfb-packshothd.webp?v=1776082613"},{"product_id":"acide-hyaluronique-60-gelules-sfb","title":"Acide Hyaluronique - 60 gélules - SFB","description":"\u003cdiv class=\"ah-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ah-hero\"\u003e\n    \u003cdiv class=\"ah-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ah-hero-content\"\u003e\n      \u003cdiv class=\"ah-badges-top\"\u003e\n        \u003cspan class=\"ah-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ah-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n        \u003cspan class=\"ah-badge\"\u003e💧 120 mg \/ gélule\u003c\/span\u003e\n        \u003cspan class=\"ah-badge\"\u003e📦 60 gélules – 2 mois\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ah-hero-title\"\u003eAcide Hyaluronique – SFB Laboratoires\u003c\/span\u003e\n      \u003cp class=\"ah-subtitle\"\u003eL'hydratation profonde, sans aiguille\u003c\/p\u003e\n      \u003cp class=\"ah-description\"\u003eRepulpez votre peau et soutenez vos articulations avec 120 mg d'acide hyaluronique pur par gélule. Une alternative naturelle et douce aux injections, en gélules végétales.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ah-section\"\u003e\n    \u003ch2\u003eAcide hyaluronique en gélules végétales – SFB Laboratoires\u003c\/h2\u003e\n    \u003cp class=\"ah-section-intro\"\u003eVous cherchez une \u003cstrong\u003ealternative naturelle aux injections d'acide hyaluronique\u003c\/strong\u003e pour préserver la jeunesse et l'hydratation de votre peau ? Ce complément alimentaire des \u003cstrong\u003eSFB Laboratoires\u003c\/strong\u003e vous apporte \u003cstrong\u003e120 mg d'acide hyaluronique pur par gélule\u003c\/strong\u003e, sous forme d'hyaluronate de sodium hautement assimilable. Fabriqué en France, vegan et sans OGM, il s'intègre facilement dans votre routine bien-être quotidienne.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ah-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'acide hyaluronique par voie orale ?\u003c\/h2\u003e\n    \u003cdiv class=\"ah-card ah-card-wide\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eacide hyaluronique\u003c\/strong\u003e est une molécule naturellement présente dans notre organisme, notamment dans la peau, les articulations et les yeux. Sa particularité remarquable : il peut retenir jusqu'à \u003cstrong\u003e1 000 fois son poids en eau\u003c\/strong\u003e, ce qui en fait un acteur central de l'hydratation cutanée et du confort articulaire.\u003c\/p\u003e\n      \u003cp style=\"margin-top:.75rem;\"\u003eMalheureusement, sa production diminue dès l'âge de \u003cstrong\u003e25 ans\u003c\/strong\u003e. C'est pourquoi de nombreuses personnes se tournent vers les injections en médecine esthétique. Mais tout le monde n'est pas prêt à franchir ce pas. La \u003cstrong\u003esupplémentation orale\u003c\/strong\u003e offre une approche douce et progressive pour soutenir vos réserves naturelles, sans aiguille ni rendez-vous en cabinet.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ah-highlight-strip\"\u003e\n      \u003cdiv class=\"ah-highlight-item\"\u003e\n        \u003cspan class=\"ah-highlight-number\"\u003e×1 000\u003c\/span\u003e\n        \u003cspan class=\"ah-highlight-label\"\u003eSon poids en eau retenu\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-highlight-item\"\u003e\n        \u003cspan class=\"ah-highlight-number\"\u003e25 ans\u003c\/span\u003e\n        \u003cspan class=\"ah-highlight-label\"\u003eDébut du déclin naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-highlight-item\"\u003e\n        \u003cspan class=\"ah-highlight-number\"\u003e0\u003c\/span\u003e\n        \u003cspan class=\"ah-highlight-label\"\u003eAiguille nécessaire\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ah-section\"\u003e\n    \u003ch2\u003eLes bienfaits de ce complément\u003c\/h2\u003e\n    \u003cdiv class=\"ah-grid\"\u003e\n      \u003cdiv class=\"ah-card\"\u003e\n        \u003ch3\u003e💧 Hydratation cutanée en profondeur\u003c\/h3\u003e\n        \u003cp\u003eL'acide hyaluronique favorise la rétention d'eau dans les tissus, contribuant à une peau plus souple, repulpée et éclatante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-card\"\u003e\n        \u003ch3\u003e✨ Élasticité et éclat\u003c\/h3\u003e\n        \u003cp\u003eEn maintenant un bon niveau d'hydratation, il aide à préserver un aspect cutané harmonieux et à atténuer les signes visibles du temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003ePrésent dans le liquide synovial, l'acide hyaluronique participe à la lubrification des articulations et soutient la mobilité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-card\"\u003e\n        \u003ch3\u003e🛡️ Santé osseuse et cartilage\u003c\/h3\u003e\n        \u003cp\u003eIl contribue au bon fonctionnement du cartilage et à la protection des structures articulaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-card\"\u003e\n        \u003ch3\u003e🧬 Propriétés antioxydantes\u003c\/h3\u003e\n        \u003cp\u003eIl aide à protéger les cellules contre le stress oxydatif et soutient les processus de régénération tissulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-card\"\u003e\n        \u003ch3\u003e🫧 Protection des muqueuses\u003c\/h3\u003e\n        \u003cp\u003eIl participe à la protection des muqueuses gastriques et vésicales pour un confort digestif et urinaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ah-section\"\u003e\n    \u003ch2\u003eComposition détaillée – pour 1 gélule\u003c\/h2\u003e\n    \u003cdiv class=\"ah-grid-compact\"\u003e\n      \u003cdiv class=\"ah-card\"\u003e\n        \u003ch3\u003e🧪 Hyaluronate de sodium\u003c\/h3\u003e\n        \u003cp\u003e142 mg dont \u003cstrong\u003e120 mg\u003c\/strong\u003e d'acide hyaluronique pur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-card\"\u003e\n        \u003ch3\u003e🌿 Pullulan\u003c\/h3\u003e\n        \u003cp\u003eAgent d'enrobage – gélule 100 % végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-card\"\u003e\n        \u003ch3\u003e🔬 Cellulose microcristalline\u003c\/h3\u003e\n        \u003cp\u003eAgent de charge naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-card\"\u003e\n        \u003ch3\u003e✅ Formule clean\u003c\/h3\u003e\n        \u003cp\u003e100 % vegan, sans OGM – 60 gélules pour 2 mois de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ah-section\"\u003e\n    \u003ch2\u003eComment prendre l'acide hyaluronique SFB ?\u003c\/h2\u003e\n    \u003cdiv class=\"ah-timeline\"\u003e\n      \u003cdiv class=\"ah-timeline-item\"\u003e\n        \u003cdiv class=\"ah-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ah-timeline-content\"\u003e\n          \u003ch3\u003ePosologie simple\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-timeline-item\"\u003e\n        \u003cdiv class=\"ah-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ah-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de 60 gélules couvre \u003cstrong\u003edeux mois complets\u003c\/strong\u003e de cure, une durée idéale pour constater les premiers résultats sur l'hydratation et la souplesse de votre peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ah-timeline-item\"\u003e\n        \u003cdiv class=\"ah-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ah-timeline-content\"\u003e\n          \u003ch3\u003eOptimisez les résultats\u003c\/h3\u003e\n          \u003cp\u003eCombinez cette supplémentation avec un sérum à l'acide hyaluronique en application topique afin d'agir à la fois de l'intérieur et de l'extérieur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"ah-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ah-accordion\"\u003e\n      \u003cdetails class=\"ah-accordion-item\"\u003e\n        \u003csummary class=\"ah-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"ah-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire est \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ah-accordion-item\"\u003e\n        \u003csummary class=\"ah-accordion-header\"\u003e📏 Dosage et sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"ah-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe dépassez pas la dose journalière recommandée. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ah-accordion-item\"\u003e\n        \u003csummary class=\"ah-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ah-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon au sec, à l'abri de la chaleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ah-accordion-item\"\u003e\n        \u003csummary class=\"ah-accordion-header\"\u003e📋 Mentions légales\u003c\/summary\u003e\n        \u003cdiv class=\"ah-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée\u003c\/strong\u003e ni à un suivi médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ah-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ah-cream: #f7f9f8;\n  --ah-white: #ffffff;\n  --ah-primary: #3a8a6a;\n  --ah-primary-dark: #2a6b50;\n  --ah-primary-light: #e8f4ee;\n  --ah-secondary: #a8d5c2;\n  --ah-accent: #b8d4ca;\n  --ah-text: #1a1a1a;\n  --ah-text-light: #5a5a5a;\n  --ah-border: #e0e0e0;\n  --ah-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ah-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ah-radius: 20px;\n  --ah-radius-sm: 12px;\n}\n\n.ah-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ah-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ah-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2a6b50 0%, #3a8a6a 40%, #a8d5c2 100%);\n  border-radius: var(--ah-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ah-shadow-lg);\n}\n\n.ah-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.ah-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ah-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ah-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .01em;\n}\n\n.ah-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ah-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ah-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ah-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ah-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ah-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ah-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ah-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ah-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ah-primary), var(--ah-secondary));\n  border-radius: 2px;\n}\n\n.ah-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ah-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.ah-section-intro strong {\n  color: var(--ah-primary-dark);\n}\n\n\/* === CARDS === *\/\n.ah-card {\n  background: var(--ah-white);\n  border-radius: var(--ah-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ah-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ah-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ah-shadow-lg);\n  border-color: var(--ah-primary);\n}\n\n.ah-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ah-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ah-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ah-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ah-card p strong {\n  color: var(--ah-primary-dark);\n}\n\n.ah-card-wide {\n  text-align: left;\n  max-width: 800px;\n  margin: 0 auto 1.5rem auto;\n}\n\n.ah-card-wide p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.75;\n}\n\n.ah-card-wide p strong {\n  color: var(--ah-primary-dark);\n}\n\n\/* === HIGHLIGHT STRIP === *\/\n.ah-highlight-strip {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.ah-highlight-item {\n  text-align: center;\n  background: var(--ah-white);\n  border-radius: var(--ah-radius-sm);\n  padding: 1.25rem 1rem;\n  box-shadow: var(--ah-shadow);\n  border-top: 3px solid var(--ah-primary);\n}\n\n.ah-highlight-number {\n  display: block;\n  font-size: clamp(22px, 5vw, 32px);\n  font-weight: 900;\n  color: var(--ah-primary);\n  margin-bottom: .25rem;\n}\n\n.ah-highlight-label {\n  font-size: clamp(11px, 1.8vw, 13px);\n  color: var(--ah-text-light);\n  font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.ah-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ah-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ah-grid-compact .ah-card {\n  padding: 1rem;\n}\n\n.ah-grid-compact .ah-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ah-grid-compact .ah-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ah-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.ah-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ah-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ah-primary), var(--ah-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ah-timeline-content {\n  flex: 1;\n  background: var(--ah-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ah-radius-sm);\n  box-shadow: var(--ah-shadow);\n}\n\n.ah-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ah-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ah-timeline-content p {\n  font-size: 14px;\n  color: var(--ah-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.ah-timeline-content p strong {\n  color: var(--ah-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.ah-accordion {\n  background: var(--ah-white);\n  border-radius: var(--ah-radius);\n  box-shadow: var(--ah-shadow);\n  overflow: hidden;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.ah-accordion-item {\n  border-bottom: 1px solid var(--ah-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ah-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ah-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ah-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ah-accordion-header:hover {\n  background: var(--ah-primary-light);\n}\n\n.ah-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ah-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ah-primary);\n  transition: transform .2s ease;\n}\n\n.ah-accordion-item[open] .ah-accordion-header::after {\n  content: '−';\n}\n\n.ah-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ah-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ah-accordion-content p {\n  margin: 0;\n}\n\n.ah-accordion-content p strong {\n  color: var(--ah-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.ah-disclaimer {\n  font-size: 12px;\n  color: var(--ah-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ah-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ah-card {\n    padding: 1.125rem;\n  }\n\n  .ah-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ah-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ah-radius-sm);\n  }\n\n  .ah-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ah-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ah-grid-compact {\n    gap: .625rem;\n  }\n\n  .ah-grid-compact .ah-card {\n    padding: .75rem;\n  }\n\n  .ah-highlight-strip {\n    grid-template-columns: repeat(3, 1fr);\n    gap: .5rem;\n  }\n\n  .ah-highlight-item {\n    padding: .875rem .5rem;\n  }\n\n  .ah-highlight-number {\n    font-size: 20px;\n  }\n\n  .ah-highlight-label {\n    font-size: 10px;\n  }\n\n  .ah-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ah-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ah-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ah-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ah-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ah-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ah-card-wide {\n    padding: 1.125rem;\n  }\n\n  .ah-card-wide p {\n    font-size: 13.5px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ah-card {\n    animation: ahFadeInUp .5s ease backwards;\n  }\n  .ah-card:nth-child(1) { animation-delay: .05s; }\n  .ah-card:nth-child(2) { animation-delay: .1s; }\n  .ah-card:nth-child(3) { animation-delay: .15s; }\n  .ah-card:nth-child(4) { animation-delay: .2s; }\n  .ah-card:nth-child(5) { animation-delay: .25s; }\n  .ah-card:nth-child(6) { animation-delay: .3s; }\n\n  .ah-timeline-item {\n    animation: ahFadeInUp .5s ease backwards;\n  }\n  .ah-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .ah-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .ah-timeline-item:nth-child(3) { animation-delay: .15s; }\n\n  .ah-highlight-item {\n    animation: ahFadeInUp .5s ease backwards;\n  }\n  .ah-highlight-item:nth-child(1) { animation-delay: .05s; }\n  .ah-highlight-item:nth-child(2) { animation-delay: .1s; }\n  .ah-highlight-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes ahFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ah-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57062234718585,"sku":"SF0220","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acide-hyaluronique-60-gelules-sfb-packshothd.webp?v=1776153951"},{"product_id":"multivitamines-et-mineraux-120-gelules-sfb","title":"Multivitamines et Minéraux - 120 gélules - SFB","description":"\u003cdiv class=\"mv-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mv-hero\"\u003e\n    \u003cdiv class=\"mv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mv-hero-content\"\u003e\n      \u003cdiv class=\"mv-badges-top\"\u003e\n        \u003cspan class=\"mv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mv-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"mv-badge\"\u003e💊 120 gélules\u003c\/span\u003e\n        \u003cspan class=\"mv-badge\"\u003e⚡ 17 nutriments essentiels\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mv-hero-title\"\u003eMultivitamines et Minéraux\u003c\/span\u003e\n      \u003cp class=\"mv-subtitle\"\u003eSFB Laboratoires – 120 gélules végétales\u003c\/p\u003e\n      \u003cp class=\"mv-description\"\u003e11 vitamines, 2 minéraux et 4 oligo-éléments réunis en une seule formule pour réduire la fatigue et maintenir vos performances intellectuelles au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"mv-section\"\u003e\n    \u003ch2\u003eMultivitamines et Minéraux SFB – Votre allié vitalité au quotidien\u003c\/h2\u003e\n    \u003cp class=\"mv-section-intro\"\u003eVous ressentez une fatigue persistante, un manque de concentration ou simplement le besoin de soutenir votre organisme au fil des saisons ?\u003c\/p\u003e\n    \u003cdiv class=\"mv-grid-compact\"\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e💊 11 vitamines\u003c\/h3\u003e\n        \u003cp\u003eA, C, E et tout le groupe B pour un soutien complet de l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🦴 2 minéraux\u003c\/h3\u003e\n        \u003cp\u003eCalcium et Magnésium pour les os et le système nerveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🔬 4 oligo-éléments\u003c\/h3\u003e\n        \u003cp\u003eZinc, Manganèse, Cuivre et Sélénium pour l'immunité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales compatibles végétarien et vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mv-section-intro\" style=\"margin-top:1.25rem;\"\u003eLe complément \u003cstrong\u003eMultivitamines et Minéraux de SFB Laboratoires\u003c\/strong\u003e couvre vos besoins pendant \u003cstrong\u003e40 jours de cure\u003c\/strong\u003e, à un format pratique et 100 % compatible avec un mode de vie végétarien et vegan.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"mv-section\"\u003e\n    \u003ch2\u003eUne formule complète en vitamines et minéraux\u003c\/h2\u003e\n    \u003cp class=\"mv-section-intro\"\u003eCe qui distingue cette formule, c'est l'équilibre entre ses nutriments. SFB propose un véritable complexe multi-vitamines et minéraux couvrant un large spectre de besoins.\u003c\/p\u003e\n    \u003cdiv class=\"mv-grid\"\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🟡 11 vitamines\u003c\/h3\u003e\n        \u003cp\u003eVitamine A, Vitamine C (80 mg par jour, 100 % des VNR), Vitamine E, Vitamines B1, B2, B3, B5, B6, B8, B9 et B12\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e⚪ 2 minéraux\u003c\/h3\u003e\n        \u003cp\u003eCalcium et Magnésium pour la santé osseuse et la réduction de la fatigue\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🔵 4 oligo-éléments\u003c\/h3\u003e\n        \u003cp\u003eZinc, Manganèse, Cuivre et Sélénium pour le système immunitaire et la protection cellulaire\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mv-tip\"\u003e\n      \u003cspan class=\"mv-tip-icon\"\u003e🧬\u003c\/span\u003e\n      \u003cp\u003eCette synergie contribue au \u003cstrong\u003efonctionnement normal du système immunitaire\u003c\/strong\u003e, au \u003cstrong\u003emétabolisme énergétique\u003c\/strong\u003e et au maintien de \u003cstrong\u003eperformances intellectuelles normales\u003c\/strong\u003e. Le magnésium et les vitamines du groupe B sont reconnus pour leur rôle dans la \u003cstrong\u003eréduction de la fatigue\u003c\/strong\u003e et le soutien du \u003cstrong\u003esystème nerveux\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"mv-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément multivitaminé ?\u003c\/h2\u003e\n    \u003cp class=\"mv-section-intro\"\u003eCe produit convient à toute personne adulte souhaitant compléter ses apports nutritionnels au quotidien. Il sera particulièrement apprécié si vous :\u003c\/p\u003e\n    \u003cdiv class=\"mv-grid\"\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e😴 Fatigue et surmenage\u003c\/h3\u003e\n        \u003cp\u003eVous traversez une période de fatigue persistante ou de surmenage professionnel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à soutenir vos fonctions psychologiques et votre concentration au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez prendre soin de votre santé osseuse grâce au calcium et au magnésium\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🥦 Régime vegan\u003c\/h3\u003e\n        \u003cp\u003eVous suivez un régime végétarien ou vegan et voulez éviter les carences nutritionnelles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🇫🇷 Qualité française\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez parmi les meilleurs compléments multivitamines et minéraux fabriqués en France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"mv-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"mv-timeline\"\u003e\n      \u003cdiv class=\"mv-timeline-item\"\u003e\n        \u003cdiv class=\"mv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mv-timeline-content\"\u003e\n          \u003ch3\u003e🌅 Petit-déjeuner\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 gélule avant votre premier repas avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-timeline-item\"\u003e\n        \u003cdiv class=\"mv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mv-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Déjeuner\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 gélule avant le déjeuner pour maintenir vos apports en milieu de journée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-timeline-item\"\u003e\n        \u003cdiv class=\"mv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mv-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Dîner\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 gélule avant le dîner pour compléter votre apport quotidien\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mv-tip\"\u003e\n      \u003cspan class=\"mv-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette répartition sur la journée favorise une \u003cstrong\u003emeilleure absorption des nutriments\u003c\/strong\u003e par votre organisme. Un flacon de 120 gélules correspond à environ \u003cstrong\u003e40 jours de cure\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"mv-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mv-accordion\"\u003e\n      \u003cdetails class=\"mv-accordion-item\"\u003e\n        \u003csummary class=\"mv-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mv-accordion-item\"\u003e\n        \u003csummary class=\"mv-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux personnes souffrant de troubles de la thyroïde. Déconseillé aux femmes enceintes et allaitantes sans avis médical préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mv-accordion-item\"\u003e\n        \u003csummary class=\"mv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur, de l'humidité et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mv-accordion-item\"\u003e\n        \u003csummary class=\"mv-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"mv-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"mv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir SFB Laboratoires ?\u003c\/h2\u003e\n    \u003cdiv class=\"mv-grid-compact\"\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eConçu et fabriqué en France avec une exigence de qualité constante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules sans ingrédients d'origine animale, respectueux de vos convictions\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e⚖️ Formule équilibrée\u003c\/h3\u003e\n        \u003cp\u003eExcellent rapport entre richesse de composition et simplicité d'utilisation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mv-card\"\u003e\n        \u003ch3\u003e🩺 Conseil santé\u003c\/h3\u003e\n        \u003cp\u003ePensez à réaliser un bilan sanguin pour adapter votre supplémentation\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mv-cta-box\"\u003e\n      \u003cp\u003e🌟 Offrez à votre corps les 17 nutriments essentiels dont il a besoin chaque jour. 40 jours de vitalité dans chaque flacon !\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mv-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mv-cream: #f7f5f0;\n  --mv-white: #ffffff;\n  --mv-primary: #4a9e5c;\n  --mv-primary-dark: #2d6e3a;\n  --mv-primary-light: #e8f5eb;\n  --mv-secondary: #e87e24;\n  --mv-accent: #d4ede0;\n  --mv-text: #1a1a1a;\n  --mv-text-light: #5a5a5a;\n  --mv-border: #e0e0e0;\n  --mv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mv-radius: 20px;\n  --mv-radius-sm: 12px;\n}\n\n.mv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mv-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mv-primary-dark) 0%, var(--mv-primary) 50%, var(--mv-secondary) 100%);\n  border-radius: var(--mv-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mv-shadow-lg);\n}\n\n.mv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mv-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mv-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.mv-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.mv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mv-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mv-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mv-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mv-primary), var(--mv-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.mv-card {\n  background: var(--mv-white);\n  border-radius: var(--mv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mv-shadow-lg);\n  border-color: var(--mv-primary);\n}\n\n.mv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mv-grid-compact .mv-card {\n  padding: 1rem;\n}\n\n.mv-grid-compact .mv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mv-grid-compact .mv-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mv-primary), var(--mv-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.mv-timeline-content {\n  flex: 1;\n  background: var(--mv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mv-radius-sm);\n  box-shadow: var(--mv-shadow);\n}\n\n.mv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mv-timeline-content p {\n  font-size: 14px;\n  color: var(--mv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mv-testimonial {\n  background: var(--mv-white);\n  border-radius: var(--mv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mv-shadow);\n  border-left: 4px solid var(--mv-primary);\n}\n\n.mv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mv-accordion {\n  background: var(--mv-white);\n  border-radius: var(--mv-radius);\n  box-shadow: var(--mv-shadow);\n  overflow: hidden;\n}\n\n.mv-accordion-item {\n  border-bottom: 1px solid var(--mv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mv-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mv-accordion-header:hover {\n  background: var(--mv-primary-light);\n}\n\n.mv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mv-primary);\n  transition: transform .2s ease;\n}\n\n.mv-accordion-item[open] .mv-accordion-header::after {\n  content: '−';\n}\n\n.mv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mv-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mv-primary-light);\n  border-radius: var(--mv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mv-tip p {\n  font-size: 14px;\n  color: var(--mv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.mv-cta-box {\n  background: linear-gradient(135deg, var(--mv-primary) 0%, var(--mv-primary-dark) 100%);\n  border-radius: var(--mv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.mv-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mv-disclaimer {\n  font-size: 12px;\n  color: var(--mv-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mv-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .mv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mv-card {\n    padding: 1.125rem;\n  }\n\n  .mv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mv-radius-sm);\n  }\n\n  .mv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mv-grid-compact {\n    gap: .625rem;\n  }\n\n  .mv-grid-compact .mv-card {\n    padding: .75rem;\n  }\n\n  .mv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .mv-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mv-card {\n    animation: mvFadeInUp .5s ease backwards;\n  }\n  .mv-card:nth-child(1) { animation-delay: .05s; }\n  .mv-card:nth-child(2) { animation-delay: .1s; }\n  .mv-card:nth-child(3) { animation-delay: .15s; }\n  .mv-card:nth-child(4) { animation-delay: .2s; }\n  .mv-card:nth-child(5) { animation-delay: .25s; }\n  .mv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mvFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57062349734265,"sku":"SF0225","price":27.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/multivitamines-et-mineraux-120-gelules-sfb-packshothd.webp?v=1776155086"},{"product_id":"selenium-ace-120-gelules-sfb","title":"Selenium + Vitamines A C \u0026 E - 120 gélules - SFB","description":"\u003cdiv class=\"sel-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sel-hero\"\u003e\n    \u003cdiv class=\"sel-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sel-hero-content\"\u003e\n      \u003cdiv class=\"sel-badges-top\"\u003e\n        \u003cspan class=\"sel-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"sel-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n        \u003cspan class=\"sel-badge\"\u003e💊 120 gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"sel-badge\"\u003e🛡️ 4 mois de cure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sel-hero-title\"\u003eSélénium + ACE\u003c\/span\u003e\n      \u003cp class=\"sel-subtitle\"\u003eLe bouclier antioxydant complet par SFB Laboratoires\u003c\/p\u003e\n      \u003cp class=\"sel-description\"\u003e4 nutriments essentiels réunis en une seule gélule végétale pour protéger vos cellules, soutenir votre immunité et lutter contre le vieillissement cellulaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"sel-section\"\u003e\n    \u003ch2\u003eSélénium + ACE : le bouclier antioxydant complet en gélules végétales\u003c\/h2\u003e\n    \u003cp class=\"sel-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire sélénium\u003c\/strong\u003e vraiment complet pour protéger vos cellules au quotidien ? Le \u003cstrong\u003eSélénium + ACE de SFB Laboratoires\u003c\/strong\u003e réunit en une seule gélule végétale quatre nutriments essentiels — \u003cstrong\u003esélénium, vitamine A (bêta-carotène), vitamine C et vitamine E\u003c\/strong\u003e — reconnus pour leur action antioxydante synergique. Avec 120 gélules par pilulier, vous disposez d'une cure longue durée de 4 mois, fabriquée en France et 100 % vegan.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"sel-section\"\u003e\n    \u003ch2\u003ePourquoi associer le sélénium aux vitamines A, C et E ?\u003c\/h2\u003e\n    \u003cdiv class=\"sel-synergy-box\"\u003e\n      \u003cp\u003ePris isolément, chacun de ces nutriments contribue déjà à la protection cellulaire. Mais c'est leur \u003cstrong\u003ecombinaison ACE sélénium\u003c\/strong\u003e qui fait toute la différence :\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sel-grid-compact\"\u003e\n      \u003cdiv class=\"sel-card\"\u003e\n        \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n        \u003cp\u003eRégénère la vitamine E pour prolonger son action protectrice dans l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-card\"\u003e\n        \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n        \u003cp\u003eComplète l'action antioxydante au niveau des membranes cellulaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-card\"\u003e\n        \u003ch3\u003e🌻 Vitamine E\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant liposoluble qui protège les lipides du stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-card\"\u003e\n        \u003ch3\u003e⚙️ Sélénium\u003c\/h3\u003e\n        \u003cp\u003eActive les enzymes antioxydantes de l'organisme pour un bouclier complet\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sel-tip\"\u003e\n      \u003cspan class=\"sel-tip-icon\"\u003e🛡️\u003c\/span\u003e\n      \u003cp\u003eEnsemble, ces 4 nutriments forment un véritable bouclier contre le \u003cstrong\u003estress oxydatif\u003c\/strong\u003e et les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"sel-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de cette formule\u003c\/h2\u003e\n    \u003cdiv class=\"sel-grid\"\u003e\n      \u003cdiv class=\"sel-card\"\u003e\n        \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLe sélénium et la vitamine C contribuent au fonctionnement normal de vos défenses naturelles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-card\"\u003e\n        \u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLes quatre nutriments participent à protéger les cellules contre le stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-card\"\u003e\n        \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C contribue à diminuer la fatigue et soutient le métabolisme énergétique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-card\"\u003e\n        \u003ch3\u003e✨ Peau, cheveux et ongles\u003c\/h3\u003e\n        \u003cp\u003eLe sélénium contribue au maintien d'une chevelure et d'ongles normaux, tandis que la vitamine A soutient la santé de la peau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-card\"\u003e\n        \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine A (sous forme de bêta-carotène) contribue au maintien d'une vision normale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-card\"\u003e\n        \u003ch3\u003e🦋 Fonction thyroïdienne\u003c\/h3\u003e\n        \u003cp\u003eLe sélénium participe à la production normale des hormones thyroïdiennes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"sel-section\"\u003e\n    \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"sel-compo-grid\"\u003e\n      \u003cdiv class=\"sel-compo-card\"\u003e\n        \u003cdiv class=\"sel-compo-header\"\u003e\n          \u003cspan class=\"sel-compo-name\"\u003e🍊 Vitamine C\u003c\/span\u003e\n          \u003cspan class=\"sel-compo-vnr\"\u003e150 % VNR\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"sel-compo-detail\"\u003eAcérola + acide L-ascorbique\u003c\/p\u003e\n        \u003cspan class=\"sel-compo-dose\"\u003e120 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-compo-card\"\u003e\n        \u003cdiv class=\"sel-compo-header\"\u003e\n          \u003cspan class=\"sel-compo-name\"\u003e🌻 Vitamine E\u003c\/span\u003e\n          \u003cspan class=\"sel-compo-vnr\"\u003e100 % VNR\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"sel-compo-detail\"\u003eD-alpha-tocophérol naturel\u003c\/p\u003e\n        \u003cspan class=\"sel-compo-dose\"\u003e12 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-compo-card\"\u003e\n        \u003cdiv class=\"sel-compo-header\"\u003e\n          \u003cspan class=\"sel-compo-name\"\u003e🥕 Caroténoïdes\u003c\/span\u003e\n          \u003cspan class=\"sel-compo-vnr\"\u003e64 % VNR\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"sel-compo-detail\"\u003eAlgue \u003cem\u003eDunaliella salina\u003c\/em\u003e — bêta-carotène 2,8 mg (518 µg éq. rétinol)\u003c\/p\u003e\n        \u003cspan class=\"sel-compo-dose\"\u003e3 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-compo-card\"\u003e\n        \u003cdiv class=\"sel-compo-header\"\u003e\n          \u003cspan class=\"sel-compo-name\"\u003e⚙️ Sélénium\u003c\/span\u003e\n          \u003cspan class=\"sel-compo-vnr\"\u003e90 % VNR\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"sel-compo-detail\"\u003eLevure \u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e\u003c\/p\u003e\n        \u003cspan class=\"sel-compo-dose\"\u003e50 µg\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sel-tip\"\u003e\n      \u003cspan class=\"sel-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eTunique : gélule végétale en cellulose (HPMC). Formule \u003cstrong\u003esans OGM\u003c\/strong\u003e, \u003cstrong\u003evegan\u003c\/strong\u003e et fabriquée en France par SFB Laboratoires.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"sel-section\"\u003e\n    \u003ch2\u003eComment prendre le Sélénium + ACE ?\u003c\/h2\u003e\n    \u003cdiv class=\"sel-timeline\"\u003e\n      \u003cdiv class=\"sel-timeline-item\"\u003e\n        \u003cdiv class=\"sel-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sel-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e, le matin ou le midi, au cours du repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-timeline-item\"\u003e\n        \u003cdiv class=\"sel-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sel-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLa cure recommandée est de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sel-timeline-item\"\u003e\n        \u003cdiv class=\"sel-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sel-timeline-content\"\u003e\n          \u003ch3\u003eFormat économique\u003c\/h3\u003e\n          \u003cp\u003eGrâce au format de 120 gélules, un seul pilulier couvre jusqu'à \u003cstrong\u003e4 mois\u003c\/strong\u003e de supplémentation — un excellent rapport durée\/prix comparé aux formats 30 ou 60 gélules proposés par d'autres marques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"sel-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sel-accordion\"\u003e\n      \u003cdetails class=\"sel-accordion-item\"\u003e\n        \u003csummary class=\"sel-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants de moins de 12 ans. Demandez conseil à votre médecin si vous êtes enceinte, allaitante ou sous antidépresseurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sel-accordion-item\"\u003e\n        \u003csummary class=\"sel-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée d'1 gélule par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sel-accordion-item\"\u003e\n        \u003csummary class=\"sel-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sel-accordion-item\"\u003e\n        \u003csummary class=\"sel-accordion-header\"\u003e📋 Avertissement général\u003c\/summary\u003e\n        \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas\u003c\/strong\u003e à un régime alimentaire varié et équilibré ni à un mode de vie sain. En cas de doute ou de traitement médical en cours, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sel-disclaimer\"\u003eComplément alimentaire — Ne pas dépasser la dose recommandée. Les allégations de santé sont conformes au règlement CE n°1924\/2006.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sel-cream: #f5f7fa;\n  --sel-white: #ffffff;\n  --sel-primary: #4a7a9b;\n  --sel-primary-dark: #2c5570;\n  --sel-primary-light: #e8f1f7;\n  --sel-secondary: #5a9bb5;\n  --sel-accent: #3d8b6e;\n  --sel-text: #1a1a1a;\n  --sel-text-light: #5a5a5a;\n  --sel-border: #dfe6ec;\n  --sel-shadow: 0 4px 24px rgba(44,85,112,.08);\n  --sel-shadow-lg: 0 12px 48px rgba(44,85,112,.15);\n  --sel-radius: 20px;\n  --sel-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sel-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sel-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sel-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2c5570 0%, #4a7a9b 45%, #5a9bb5 100%);\n  border-radius: var(--sel-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--sel-shadow-lg);\n}\n\n.sel-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.sel-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sel-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sel-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.sel-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sel-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sel-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sel-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sel-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sel-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sel-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sel-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.sel-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--sel-primary), var(--sel-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sel-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sel-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.8;\n}\n\n.sel-section-intro strong {\n  color: var(--sel-text);\n}\n\n\/* === CARDS === *\/\n.sel-card {\n  background: var(--sel-white);\n  border-radius: var(--sel-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sel-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sel-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sel-shadow-lg);\n  border-color: var(--sel-primary);\n}\n\n.sel-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sel-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sel-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sel-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sel-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sel-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sel-grid-compact .sel-card {\n  padding: 1rem;\n}\n\n.sel-grid-compact .sel-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sel-grid-compact .sel-card p {\n  font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.sel-synergy-box {\n  text-align: center;\n  margin-bottom: 1.5rem;\n}\n\n.sel-synergy-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sel-text-light);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n.sel-synergy-box p strong {\n  color: var(--sel-text);\n}\n\n\/* === COMPOSITION GRID === *\/\n.sel-compo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n}\n\n.sel-compo-card {\n  background: var(--sel-white);\n  border-radius: var(--sel-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--sel-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sel-compo-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--sel-primary), var(--sel-secondary));\n}\n\n.sel-compo-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--sel-shadow-lg);\n  border-color: var(--sel-primary);\n}\n\n.sel-compo-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: .5rem;\n  flex-wrap: wrap;\n  gap: .5rem;\n}\n\n.sel-compo-name {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--sel-primary-dark);\n}\n\n.sel-compo-vnr {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--sel-white);\n  background: var(--sel-accent);\n  padding: 3px 10px;\n  border-radius: 999px;\n}\n\n.sel-compo-detail {\n  font-size: 13px;\n  color: var(--sel-text-light);\n  margin: 0 0 .75rem 0;\n  line-height: 1.5;\n}\n\n.sel-compo-dose {\n  font-size: 28px;\n  font-weight: 900;\n  color: var(--sel-primary);\n  letter-spacing: -.02em;\n}\n\n\/* === TIMELINE === *\/\n.sel-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sel-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sel-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sel-primary), var(--sel-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.sel-timeline-content {\n  flex: 1;\n  background: var(--sel-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sel-radius-sm);\n  box-shadow: var(--sel-shadow);\n}\n\n.sel-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sel-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sel-timeline-content p {\n  font-size: 14px;\n  color: var(--sel-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sel-timeline-content p strong {\n  color: var(--sel-text);\n}\n\n\/* === TIP BOX === *\/\n.sel-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sel-primary-light);\n  border-radius: var(--sel-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sel-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sel-tip p {\n  font-size: 14px;\n  color: var(--sel-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sel-tip p strong {\n  color: var(--sel-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.sel-accordion {\n  background: var(--sel-white);\n  border-radius: var(--sel-radius);\n  box-shadow: var(--sel-shadow);\n  overflow: hidden;\n}\n\n.sel-accordion-item {\n  border-bottom: 1px solid var(--sel-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sel-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sel-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sel-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.sel-accordion-header:hover {\n  background: var(--sel-primary-light);\n}\n\n.sel-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sel-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sel-primary);\n  transition: transform .2s ease;\n}\n\n.sel-accordion-item[open] .sel-accordion-header::after {\n  content: '−';\n}\n\n.sel-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sel-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sel-accordion-content p {\n  margin: 0;\n}\n\n.sel-accordion-content p strong {\n  color: var(--sel-text);\n}\n\n\/* === DISCLAIMER === *\/\n.sel-disclaimer {\n  font-size: 12px;\n  color: var(--sel-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .sel-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sel-compo-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sel-card {\n    padding: 1.125rem;\n  }\n\n  .sel-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sel-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sel-radius-sm);\n  }\n\n  .sel-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sel-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sel-grid-compact {\n    gap: .625rem;\n  }\n\n  .sel-grid-compact .sel-card {\n    padding: .75rem;\n  }\n\n  .sel-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sel-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sel-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sel-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sel-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sel-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sel-compo-dose {\n    font-size: 22px;\n  }\n\n  .sel-compo-header {\n    justify-content: center;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sel-card,\n  .sel-compo-card {\n    animation: selFadeInUp .5s ease backwards;\n  }\n  .sel-card:nth-child(1),\n  .sel-compo-card:nth-child(1) { animation-delay: .05s; }\n  .sel-card:nth-child(2),\n  .sel-compo-card:nth-child(2) { animation-delay: .1s; }\n  .sel-card:nth-child(3),\n  .sel-compo-card:nth-child(3) { animation-delay: .15s; }\n  .sel-card:nth-child(4),\n  .sel-compo-card:nth-child(4) { animation-delay: .2s; }\n  .sel-card:nth-child(5) { animation-delay: .25s; }\n  .sel-card:nth-child(6) { animation-delay: .3s; }\n\n  .sel-timeline-item {\n    animation: selFadeInUp .5s ease backwards;\n  }\n  .sel-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .sel-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .sel-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes selFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sel-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57062698418553,"sku":"SF0255","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/selenium-ace-120-gelules-sfb-packshothd.webp?v=1776157274"},{"product_id":"nac-n-acetylcysteine-60-comprimes-sfb","title":"NAC N-Acetyl Cysteine - 60 comprimés - SFB","description":"\u003cdiv class=\"nac-premium\"\u003e\n  \u003cdiv class=\"nac-hero\"\u003e\n    \u003cdiv class=\"nac-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"nac-hero-content\"\u003e\n      \u003cdiv class=\"nac-badges-top\"\u003e\n        \u003cspan class=\"nac-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n        \u003cspan class=\"nac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"nac-badge\"\u003e🧬 600 mg\u003c\/span\u003e\n        \u003cspan class=\"nac-badge\"\u003e✅ Sans OGM\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"nac-hero-title\"\u003eNAC N-Acétyl Cystéine 600\u003c\/span\u003e\n      \u003cp class=\"nac-subtitle\"\u003eL'antioxydant puissant signé SFB Laboratoires\u003c\/p\u003e\n      \u003cp class=\"nac-description\"\u003ePrécurseur direct du glutathion, cet acide aminé soufré soutient vos défenses naturelles, votre foie et vos voies respiratoires. 60 comprimés = 2 mois de cure complète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"nac-section\"\u003e\n    \u003ch2\u003eNAC N-Acétyl Cystéine 600 mg : l'antioxydant puissant signé SFB Laboratoires\u003c\/h2\u003e\n    \u003cp class=\"nac-section-intro\"\u003eVous cherchez un complément alimentaire antioxydant réellement efficace pour soutenir votre organisme au quotidien ? La NAC (N-Acétyl Cystéine) des laboratoires SFB vous propose une formule concentrée à \u003cstrong\u003e600 mg par comprimé\u003c\/strong\u003e, idéale pour accompagner vos défenses naturelles, votre foie et vos voies respiratoires. Fabriqué en France, ce produit vegan et sans OGM s'adresse à toutes celles et ceux qui souhaitent miser sur un antioxydant naturel de haute qualité.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"nac-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la N-Acétyl Cystéine (NAC) ?\u003c\/h2\u003e\n    \u003cdiv class=\"nac-testimonial\"\u003e\n      \u003cp class=\"nac-testimonial-text\"\u003eLa \u003cstrong\u003eN-Acétyl Cystéine\u003c\/strong\u003e, ou NAC, est une forme acétylée de la L-cystéine, un \u003cstrong\u003eacide aminé soufré\u003c\/strong\u003e naturellement présent dans l'organisme. Elle est reconnue comme le précurseur direct du \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants endogènes les plus puissants que votre corps produit. En apportant de la NAC sous forme acétylée, vous soutenez efficacement la synthèse de glutathion, essentiel pour lutter contre le stress oxydatif et les radicaux libres.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"nac-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la NAC N-Acétyl Cystéine\u003c\/h2\u003e\n    \u003cdiv class=\"nac-grid\"\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e🛡️ Action antioxydante puissante\u003c\/h3\u003e\n        \u003cp\u003eContribue à neutraliser les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e🧪 Soutien hépatique\u003c\/h3\u003e\n        \u003cp\u003eFavorise les processus naturels de détoxification du foie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n        \u003cp\u003eGrâce à ses propriétés mucolytiques, elle aide à fluidifier le mucus en cas de bronchite ou de sinusite.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e💪 Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eParticipe au bon fonctionnement du système immunitaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eAide à neutraliser les effets des toxines et des métaux lourds.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e⭐ Qualité premium\u003c\/h3\u003e\n        \u003cp\u003eL'un des meilleurs antioxydants à intégrer à une routine bien-être complète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"nac-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 comprimé\u003c\/h2\u003e\n    \u003cdiv class=\"nac-highlight-box\"\u003e\n      \u003cspan class=\"nac-highlight-value\"\u003e600 mg\u003c\/span\u003e\n      \u003cspan class=\"nac-highlight-label\"\u003eN-Acétyl-Cystéine pure par comprimé\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nac-grid-compact\"\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e🧂 Phosphate de calcium\u003c\/h3\u003e\n        \u003cp\u003eDibasique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e⚗️ Acide stéarique\u003c\/h3\u003e\n        \u003cp\u003eAgent d'enrobage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e🌾 Cellulose\u003c\/h3\u003e\n        \u003cp\u003eMicrocristalline\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e✨ Silice\u003c\/h3\u003e\n        \u003cp\u003eAntiagglomérant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e🔗 Gomme de cellulose\u003c\/h3\u003e\n        \u003cp\u003eLiant végétal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-card\"\u003e\n        \u003ch3\u003e🌱 Stéarate de magnésium\u003c\/h3\u003e\n        \u003cp\u003eTunique végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nac-tip\"\u003e\n      \u003cspan class=\"nac-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003evegan, sans gluten, sans lactose et sans OGM\u003c\/strong\u003e, adaptée à tous les régimes alimentaires.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"nac-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation : comment prendre la NAC ?\u003c\/h2\u003e\n    \u003cdiv class=\"nac-timeline\"\u003e\n      \u003cdiv class=\"nac-timeline-item\"\u003e\n        \u003cdiv class=\"nac-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"nac-timeline-content\"\u003e\n          \u003ch3\u003e1 comprimé par jour\u003c\/h3\u003e\n          \u003cp\u003ePrendre de préférence le matin pour démarrer la journée sereinement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-timeline-item\"\u003e\n        \u003cdiv class=\"nac-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"nac-timeline-content\"\u003e\n          \u003ch3\u003eÀ jeun ou en dehors des repas\u003c\/h3\u003e\n          \u003cp\u003ePour une meilleure absorption et une efficacité optimale de l'actif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-timeline-item\"\u003e\n        \u003cdiv class=\"nac-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"nac-timeline-content\"\u003e\n          \u003ch3\u003eCure de 2 mois\u003c\/h3\u003e\n          \u003cp\u003eLa boîte de 60 comprimés correspond exactement à une cure complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nac-timeline-item\"\u003e\n        \u003cdiv class=\"nac-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"nac-timeline-content\"\u003e\n          \u003ch3\u003eMode de vie sain\u003c\/h3\u003e\n          \u003cp\u003eAssociez la cure à une alimentation équilibrée et une bonne hydratation pour des résultats optimaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"nac-section\"\u003e\n    \u003ch2\u003eAvis et retours sur la NAC SFB\u003c\/h2\u003e\n    \u003cdiv class=\"nac-testimonial\"\u003e\n      \u003cp class=\"nac-testimonial-text\"\u003e\"La NAC est plébiscitée par celles et ceux qui recherchent un \u003cstrong\u003eantioxydant puissant\u003c\/strong\u003e pour accompagner les périodes de fatigue, les changements de saison ou les excès. Son intérêt pour la sphère respiratoire et hépatique en fait un allié polyvalent, apprécié en cures régulières.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"nac-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"nac-accordion\"\u003e\n      \u003cdetails class=\"nac-accordion-item\"\u003e\n        \u003csummary class=\"nac-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"nac-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"nac-accordion-item\"\u003e\n        \u003csummary class=\"nac-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n        \u003cdiv class=\"nac-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Respecter les conseils d'utilisation indiqués.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"nac-accordion-item\"\u003e\n        \u003csummary class=\"nac-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"nac-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"nac-accordion-item\"\u003e\n        \u003csummary class=\"nac-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"nac-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Il \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. Demandez conseil à votre médecin ou pharmacien en cas de traitement en cours ou de doute.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"nac-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --nac-cream: #f5f7fa;\n  --nac-white: #ffffff;\n  --nac-primary: #2b3a7a;\n  --nac-primary-dark: #1a2656;\n  --nac-primary-light: #e8ecf7;\n  --nac-secondary: #4a5fb8;\n  --nac-accent: #6b8aed;\n  --nac-text: #1a1a1a;\n  --nac-text-light: #5a5a5a;\n  --nac-border: #e0e0e0;\n  --nac-shadow: 0 4px 24px rgba(43,58,122,.08);\n  --nac-shadow-lg: 0 12px 48px rgba(43,58,122,.18);\n  --nac-radius: 20px;\n  --nac-radius-sm: 12px;\n}\n\n.nac-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--nac-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--nac-text);\n  line-height: 1.6;\n}\n\n.nac-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a2656 0%, #2b3a7a 50%, #4a5fb8 100%);\n  border-radius: var(--nac-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--nac-shadow-lg);\n}\n\n.nac-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(107,138,237,.2) 0%, transparent 50%);\n  opacity: .8;\n}\n\n.nac-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.nac-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n  line-height: 1.1;\n}\n\n.nac-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.nac-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.3vw, 16px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.nac-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.nac-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--nac-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.nac-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.nac-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nac-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--nac-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.nac-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--nac-primary), var(--nac-accent));\n  border-radius: 2px;\n}\n\n.nac-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--nac-text-light);\n  margin: 0 auto;\n  max-width: 800px;\n  line-height: 1.8;\n}\n\n.nac-section-intro strong {\n  color: var(--nac-primary-dark);\n}\n\n.nac-card {\n  background: var(--nac-white);\n  border-radius: var(--nac-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--nac-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.nac-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--nac-shadow-lg);\n  border-color: var(--nac-primary);\n}\n\n.nac-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--nac-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.nac-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--nac-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.nac-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.nac-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.nac-grid-compact .nac-card {\n  padding: 1rem;\n}\n\n.nac-grid-compact .nac-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.nac-grid-compact .nac-card p {\n  font-size: 12px;\n}\n\n.nac-highlight-box {\n  background: linear-gradient(135deg, var(--nac-primary) 0%, var(--nac-secondary) 100%);\n  border-radius: var(--nac-radius);\n  padding: 1.5rem;\n  text-align: center;\n  margin-bottom: 1.5rem;\n  box-shadow: var(--nac-shadow);\n}\n\n.nac-highlight-value {\n  display: block;\n  color: white;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -.03em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nac-highlight-label {\n  display: block;\n  color: rgba(255,255,255,.95);\n  font-size: clamp(13px, 2vw, 15px);\n  font-weight: 600;\n  margin-top: .5rem;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.nac-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.nac-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.nac-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--nac-primary), var(--nac-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(43,58,122,.3);\n}\n\n.nac-timeline-content {\n  flex: 1;\n  background: var(--nac-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--nac-radius-sm);\n  box-shadow: var(--nac-shadow);\n}\n\n.nac-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--nac-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.nac-timeline-content p {\n  font-size: 14px;\n  color: var(--nac-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.nac-testimonial {\n  background: var(--nac-white);\n  border-radius: var(--nac-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--nac-shadow);\n  border-left: 4px solid var(--nac-primary);\n}\n\n.nac-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--nac-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.nac-testimonial-text strong {\n  color: var(--nac-primary-dark);\n}\n\n.nac-accordion {\n  background: var(--nac-white);\n  border-radius: var(--nac-radius);\n  box-shadow: var(--nac-shadow);\n  overflow: hidden;\n}\n\n.nac-accordion-item {\n  border-bottom: 1px solid var(--nac-border);\n  margin: 0;\n  padding: 0;\n}\n\n.nac-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.nac-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--nac-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.nac-accordion-header:hover {\n  background: var(--nac-primary-light);\n}\n\n.nac-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.nac-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--nac-primary);\n  transition: transform .2s ease;\n}\n\n.nac-accordion-item[open] .nac-accordion-header::after {\n  content: '−';\n}\n\n.nac-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--nac-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.nac-accordion-content p {\n  margin: 0;\n}\n\n.nac-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--nac-primary-light);\n  border-radius: var(--nac-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 3px solid var(--nac-primary);\n}\n\n.nac-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.nac-tip p {\n  font-size: 14px;\n  color: var(--nac-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.nac-disclaimer {\n  font-size: 12px;\n  color: var(--nac-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .nac-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .nac-card {\n    padding: 1.125rem;\n  }\n  .nac-section {\n    margin-bottom: 1.75rem;\n  }\n  .nac-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--nac-radius-sm);\n  }\n  .nac-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .nac-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .nac-grid-compact {\n    gap: .625rem;\n  }\n  .nac-grid-compact .nac-card {\n    padding: .75rem;\n  }\n  .nac-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .nac-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .nac-timeline-content h3 {\n    font-size: 14px;\n  }\n  .nac-timeline-content p {\n    font-size: 13px;\n  }\n  .nac-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .nac-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .nac-testimonial {\n    padding: 1.25rem;\n  }\n  .nac-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .nac-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .nac-card:nth-child(1) { animation-delay: .05s; }\n  .nac-card:nth-child(2) { animation-delay: .1s; }\n  .nac-card:nth-child(3) { animation-delay: .15s; }\n  .nac-card:nth-child(4) { animation-delay: .2s; }\n  .nac-card:nth-child(5) { animation-delay: .25s; }\n  .nac-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nac-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57088895385977,"sku":"SF0055","price":23.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/nac-n-acetyl-cysteine-60-comprimes-sfb-packshothd.webp?v=1776431511"},{"product_id":"camu-camu-bio-120-gelules-sfb","title":"Camu-camu bio - 120 gélules - SFB","description":"\u003cdiv class=\"camu-premium\"\u003e\n  \u003cdiv class=\"camu-hero\"\u003e\n    \u003cdiv class=\"camu-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"camu-hero-content\"\u003e\n      \u003cdiv class=\"camu-badges-top\"\u003e\n        \u003cspan class=\"camu-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"camu-badge\"\u003e🍒 Riche en Vitamine C\u003c\/span\u003e\n        \u003cspan class=\"camu-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"camu-badge\"\u003e💊 120 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"camu-hero-title\"\u003eCamu-Camu Bio\u003c\/span\u003e\n      \u003cp class=\"camu-subtitle\"\u003eLa baie amazonienne la plus riche en vitamine C naturelle\u003c\/p\u003e\n      \u003cp class=\"camu-description\"\u003eDécouvrez le camu-camu bio SFB Laboratoires, un super-fruit d'Amazonie reconnu pour sa teneur exceptionnelle en vitamine C naturelle. Un allié précieux pour réduire la fatigue et soutenir vos défenses au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"camu-section\"\u003e\n    \u003ch2\u003eCamu-Camu Bio : le super-fruit amazonien aux 120 gélules\u003c\/h2\u003e\n    \u003cp class=\"camu-section-intro\"\u003eOriginaire des forêts humides d'Amazonie, le \u003cstrong\u003ecamu-camu\u003c\/strong\u003e (\u003cem\u003eMyrciaria dubia\u003c\/em\u003e) est une petite baie rouge considérée comme \u003cstrong\u003el'un des fruits les plus riches en vitamine C naturelle au monde\u003c\/strong\u003e. Sa teneur dépasse largement celle de l'orange, du kiwi ou de l'acérola. Avec cette formule bio en gélules, SFB Laboratoires vous propose une alternative pratique et dosée à la poudre de camu-camu bio, idéale pour une cure régulière.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"camu-section\"\u003e\n    \u003ch2\u003eLes bienfaits du camu-camu bio\u003c\/h2\u003e\n    \u003cdiv class=\"camu-grid\"\u003e\n      \u003cdiv class=\"camu-card\"\u003e\n        \u003ch3\u003e⚡ Réduit la fatigue\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C du camu-camu contribue à réduire la fatigue passagère et à retrouver du tonus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"camu-card\"\u003e\n        \u003ch3\u003e🛡️ Soutient l'immunité\u003c\/h3\u003e\n        \u003cp\u003eElle participe au fonctionnement normal du système immunitaire, particulièrement utile en hiver.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"camu-card\"\u003e\n        \u003ch3\u003e✨ Antioxydant naturel\u003c\/h3\u003e\n        \u003cp\u003eLe camu-camu aide à protéger les cellules contre le stress oxydatif grâce à ses polyphénols.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"camu-card\"\u003e\n        \u003ch3\u003e💪 Absorption du fer\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C favorise l'assimilation du fer d'origine végétale au cours des repas.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"camu-card\"\u003e\n        \u003ch3\u003e🦴 Collagène \u0026amp; vitalité\u003c\/h3\u003e\n        \u003cp\u003eElle contribue à la formation normale de collagène pour la peau, les os et les cartilages.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"camu-card\"\u003e\n        \u003ch3\u003e🌿 100% naturelle\u003c\/h3\u003e\n        \u003cp\u003eContrairement à l'acide ascorbique de synthèse, la vitamine C camu-camu bio est parfaitement biodisponible.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"camu-section\"\u003e\n    \u003ch2\u003eComposition pour 2 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"camu-highlight-box\"\u003e\n      \u003cspan class=\"camu-highlight-value\"\u003e1000 mg\u003c\/span\u003e\n      \u003cspan class=\"camu-highlight-label\"\u003ePoudre de camu-camu bio (fruit)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"camu-grid-compact\"\u003e\n      \u003cdiv class=\"camu-card\"\u003e\n        \u003ch3\u003e🍒 Camu-camu bio\u003c\/h3\u003e\n        \u003cp\u003e500 mg par gélule, soit environ 27 mg de vitamine C par gélule (54 mg pour 2 gélules, 68 % des VNR) ; issu de l'agriculture biologique (non UE)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"camu-card\"\u003e\n        \u003ch3\u003e💊 Tunique végétale\u003c\/h3\u003e\n        \u003cp\u003eGélule HPMC d'origine végétale, adaptée aux vegans\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"camu-tip\"\u003e\n      \u003cspan class=\"camu-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eProduit \u003cstrong\u003ecertifié bio (FR-BIO-10)\u003c\/strong\u003e, fabriqué en France, sans OGM, sans additif controversé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"camu-section\"\u003e\n    \u003ch2\u003eComment prendre le camu-camu bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"camu-timeline\"\u003e\n      \u003cdiv class=\"camu-timeline-item\"\u003e\n        \u003cdiv class=\"camu-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"camu-timeline-content\"\u003e\n          \u003ch3\u003e2 gélules par jour\u003c\/h3\u003e\n          \u003cp\u003eÀ prendre le matin avec un grand verre d'eau, au petit-déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"camu-timeline-item\"\u003e\n        \u003cdiv class=\"camu-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"camu-timeline-content\"\u003e\n          \u003ch3\u003eCure de 1 à 2 mois\u003c\/h3\u003e\n          \u003cp\u003eIdéal aux changements de saison, en période de fatigue ou avant l'hiver.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"camu-timeline-item\"\u003e\n        \u003cdiv class=\"camu-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"camu-timeline-content\"\u003e\n          \u003ch3\u003eAlimentation équilibrée\u003c\/h3\u003e\n          \u003cp\u003eAssociez votre cure à une alimentation riche en fruits et légumes frais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"camu-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"camu-accordion\"\u003e\n      \u003cdetails class=\"camu-accordion-item\"\u003e\n        \u003csummary class=\"camu-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"camu-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans. Demandez l'avis d'un professionnel de santé en cas de traitement en cours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"camu-accordion-item\"\u003e\n        \u003csummary class=\"camu-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"camu-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la chaleur et de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"camu-accordion-item\"\u003e\n        \u003csummary class=\"camu-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"camu-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée. Consultez votre médecin en cas de doute.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"camu-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --camu-cream: #fdf8f9;\n  --camu-white: #ffffff;\n  --camu-primary: #9c2751;\n  --camu-primary-dark: #6d1636;\n  --camu-primary-light: #fce7ee;\n  --camu-secondary: #c94874;\n  --camu-accent: #5a8a3a;\n  --camu-accent-light: #e8f0dc;\n  --camu-text: #1a1a1a;\n  --camu-text-light: #5a5a5a;\n  --camu-border: #ecd9e0;\n  --camu-shadow: 0 4px 24px rgba(156, 39, 81, .08);\n  --camu-shadow-lg: 0 12px 48px rgba(156, 39, 81, .18);\n  --camu-radius: 20px;\n  --camu-radius-sm: 12px;\n}\n\n.camu-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--camu-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--camu-text);\n  line-height: 1.6;\n}\n\n.camu-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.camu-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6d1636 0%, #9c2751 50%, #c94874 100%);\n  border-radius: var(--camu-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--camu-shadow-lg);\n}\n\n.camu-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .12;\n  background-image: \n    radial-gradient(circle at 15% 25%, #ffffff 0%, transparent 35%),\n    radial-gradient(circle at 85% 75%, #ffffff 0%, transparent 40%),\n    radial-gradient(circle at 50% 50%, #ffd1dc 0%, transparent 50%);\n}\n\n.camu-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.camu-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.camu-subtitle {\n  color: rgba(255, 255, 255, .95);\n  font-size: clamp(15px, 2.8vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  font-style: italic;\n}\n\n.camu-description {\n  color: rgba(255, 255, 255, .92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.camu-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.camu-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--camu-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.camu-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.camu-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.camu-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--camu-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.camu-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--camu-primary), var(--camu-secondary));\n  border-radius: 2px;\n}\n\n.camu-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--camu-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 750px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.75;\n}\n\n.camu-section-intro strong {\n  color: var(--camu-primary-dark);\n}\n\n\/* === CARDS === *\/\n.camu-card {\n  background: var(--camu-white);\n  border-radius: var(--camu-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--camu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.camu-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--camu-shadow-lg);\n  border-color: var(--camu-primary);\n}\n\n.camu-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--camu-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.camu-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--camu-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.camu-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.camu-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-top: 1.25rem;\n}\n\n.camu-grid-compact .camu-card {\n  padding: 1rem;\n}\n\n.camu-grid-compact .camu-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.camu-grid-compact .camu-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.camu-highlight-box {\n  background: linear-gradient(135deg, var(--camu-primary) 0%, var(--camu-primary-dark) 100%);\n  border-radius: var(--camu-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  box-shadow: var(--camu-shadow-lg);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .5rem;\n}\n\n.camu-highlight-value {\n  color: white;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  letter-spacing: -.03em;\n  line-height: 1;\n  text-shadow: 0 2px 16px rgba(0,0,0,.2);\n}\n\n.camu-highlight-label {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(13px, 2.2vw, 16px);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .08em;\n}\n\n\/* === TIMELINE === *\/\n.camu-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.camu-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.camu-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--camu-primary), var(--camu-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(156, 39, 81, .3);\n}\n\n.camu-timeline-content {\n  flex: 1;\n  background: var(--camu-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--camu-radius-sm);\n  box-shadow: var(--camu-shadow);\n}\n\n.camu-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--camu-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.camu-timeline-content p {\n  font-size: 14px;\n  color: var(--camu-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.camu-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--camu-accent-light);\n  border-radius: var(--camu-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--camu-accent);\n}\n\n.camu-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.camu-tip p {\n  font-size: 14px;\n  color: var(--camu-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.camu-tip strong {\n  color: var(--camu-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.camu-accordion {\n  background: var(--camu-white);\n  border-radius: var(--camu-radius);\n  box-shadow: var(--camu-shadow);\n  overflow: hidden;\n}\n\n.camu-accordion-item {\n  border-bottom: 1px solid var(--camu-border);\n  margin: 0;\n  padding: 0;\n}\n\n.camu-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.camu-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--camu-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.camu-accordion-header:hover {\n  background: var(--camu-primary-light);\n}\n\n.camu-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.camu-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--camu-primary);\n  transition: transform .2s ease;\n}\n\n.camu-accordion-item[open] .camu-accordion-header::after {\n  content: '−';\n}\n\n.camu-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--camu-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.camu-accordion-content p {\n  margin: 0;\n}\n\n.camu-accordion-content strong {\n  color: var(--camu-primary-dark);\n}\n\n.camu-disclaimer {\n  font-size: 12px;\n  color: var(--camu-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\nhr.mt-3 {\n  border: none;\n  height: 1px;\n  background: var(--camu-border);\n  margin: 2rem 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .camu-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .camu-card {\n    padding: 1.125rem;\n  }\n  \n  .camu-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .camu-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--camu-radius-sm);\n  }\n  \n  .camu-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .camu-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .camu-grid-compact {\n    gap: .625rem;\n  }\n  \n  .camu-grid-compact .camu-card {\n    padding: .75rem;\n  }\n  \n  .camu-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .camu-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .camu-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .camu-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .camu-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .camu-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .camu-highlight-box {\n    padding: 1.5rem 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .camu-card {\n    animation: camuFadeInUp .5s ease backwards;\n  }\n  .camu-card:nth-child(1) { animation-delay: .05s; }\n  .camu-card:nth-child(2) { animation-delay: .1s; }\n  .camu-card:nth-child(3) { animation-delay: .15s; }\n  .camu-card:nth-child(4) { animation-delay: .2s; }\n  .camu-card:nth-child(5) { animation-delay: .25s; }\n  .camu-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes camuFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .camu-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57089040122233,"sku":"SF0175","price":22.1,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/camu-camu-bio-120-gelules-sfb-packshothd.webp?v=1776434833"},{"product_id":"silicium-organique-olivital-active-1-l","title":"Silicium Organique Olivital + Active - 1 L","description":"\u003cdiv class=\"olv-premium\"\u003e\n  \u003cdiv class=\"olv-hero\"\u003e\n    \u003cdiv class=\"olv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"olv-hero-content\"\u003e\n      \u003cdiv class=\"olv-badges-top\"\u003e\n        \u003cspan class=\"olv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"olv-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"olv-badge\"\u003e💧 1 g\/L de Silicium\u003c\/span\u003e\n        \u003cspan class=\"olv-badge\"\u003e✨ Cure 1 mois\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"olv-hero-title\"\u003eSilicium Organique Olivital + Active\u003c\/span\u003e\n      \u003cp class=\"olv-subtitle\"\u003eSolution buvable de silicium biodisponible • 1 Litre\u003c\/p\u003e\n      \u003cp class=\"olv-description\"\u003eLa force du naturel au service de votre peau, de vos ongles, de vos cheveux et de vos articulations. Une formule concentrée, au goût cassis, pour une vitalité retrouvée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003eSilicium Organique Olivital + Active : la vitalité puisée dans le naturel\u003c\/h2\u003e\n    \u003cp class=\"olv-section-intro\"\u003eLe \u003cstrong\u003eSilicium Organique Olivital + Active\u003c\/strong\u003e de SFB Laboratoires est une solution buvable concentrée, élaborée pour soutenir la beauté de votre peau, la force de vos ongles, la brillance de vos cheveux ainsi que la souplesse de vos articulations. Présenté en flacon d'1 litre (soit environ 1 mois de cure), ce complément alimentaire vegan et fabriqué en France mise sur la \u003cstrong\u003ebiodisponibilité\u003c\/strong\u003e pour offrir une assimilation optimale.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le silicium organique et quels sont ses bienfaits ?\u003c\/h2\u003e\n    \u003cp class=\"olv-section-intro\"\u003eLe silicium est un oligo-élément naturellement présent dans l'organisme : on le retrouve dans les os, les cartilages, les tendons, la peau et les phanères. Avec l'âge, ses réserves diminuent, d'où l'intérêt d'une supplémentation ciblée.\u003c\/p\u003e\n    \u003cdiv class=\"olv-grid\"\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e💪 Tissus conjonctifs\u003c\/h3\u003e\n        \u003cp\u003eContribue à renforcer la peau, les cartilages et les ligaments pour un corps solide et souple.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🦴 Souplesse articulaire\u003c\/h3\u003e\n        \u003cp\u003eSoutient le confort de mouvement au quotidien et la mobilité des articulations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🧬 Fixation du calcium\u003c\/h3\u003e\n        \u003cp\u003eParticipe aux processus d'ossification et à la minéralisation osseuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e✨ Beauté \u0026amp; éclat\u003c\/h3\u003e\n        \u003cp\u003eFavorise la beauté de la peau, la force des ongles et la brillance des cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydant\u003c\/h3\u003e\n        \u003cp\u003eApporte des propriétés antioxydantes qui aident à lutter contre le vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🌿 Cicatrisation\u003c\/h3\u003e\n        \u003cp\u003eAccompagne les processus naturels de réparation et de régénération des tissus.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003eUne formule concentrée et biodisponible\u003c\/h2\u003e\n    \u003cp class=\"olv-section-intro\"\u003eOlivital + Active se distingue par une teneur élevée en \u003cstrong\u003esilicium élément de 1 g\/litre\u003c\/strong\u003e, soit 30 mg par prise de 30 ml. Sa forme liquide, à base d'acide orthosilicique stabilisé sur choline, est pensée pour une assimilation rapide par l'organisme.\u003c\/p\u003e\n    \u003cdiv class=\"olv-grid-compact\"\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e💧 1 g\/L\u003c\/h3\u003e\n        \u003cp\u003eSilicium élément concentré\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🥄 30 mg\u003c\/h3\u003e\n        \u003cp\u003ePar prise quotidienne\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e⚡ Assimilation rapide\u003c\/h3\u003e\n        \u003cp\u003eForme liquide biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🍇 Goût cassis\u003c\/h3\u003e\n        \u003cp\u003eArôme naturel agréable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003eComposition détaillée (pour 30 ml)\u003c\/h2\u003e\n    \u003cdiv class=\"olv-grid\"\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e💧 Solution aqueuse dynalisée\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e29 100 mg\u003c\/strong\u003e\u003cbr\u003eBase de la formule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🧪 Acide orthosilicique\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e682 mg\u003c\/strong\u003e\u003cbr\u003eSur base choline stabilisée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🍇 Arôme naturel de cassis\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e45 mg\u003c\/strong\u003e\u003cbr\u003ePour un goût agréable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🌱 Extrait de Stevia Rebaudiana\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e9 mg\u003c\/strong\u003e\u003cbr\u003e98 % de Rébaudioside A min.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🧂 Sorbate de potassium\u003c\/h3\u003e\n        \u003cp\u003eConservateur doux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e⚗️ Acide lactique\u003c\/h3\u003e\n        \u003cp\u003eRégulateur d'acidité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"olv-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003e✅ Sans paraben • Sans benzoate • Sans gluten • Sans lactose • Sans OGM\u003cbr\u003eConvient aux végétariens et végétaliens\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003eComment prendre le silicium organique G5 \/ Olivital ?\u003c\/h2\u003e\n    \u003cp class=\"olv-section-intro\"\u003ePour profiter pleinement des bénéfices, suivez ces étapes simples au quotidien :\u003c\/p\u003e\n    \u003cdiv class=\"olv-timeline\"\u003e\n      \u003cdiv class=\"olv-timeline-item\"\u003e\n        \u003cdiv class=\"olv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"olv-timeline-content\"\u003e\n          \u003ch3\u003eLe matin à jeun\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e30 ml\u003c\/strong\u003e chaque matin, pur ou dilué dans un peu d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-timeline-item\"\u003e\n        \u003cdiv class=\"olv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"olv-timeline-content\"\u003e\n          \u003ch3\u003e2 minutes sous la langue\u003c\/h3\u003e\n          \u003cp\u003eGardez la solution environ \u003cstrong\u003e2 minutes sous la langue\u003c\/strong\u003e avant de l'avaler afin de favoriser l'assimilation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-timeline-item\"\u003e\n        \u003cdiv class=\"olv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"olv-timeline-content\"\u003e\n          \u003ch3\u003eUne cure d'1 mois minimum\u003c\/h3\u003e\n          \u003cp\u003eRespectez une cure d'au moins 1 mois pour observer des résultats durables sur la peau, les ongles et la vitalité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"olv-tip\"\u003e\n      \u003cspan class=\"olv-tip-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cp\u003eBien agiter avant emploi et conserver à l'abri de la chaleur, \u003cstrong\u003ede préférence au réfrigérateur après ouverture\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et danger du silicium organique\u003c\/h2\u003e\n    \u003cp class=\"olv-section-intro\"\u003eLe \u003cstrong\u003edanger du silicium organique\u003c\/strong\u003e reste limité lorsque la posologie est respectée. Toutefois, quelques précautions s'imposent :\u003c\/p\u003e\n    \u003cdiv class=\"olv-accordion\"\u003e\n      \u003cdetails class=\"olv-accordion-item\"\u003e\n        \u003csummary class=\"olv-accordion-header\"\u003e⚠️ Posologie à respecter\u003c\/summary\u003e\n        \u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 30 ml par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"olv-accordion-item\"\u003e\n        \u003csummary class=\"olv-accordion-header\"\u003e🚫 Publics déconseillés\u003c\/summary\u003e\n        \u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes. Déconseillé également en cas de traitement anti-hypertenseur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"olv-accordion-item\"\u003e\n        \u003csummary class=\"olv-accordion-header\"\u003e💤 Effets à surveiller\u003c\/summary\u003e\n        \u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n          \u003cp\u003eCesser l'utilisation en cas d'agitation ou de nervosité. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"olv-accordion-item\"\u003e\n        \u003csummary class=\"olv-accordion-header\"\u003e🩺 Rappel important\u003c\/summary\u003e\n        \u003cdiv class=\"olv-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e, il ne se substitue pas à une alimentation variée, équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"olv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir Olivital + Active de SFB Laboratoires ?\u003c\/h2\u003e\n    \u003cdiv class=\"olv-grid-compact\"\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué par SFB Laboratoires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e💎 Concentration optimisée\u003c\/h3\u003e\n        \u003cp\u003e1 g\/L de silicium élément\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🍇 Goût agréable\u003c\/h3\u003e\n        \u003cp\u003eArôme naturel de cassis\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"olv-card\"\u003e\n        \u003ch3\u003e🧴 Formule propre\u003c\/h3\u003e\n        \u003cp\u003eSans conservateurs controversés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"olv-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003eUn allié quotidien pour qui souhaite préserver naturellement sa vitalité, la jeunesse de sa peau et la mobilité de ses articulations. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --olv-cream: #faf7f2;\n  --olv-white: #ffffff;\n  --olv-primary: #8b5a2b;\n  --olv-primary-dark: #4a2c17;\n  --olv-primary-light: #f5ebe0;\n  --olv-secondary: #d97706;\n  --olv-accent: #e88a3c;\n  --olv-text: #1a1a1a;\n  --olv-text-light: #5a5a5a;\n  --olv-border: #e8ddd1;\n  --olv-shadow: 0 4px 24px rgba(74,44,23,.08);\n  --olv-shadow-lg: 0 12px 48px rgba(74,44,23,.18);\n  --olv-radius: 20px;\n  --olv-radius-sm: 12px;\n}\n\n.olv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--olv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--olv-text);\n  line-height: 1.6;\n}\n\n.olv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6b3a1a 0%, #4a2c17 50%, #8b5a2b 100%);\n  border-radius: var(--olv-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--olv-shadow-lg);\n}\n\n.olv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, var(--olv-accent) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, var(--olv-secondary) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.olv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.olv-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n  line-height: 1.1;\n}\n\n.olv-subtitle {\n  color: var(--olv-accent);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.olv-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.olv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.olv-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--olv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.olv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.olv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.olv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--olv-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.olv-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--olv-primary), var(--olv-secondary));\n  border-radius: 2px;\n}\n\n.olv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--olv-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 780px;\n  line-height: 1.75;\n}\n\n.olv-section-intro strong {\n  color: var(--olv-primary-dark);\n}\n\n.olv-card {\n  background: var(--olv-white);\n  border-radius: var(--olv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--olv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.olv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--olv-shadow-lg);\n  border-color: var(--olv-primary);\n}\n\n.olv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--olv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.olv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--olv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.olv-card strong {\n  color: var(--olv-secondary);\n  font-weight: 800;\n}\n\n.olv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.olv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.olv-grid-compact .olv-card {\n  padding: 1rem;\n}\n\n.olv-grid-compact .olv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.olv-grid-compact .olv-card p {\n  font-size: 12px;\n}\n\n.olv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.olv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.olv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--olv-primary), var(--olv-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(139,90,43,.3);\n}\n\n.olv-timeline-content {\n  flex: 1;\n  background: var(--olv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--olv-radius-sm);\n  box-shadow: var(--olv-shadow);\n}\n\n.olv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--olv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.olv-timeline-content p {\n  font-size: 14px;\n  color: var(--olv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.olv-timeline-content strong {\n  color: var(--olv-secondary);\n}\n\n.olv-accordion {\n  background: var(--olv-white);\n  border-radius: var(--olv-radius);\n  box-shadow: var(--olv-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.olv-accordion-item {\n  border-bottom: 1px solid var(--olv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.olv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.olv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--olv-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.olv-accordion-header:hover {\n  background: var(--olv-primary-light);\n}\n\n.olv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.olv-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--olv-primary);\n  transition: transform .2s ease;\n}\n\n.olv-accordion-item[open] .olv-accordion-header::after {\n  content: '−';\n}\n\n.olv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--olv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.olv-accordion-content p {\n  margin: 0;\n}\n\n.olv-accordion-content strong {\n  color: var(--olv-primary-dark);\n}\n\n.olv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--olv-primary-light);\n  border-radius: var(--olv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.olv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.olv-tip p {\n  font-size: 14px;\n  color: var(--olv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.olv-tip strong {\n  color: var(--olv-primary-dark);\n}\n\n.olv-cta-box {\n  background: linear-gradient(135deg, var(--olv-primary) 0%, var(--olv-primary-dark) 100%);\n  border-radius: var(--olv-radius);\n  padding: clamp(1.5rem, 3.5vw, 2.25rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.olv-cta-box p {\n  color: white;\n  font-size: clamp(14px, 2.3vw, 17px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .olv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .olv-card {\n    padding: 1.125rem;\n  }\n  .olv-section {\n    margin-bottom: 1.75rem;\n  }\n  .olv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--olv-radius-sm);\n  }\n  .olv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .olv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .olv-grid-compact {\n    gap: .625rem;\n  }\n  .olv-grid-compact .olv-card {\n    padding: .75rem;\n  }\n  .olv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .olv-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .olv-timeline-content h3 {\n    font-size: 14px;\n  }\n  .olv-timeline-content p {\n    font-size: 13px;\n  }\n  .olv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .olv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .olv-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .olv-card:nth-child(1) { animation-delay: .05s; }\n  .olv-card:nth-child(2) { animation-delay: .1s; }\n  .olv-card:nth-child(3) { animation-delay: .15s; }\n  .olv-card:nth-child(4) { animation-delay: .2s; }\n  .olv-card:nth-child(5) { animation-delay: .25s; }\n  .olv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .olv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57103858925945,"sku":"SF0265","price":27.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silicium-organique-olivital-active-1-l-packshothd_209de8b1-0dac-4d58-82f6-f58993459b8a.webp?v=1790613653"},{"product_id":"jus-de-mangoustan-bio-500-ml-sfb","title":"Jus de Mangoustan Bio - 500 ml - SFB","description":"\u003cdiv class=\"mgt-premium\"\u003e\n  \u003cdiv class=\"mgt-hero\"\u003e\n    \u003cdiv class=\"mgt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mgt-hero-content\"\u003e\n      \u003cdiv class=\"mgt-badges-top\"\u003e\n        \u003cspan class=\"mgt-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"mgt-badge\"\u003e🇮🇩 Origine Indonésie\u003c\/span\u003e\n        \u003cspan class=\"mgt-badge\"\u003e✨ Pur Jus\u003c\/span\u003e\n        \u003cspan class=\"mgt-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mgt-hero-title\"\u003eLe super-fruit d'Asie aux mille vertus\u003c\/span\u003e\n      \u003cp class=\"mgt-subtitle\"\u003eJus de Mangoustan Bio · 500 ml\u003c\/p\u003e\n      \u003cp class=\"mgt-description\"\u003eUne solution buvable 100 % pure, riche en xanthones antioxydants, pour soutenir votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mgt-section\"\u003e\n    \u003ch2\u003eLe super-fruit d'Indonésie en pur jus\u003c\/h2\u003e\n    \u003cp class=\"mgt-section-intro\"\u003eLe \u003cstrong\u003ejus de mangoustan bio\u003c\/strong\u003e de SFB Laboratoires est une solution buvable 100 % pure, non reconstituée à partir de concentré. Fruit exotique originaire d'\u003cstrong\u003eIndonésie\u003c\/strong\u003e, le mangoustan est utilisé depuis des siècles dans la médecine traditionnelle asiatique pour ses propriétés antioxydantes. SFB vous propose ici un \u003cstrong\u003ejus mangoustan\u003c\/strong\u003e sans alcool, sans additifs et sans conservateurs, conditionné dans un flacon en verre de 500 ml pour préserver toutes ses qualités.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgt-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le jus de mangoustan ?\u003c\/h2\u003e\n    \u003cp class=\"mgt-section-intro\"\u003eLe mangoustan (\u003cem\u003eGarcinia mangostana\u003c\/em\u003e) est considéré comme l'un des super-fruits les plus intéressants pour l'organisme. Sa richesse naturelle en \u003cstrong\u003exanthones\u003c\/strong\u003e, des antioxydants puissants, en fait un allié de choix pour soutenir votre vitalité au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"mgt-grid\"\u003e\n      \u003cdiv class=\"mgt-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydants naturels\u003c\/h3\u003e\n        \u003cp\u003eRiche en xanthones qui contribuent à lutter contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-card\"\u003e\n        \u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eAide à protéger les cellules face aux radicaux libres du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-card\"\u003e\n        \u003ch3\u003e💪 Immunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eParticipe au renforcement naturel des défenses immunitaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-card\"\u003e\n        \u003ch3\u003e🌾 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eFavorise la digestion et procure un meilleur confort intestinal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-card\"\u003e\n        \u003ch3\u003e✨ Éclat de la peau\u003c\/h3\u003e\n        \u003cp\u003eSoutient la santé et la beauté naturelle de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-card\"\u003e\n        \u003ch3\u003e🌸 Effet apaisant\u003c\/h3\u003e\n        \u003cp\u003ePeut contribuer à apaiser les inflammations dans le corps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mgt-tip\"\u003e\n      \u003cspan class=\"mgt-tip-icon\"\u003e💜\u003c\/span\u003e\n      \u003cp\u003eDe nombreux avis sur \u003cstrong\u003ele jus de mangoustan\u003c\/strong\u003e soulignent sa saveur exotique légèrement acidulée et sa place idéale dans une routine bien-être naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgt-section\"\u003e\n    \u003ch2\u003eComposition : un produit bio et transparent\u003c\/h2\u003e\n    \u003cdiv class=\"mgt-grid-compact\"\u003e\n      \u003cdiv class=\"mgt-card\"\u003e\n        \u003ch3\u003e🍇 100% Pur Jus\u003c\/h3\u003e\n        \u003cp\u003eMangoustan biologique non reconstitué\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eSans alcool, sans conservateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-card\"\u003e\n        \u003ch3\u003e🌱 Vegan \u0026amp; Bio\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, certifié biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué par SFB Laboratoires\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mgt-tip\"\u003e\n      \u003cspan class=\"mgt-tip-icon\"\u003e📊\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eValeurs nutritionnelles pour 30 ml :\u003c\/strong\u003e 10 Kcal \/ 42 KJ · Glucides : 3 g (dont fructose 2 g) · Protides : 0 g · Lipides : 0 g.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgt-section\"\u003e\n    \u003ch2\u003eComment prendre le jus de mangoustan ?\u003c\/h2\u003e\n    \u003cdiv class=\"mgt-timeline\"\u003e\n      \u003cdiv class=\"mgt-timeline-item\"\u003e\n        \u003cdiv class=\"mgt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mgt-timeline-content\"\u003e\n          \u003ch3\u003e🥄 Dosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e30 ml par jour\u003c\/strong\u003e, de préférence le matin à jeun, pour profiter pleinement des actifs naturels.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-timeline-item\"\u003e\n        \u003cdiv class=\"mgt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mgt-timeline-content\"\u003e\n          \u003ch3\u003e🌀 Bien agiter\u003c\/h3\u003e\n          \u003cp\u003eAgitez soigneusement le flacon avant chaque utilisation pour homogénéiser le jus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-timeline-item\"\u003e\n        \u003cdiv class=\"mgt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mgt-timeline-content\"\u003e\n          \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n          \u003cp\u003eUn flacon de 500 ml couvre environ \u003cstrong\u003e16 jours de cure\u003c\/strong\u003e. Ne dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mgt-timeline-item\"\u003e\n        \u003cdiv class=\"mgt-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"mgt-timeline-content\"\u003e\n          \u003ch3\u003e❄️ Conservation\u003c\/h3\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur avant ouverture, puis au réfrigérateur une fois entamé. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgt-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur le jus de mangoustan\u003c\/h2\u003e\n    \u003cdiv class=\"mgt-accordion\"\u003e\n      \u003cdetails class=\"mgt-accordion-item\"\u003e\n        \u003csummary class=\"mgt-accordion-header\"\u003e🛒 Où acheter du jus de mangoustan de qualité ?\u003c\/summary\u003e\n        \u003cdiv class=\"mgt-accordion-content mt-3\"\u003e\n          \u003cp\u003ePrivilégiez un jus certifié bio, 100 % pur, non reconstitué à partir de concentré, comme celui proposé par SFB Laboratoires. C'est un gage de traçabilité et de qualité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mgt-accordion-item\"\u003e\n        \u003csummary class=\"mgt-accordion-header\"\u003e🔍 Quelle différence avec le jus de mangoustan Xango ?\u003c\/summary\u003e\n        \u003cdiv class=\"mgt-accordion-content mt-3\"\u003e\n          \u003cp\u003eContrairement à certaines formules qui intègrent d'autres fruits ou additifs, ce jus SFB est composé uniquement de mangoustan bio, sans mélange ni conservateur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mgt-accordion-item\"\u003e\n        \u003csummary class=\"mgt-accordion-header\"\u003e⚕️ Le jus de mangoustan et le cancer ?\u003c\/summary\u003e\n        \u003cdiv class=\"mgt-accordion-content mt-3\"\u003e\n          \u003cp\u003eAucune étude scientifique ne permet d'affirmer que le jus de mangoustan possède un effet curatif sur une pathologie quelconque. Il s'agit d'un complément alimentaire destiné à accompagner une hygiène de vie saine, et non d'un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mgt-accordion-item\"\u003e\n        \u003csummary class=\"mgt-accordion-header\"\u003e💰 Quel est le prix du jus de mangoustan ?\u003c\/summary\u003e\n        \u003cdiv class=\"mgt-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe \u003cstrong\u003ejus de mangoustan prix\u003c\/strong\u003e varie selon la contenance et la qualité. Un format 500 ml bio représente un excellent rapport qualité\/prix pour une cure complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mgt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n    \u003cdiv class=\"mgt-cta-box\"\u003e\n      \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Demandez l'avis de votre médecin en cas de grossesse, d'allaitement, de traitement en cours ou avant toute utilisation chez l'enfant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mgt-cream: #faf7f5;\n  --mgt-white: #ffffff;\n  --mgt-primary: #6b2c5f;\n  --mgt-primary-dark: #4a1d42;\n  --mgt-primary-light: #f5ecf2;\n  --mgt-secondary: #b8860b;\n  --mgt-accent: #d4a850;\n  --mgt-text: #2a1a26;\n  --mgt-text-light: #6b5a65;\n  --mgt-border: #e8dde5;\n  --mgt-shadow: 0 4px 24px rgba(74,29,66,.08);\n  --mgt-shadow-lg: 0 12px 48px rgba(74,29,66,.18);\n  --mgt-radius: 20px;\n  --mgt-radius-sm: 12px;\n}\n\n.mgt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mgt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--mgt-text);\n  line-height: 1.6;\n}\n\n.mgt-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6b2c5f 0%, #4a1d42 50%, #2e1128 100%);\n  border-radius: var(--mgt-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mgt-shadow-lg);\n}\n\n.mgt-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, var(--mgt-accent) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, var(--mgt-primary-light) 0%, transparent 45%);\n  opacity: .15;\n}\n\n.mgt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mgt-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.mgt-subtitle {\n  color: var(--mgt-accent);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.mgt-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n.mgt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mgt-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mgt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mgt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mgt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mgt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mgt-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.mgt-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mgt-primary), var(--mgt-accent));\n  border-radius: 2px;\n}\n\n.mgt-section-intro {\n  text-align: center;\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--mgt-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.75;\n}\n\n.mgt-section-intro strong {\n  color: var(--mgt-primary-dark);\n}\n\n.mgt-card {\n  background: var(--mgt-white);\n  border-radius: var(--mgt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mgt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mgt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mgt-shadow-lg);\n  border-color: var(--mgt-primary);\n}\n\n.mgt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mgt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mgt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mgt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mgt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mgt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mgt-grid-compact .mgt-card {\n  padding: 1rem;\n}\n\n.mgt-grid-compact .mgt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mgt-grid-compact .mgt-card p {\n  font-size: 12px;\n}\n\n.mgt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mgt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mgt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mgt-primary), var(--mgt-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(107,44,95,.3);\n}\n\n.mgt-timeline-content {\n  flex: 1;\n  background: var(--mgt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mgt-radius-sm);\n  box-shadow: var(--mgt-shadow);\n}\n\n.mgt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mgt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mgt-timeline-content p {\n  font-size: 14px;\n  color: var(--mgt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mgt-accordion {\n  background: var(--mgt-white);\n  border-radius: var(--mgt-radius);\n  box-shadow: var(--mgt-shadow);\n  overflow: hidden;\n}\n\n.mgt-accordion-item {\n  border-bottom: 1px solid var(--mgt-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mgt-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mgt-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mgt-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  gap: 1rem;\n}\n\n.mgt-accordion-header:hover {\n  background: var(--mgt-primary-light);\n}\n\n.mgt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mgt-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--mgt-primary);\n  flex-shrink: 0;\n  transition: transform .2s ease;\n}\n\n.mgt-accordion-item[open] .mgt-accordion-header::after {\n  content: '−';\n}\n\n.mgt-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mgt-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mgt-accordion-content p {\n  margin: 0;\n}\n\n.mgt-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mgt-primary-light);\n  border-radius: var(--mgt-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--mgt-primary);\n}\n\n.mgt-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.mgt-tip p {\n  font-size: 14px;\n  color: var(--mgt-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mgt-cta-box {\n  background: linear-gradient(135deg, var(--mgt-primary) 0%, var(--mgt-primary-dark) 100%);\n  border-radius: var(--mgt-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--mgt-shadow-lg);\n}\n\n.mgt-cta-box p {\n  color: white;\n  font-size: clamp(14px, 2.3vw, 17px);\n  line-height: 1.75;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .mgt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mgt-card {\n    padding: 1.125rem;\n  }\n\n  .mgt-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mgt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mgt-radius-sm);\n  }\n\n  .mgt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mgt-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mgt-grid-compact {\n    gap: .625rem;\n  }\n\n  .mgt-grid-compact .mgt-card {\n    padding: .75rem;\n  }\n\n  .mgt-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mgt-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mgt-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mgt-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mgt-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mgt-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .mgt-card {\n    animation: mgtFadeInUp .5s ease backwards;\n  }\n  .mgt-card:nth-child(1) { animation-delay: .05s; }\n  .mgt-card:nth-child(2) { animation-delay: .1s; }\n  .mgt-card:nth-child(3) { animation-delay: .15s; }\n  .mgt-card:nth-child(4) { animation-delay: .2s; }\n  .mgt-card:nth-child(5) { animation-delay: .25s; }\n  .mgt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgtFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mgt-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57105280041337,"sku":"SF0275","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/jus-de-mangoustan-bio-500-ml-sfb-packshothd_6be37bff-834e-4e4e-babb-d05806a183d0.webp?v=1790150414"},{"product_id":"candaplus-60-gelules-sfb","title":"Canda'Plus - Confort Digestif - 60 gélules - SFB","description":"\u003cdiv class=\"cdp-premium\"\u003e\n\u003cdiv class=\"cdp-hero\"\u003e\n\u003cdiv class=\"cdp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cdp-hero-content\"\u003e\n\u003cdiv class=\"cdp-badges-top\"\u003e\n\u003cspan class=\"cdp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cdp-badge\"\u003e🌿 6 actifs naturels\u003c\/span\u003e \u003cspan class=\"cdp-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cdp-hero-title\"\u003eCanda'Plus\u003c\/span\u003e\n\u003cp class=\"cdp-subtitle\"\u003eL'allié naturel de votre équilibre intestinal\u003c\/p\u003e\n\u003cp class=\"cdp-description\"\u003eUne synergie unique de 6 actifs naturels reconnus, formulée par les SFB Laboratoires pour soutenir votre microbiote et votre confort digestif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cdp-section\"\u003e\n\u003ch2\u003eCanda'Plus de SFB Laboratoires : l'allié naturel de votre équilibre intestinal\u003c\/h2\u003e\n\u003cp class=\"cdp-section-intro\"\u003eVous ressentez des \u003cstrong\u003einconforts digestifs récurrents\u003c\/strong\u003e, une fatigue diffuse ou un déséquilibre au niveau de votre flore intestinale ? \u003cstrong\u003eCanda'Plus\u003c\/strong\u003e (anciennement Candi'Clean), développé par les \u003cstrong\u003eSFB Laboratoires\u003c\/strong\u003e, est une formule naturelle conçue pour soutenir l'équilibre de votre microbiote. Ce complément alimentaire associe \u003cstrong\u003e6 actifs naturels reconnus\u003c\/strong\u003e pour leurs vertus sur le confort digestif et l'équilibre intestinal, le tout dans des gélules végétales gastro-résistantes fabriquées en France.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cdp-section\"\u003e\n\u003ch2\u003eUne synergie unique de 6 actifs naturels\u003c\/h2\u003e\n\u003cp class=\"cdp-section-intro\"\u003eCe qui rend Canda'Plus si intéressant, c'est la \u003cstrong\u003ecomplémentarité de sa formule\u003c\/strong\u003e. Chaque ingrédient a été sélectionné pour son rôle spécifique.\u003c\/p\u003e\n\u003cdiv class=\"cdp-grid\"\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e🥥 Acide caprylique\u003c\/h3\u003e\n\u003cp\u003eSous forme de caprylate de sodium, un acide gras issu de la noix de coco, traditionnellement utilisé pour favoriser l'équilibre de la flore intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e🌿 Extrait d'origan\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eOriganum vulgare\u003c\/em\u003e : une plante aromatique méditerranéenne prisée pour ses composés actifs naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e🐝 Propolis\u003c\/h3\u003e\n\u003cp\u003eSubstance précieuse produite par les abeilles, utilisée depuis l'Antiquité pour ses vertus naturelles reconnues.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e🍊 Pépin de pamplemousse\u003c\/h3\u003e\n\u003cp\u003eExtrait de \u003cem\u003eCitrus grandis\u003c\/em\u003e, riche en flavonoïdes naturels aux propriétés intéressantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e🍍 Bromélaïne \u0026amp; Papaïne\u003c\/h3\u003e\n\u003cp\u003eDeux enzymes végétales issues de l'ananas et de la papaye, qui soutiennent le confort digestif naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e🥕 Béta-carotène (Vit. A)\u003c\/h3\u003e\n\u003cp\u003eIl contribue au maintien des muqueuses normales et au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cdp-section\"\u003e\n\u003ch2\u003eZoom sur la vitamine A : un nutriment essentiel\u003c\/h2\u003e\n\u003cp class=\"cdp-section-intro\"\u003eLa \u003cstrong\u003evitamine A\u003c\/strong\u003e présente dans Canda'Plus sous forme de béta-carotène joue un rôle reconnu dans le maintien des muqueuses, y compris la muqueuse intestinale. Vous vous demandez peut-être \u003cstrong\u003edans quels aliments trouver de la vitamine A\u003c\/strong\u003e ? On la retrouve principalement dans les carottes, la patate douce, les épinards, le foie, les œufs ou encore la mangue. Une \u003cstrong\u003ealimentation riche en vitamine A\u003c\/strong\u003e est précieuse, mais un complément ciblé comme Canda'Plus peut apporter un soutien utile en période de déséquilibre.\u003c\/p\u003e\n\u003cdiv class=\"cdp-tip\"\u003e\n\u003cspan class=\"cdp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe béta-carotène est un précurseur de la vitamine A : l'organisme le transforme selon ses besoins, garantissant un apport sûr et adapté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cdp-section\"\u003e\n\u003ch2\u003ePourquoi choisir Canda'Plus ?\u003c\/h2\u003e\n\u003cdiv class=\"cdp-grid-compact\"\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eFormule d'origine naturelle, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e💊 Gastro-résistantes\u003c\/h3\u003e\n\u003cp\u003eGélules végétales, actifs libérés où ils sont utiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e🥬 Vegan friendly\u003c\/h3\u003e\n\u003cp\u003eAdapté aux végétariens et végétaliens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué par les SFB Laboratoires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e⚖️ Dosage précis\u003c\/h3\u003e\n\u003cp\u003e433 mg d'actifs par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-card\"\u003e\n\u003ch3\u003e✅ Traçabilité\u003c\/h3\u003e\n\u003cp\u003eQualité garantie et contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cdp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cp class=\"cdp-section-intro\"\u003ePour profiter pleinement des bienfaits de Canda'Plus, respectez la posologie suivante.\u003c\/p\u003e\n\u003cdiv class=\"cdp-timeline\"\u003e\n\u003cdiv class=\"cdp-timeline-item\"\u003e\n\u003cdiv class=\"cdp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cdp-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-timeline-item\"\u003e\n\u003cdiv class=\"cdp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cdp-timeline-content\"\u003e\n\u003ch3\u003eMoment de la prise\u003c\/h3\u003e\n\u003cp\u003eÀ prendre \u003cstrong\u003e10 minutes avant les repas\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-timeline-item\"\u003e\n\u003cdiv class=\"cdp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cdp-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 mois minimum\u003c\/strong\u003e, renouvelable jusqu'à 3 mois consécutifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdp-timeline-item\"\u003e\n\u003cdiv class=\"cdp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cdp-timeline-content\"\u003e\n\u003ch3\u003eHygiène de vie\u003c\/h3\u003e\n\u003cp\u003eAssociez une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e riche en fibres, pauvre en sucres raffinés, et une bonne hydratation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cdp-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cdp-accordion\"\u003e\n\u003cdetails class=\"cdp-accordion-item\"\u003e\n\u003csummary class=\"cdp-accordion-header\"\u003e⚠️ À lire avant utilisation\u003c\/summary\u003e\n\u003cdiv class=\"cdp-accordion-content mt-3\"\u003e\n\u003cp\u003eCanda'Plus est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e qui ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cdp-accordion-item\"\u003e\n\u003csummary class=\"cdp-accordion-header\"\u003e👩⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"cdp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eDemandez conseil à votre médecin ou pharmacien\u003c\/strong\u003e avant utilisation, notamment en cas de grossesse, d'allaitement, de traitement en cours, ou pour les enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cdp-accordion-item\"\u003e\n\u003csummary class=\"cdp-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"cdp-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche ou au pamplemousse. Tenir hors de portée des jeunes enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cdp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"cdp-accordion\"\u003e\n\u003cdetails class=\"cdp-accordion-item\"\u003e\n\u003csummary class=\"cdp-accordion-header\"\u003e⏱️ Au bout de combien de temps ressent-on les effets ?\u003c\/summary\u003e\n\u003cdiv class=\"cdp-accordion-content mt-3\"\u003e\n\u003cp\u003eLes actifs naturels agissent progressivement. Une cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement conseillée pour un soutien durable et optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cdp-accordion-item\"\u003e\n\u003csummary class=\"cdp-accordion-header\"\u003e🔄 Peut-on associer Canda'Plus à des probiotiques ?\u003c\/summary\u003e\n\u003cdiv class=\"cdp-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, cette association est souvent recommandée pour \u003cstrong\u003erenforcer l'équilibre du microbiote\u003c\/strong\u003e. Un avis professionnel reste préférable pour personnaliser votre cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cdp-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée et à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --cdp-cream: #f5f8f3;\n  --cdp-white: #ffffff;\n  --cdp-primary: #2d6a3e;\n  --cdp-primary-dark: #1e4a2b;\n  --cdp-primary-light: #e3f0e5;\n  --cdp-secondary: #6fa877;\n  --cdp-accent: #a8c9a0;\n  --cdp-text: #1a1a1a;\n  --cdp-text-light: #5a5a5a;\n  --cdp-border: #e0e8e0;\n  --cdp-shadow: 0 4px 24px rgba(30,74,43,.08);\n  --cdp-shadow-lg: 0 12px 48px rgba(30,74,43,.18);\n  --cdp-radius: 20px;\n  --cdp-radius-sm: 12px;\n}\n\n.cdp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cdp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cdp-text);\n  line-height: 1.6;\n}\n\n.cdp-premium *, .cdp-premium *::before, .cdp-premium *::after {\n  box-sizing: border-box;\n}\n\n.cdp-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--cdp-primary-dark) 0%, var(--cdp-primary) 50%, var(--cdp-secondary) 100%);\n  border-radius: var(--cdp-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cdp-shadow-lg);\n}\n\n.cdp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.cdp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cdp-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 58px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cdp-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.8vw, 21px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.cdp-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.cdp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.cdp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cdp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cdp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cdp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cdp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cdp-primary-dark);\n  margin: 0 0 clamp(1.25rem, 3vw, 2rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cdp-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cdp-primary), var(--cdp-secondary));\n  border-radius: 2px;\n}\n\n.cdp-section-intro {\n  text-align: center;\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--cdp-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 780px;\n  line-height: 1.75;\n}\n\n.cdp-section-intro strong {\n  color: var(--cdp-primary-dark);\n}\n\n.cdp-card {\n  background: var(--cdp-white);\n  border-radius: var(--cdp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cdp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cdp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cdp-shadow-lg);\n  border-color: var(--cdp-primary);\n}\n\n.cdp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cdp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cdp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cdp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cdp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cdp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.cdp-grid-compact .cdp-card {\n  padding: 1.25rem 1rem;\n}\n\n.cdp-grid-compact .cdp-card h3 {\n  font-size: 15px;\n  margin-bottom: .35rem;\n}\n\n.cdp-grid-compact .cdp-card p {\n  font-size: 13px;\n}\n\n.cdp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.cdp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cdp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cdp-primary), var(--cdp-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(45,106,62,.3);\n}\n\n.cdp-timeline-content {\n  flex: 1;\n  background: var(--cdp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cdp-radius-sm);\n  box-shadow: var(--cdp-shadow);\n}\n\n.cdp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cdp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cdp-timeline-content p {\n  font-size: 14px;\n  color: var(--cdp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cdp-accordion {\n  background: var(--cdp-white);\n  border-radius: var(--cdp-radius);\n  box-shadow: var(--cdp-shadow);\n  overflow: hidden;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.cdp-accordion-item {\n  border-bottom: 1px solid var(--cdp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cdp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cdp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cdp-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n  gap: 1rem;\n}\n\n.cdp-accordion-header:hover {\n  background: var(--cdp-primary-light);\n}\n\n.cdp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cdp-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cdp-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n}\n\n.cdp-accordion-item[open] .cdp-accordion-header::after {\n  content: '−';\n}\n\n.cdp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cdp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cdp-accordion-content p {\n  margin: 0;\n}\n\n.cdp-accordion-content strong {\n  color: var(--cdp-primary-dark);\n}\n\n.cdp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cdp-primary-light);\n  border-radius: var(--cdp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin: 1.25rem auto 0;\n  max-width: 780px;\n  border-left: 4px solid var(--cdp-primary);\n}\n\n.cdp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.cdp-tip p {\n  font-size: 14px;\n  color: var(--cdp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cdp-disclaimer {\n  font-size: 12px;\n  color: var(--cdp-text-light);\n  text-align: center;\n  margin-top: 1.5rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cdp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cdp-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n\n  .cdp-grid-compact .cdp-card {\n    padding: .875rem .75rem;\n  }\n\n  .cdp-grid-compact .cdp-card h3 {\n    font-size: 13px;\n  }\n\n  .cdp-grid-compact .cdp-card p {\n    font-size: 12px;\n  }\n\n  .cdp-card {\n    padding: 1.125rem;\n  }\n\n  .cdp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cdp-hero {\n    padding: 2.25rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cdp-radius-sm);\n  }\n\n  .cdp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cdp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cdp-timeline-number {\n    width: 34px;\n    height: 34px;\n    font-size: 14px;\n  }\n\n  .cdp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cdp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cdp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cdp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cdp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cdp-card {\n    animation: cdpFadeInUp .5s ease backwards;\n  }\n  .cdp-card:nth-child(1) { animation-delay: .05s; }\n  .cdp-card:nth-child(2) { animation-delay: .1s; }\n  .cdp-card:nth-child(3) { animation-delay: .15s; }\n  .cdp-card:nth-child(4) { animation-delay: .2s; }\n  .cdp-card:nth-child(5) { animation-delay: .25s; }\n  .cdp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cdpFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cdp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57105696227705,"sku":"SF0120","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/candaplus-60-gelules-sfb-packshothd.webp?v=1776682499"},{"product_id":"gastro-regul-50-ml-sfb","title":"Gastro' Regul - Confort Gastrique - 50 ml - SFB","description":"\u003cdiv class=\"gr-premium\"\u003e\n\u003cdiv class=\"gr-hero\"\u003e\n\u003cdiv class=\"gr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gr-hero-content\"\u003e\n\u003cdiv class=\"gr-badges-top\"\u003e\n\u003cspan class=\"gr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gr-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e \u003cspan class=\"gr-badge\"\u003e💧 Flacon de 50 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gr-hero-title\"\u003eGastro' Regul\u003c\/span\u003e\n\u003cp class=\"gr-subtitle\"\u003eVotre allié naturel pour une digestion apaisée\u003c\/p\u003e\n\u003cp class=\"gr-description\"\u003eUn complément alimentaire liquide signé SFB Laboratoires, formulé à partir de plantes traditionnellement reconnues pour soutenir le confort digestif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gr-section\"\u003e\n\u003ch2\u003eGastro' Regul SFB : la réponse naturelle aux digestions difficiles\u003c\/h2\u003e\n\u003cp class=\"gr-section-intro\"\u003eBallonnements après les repas, lourdeurs d'estomac, transit capricieux, remontées acides… Vous cherchez un \u003cstrong\u003ecomplément alimentaire pour la digestion\u003c\/strong\u003e à la fois efficace et naturel ? \u003cstrong\u003eGastro' Regul\u003c\/strong\u003e des \u003cstrong\u003eSFB Laboratoires\u003c\/strong\u003e a été spécialement formulé pour apporter un soutien ciblé à votre système digestif. Présenté en flacon de 50 ml avec compte-gouttes, ce concentré liquide associe des extraits de plantes méditerranéennes reconnues pour leur action apaisante sur la sphère gastrique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"gr-section\"\u003e\n\u003ch2\u003eUne formule pensée pour le confort gastrique\u003c\/h2\u003e\n\u003cp class=\"gr-section-intro\"\u003eCe qui distingue Gastro' Regul des autres \u003cstrong\u003ecompléments alimentaires digestion en pharmacie\u003c\/strong\u003e, c'est sa \u003cstrong\u003eforme liquide concentrée\u003c\/strong\u003e, gage d'une assimilation rapide. Plusieurs plantes y sont associées pour leurs propriétés traditionnelles sur la digestion, les \u003cstrong\u003eballonnements\u003c\/strong\u003e et le \u003cstrong\u003ereflux gastrique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"gr-grid\"\u003e\n\u003cdiv class=\"gr-card\"\u003e\n\u003ch3\u003e🌿 Chou (Brassica oleracea)\u003c\/h3\u003e\n\u003cp\u003ePlante traditionnellement employée pour apaiser la muqueuse gastrique et soutenir le confort digestif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gr-card\"\u003e\n\u003ch3\u003e🍃 Mélisse\u003c\/h3\u003e\n\u003cp\u003eConnue pour favoriser la détente digestive et atténuer les sensations de lourdeur après les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gr-card\"\u003e\n\u003ch3\u003e🌱 Camomille romaine\u003c\/h3\u003e\n\u003cp\u003eUtilisée depuis des siècles pour calmer les digestions difficiles et les tensions abdominales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gr-card\"\u003e\n\u003ch3\u003e💧 Forme liquide\u003c\/h3\u003e\n\u003cp\u003eAssimilation rapide grâce au support hydro-glycériné, sans alcool ajouté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gr-section\"\u003e\n\u003ch2\u003ePourquoi choisir Gastro' Regul ?\u003c\/h2\u003e\n\u003cdiv class=\"gr-grid-compact\"\u003e\n\u003cdiv class=\"gr-card\"\u003e\n\u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eExtraits de plantes sélectionnées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gr-card\"\u003e\n\u003ch3\u003e💧 Facile à doser\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gr-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué par SFB Laboratoires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gr-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gr-timeline\"\u003e\n\u003cdiv class=\"gr-timeline-item\"\u003e\n\u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gr-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e20 à 25 gouttes, 3 fois par jour\u003c\/strong\u003e, diluées dans un peu d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gr-timeline-item\"\u003e\n\u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gr-timeline-content\"\u003e\n\u003ch3\u003eMoment de la prise\u003c\/h3\u003e\n\u003cp\u003eDe préférence \u003cstrong\u003eavant les repas\u003c\/strong\u003e pour préparer la digestion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gr-timeline-item\"\u003e\n\u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gr-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003eCure de \u003cstrong\u003e3 semaines\u003c\/strong\u003e, renouvelable si besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gr-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"gr-accordion\"\u003e\n\u003cdetails class=\"gr-accordion-item\"\u003e\n\u003csummary class=\"gr-accordion-header\"\u003e⚠️ À savoir avant utilisation\u003c\/summary\u003e\n\u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n\u003cp\u003eGastro' Regul est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e qui ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Il \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gr-accordion-item\"\u003e\n\u003csummary class=\"gr-accordion-header\"\u003e👩⚕️ Avis médical recommandé\u003c\/summary\u003e\n\u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n\u003cp\u003eDemandez conseil à votre médecin ou pharmacien en cas de grossesse, d'allaitement, de traitement en cours ou pour les enfants. Réservé à l'usage humain (ne pas utiliser comme complément alimentaire digestion chien).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gr-accordion-item\"\u003e\n\u003csummary class=\"gr-accordion-header\"\u003e❓ Digestion difficile persistante ?\u003c\/summary\u003e\n\u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n\u003cp\u003eSi les troubles digestifs persistent malgré la prise, consultez un professionnel de santé pour un bilan approfondi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"gr-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée et à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  :root {\n    --gr-cream: #f5f8f2;\n    --gr-white: #ffffff;\n    --gr-primary: #6ba539;\n    --gr-primary-dark: #3d6b1f;\n    --gr-primary-light: #e8f1dc;\n    --gr-secondary: #8fc254;\n    --gr-accent: #b8860b;\n    --gr-text: #1a2e10;\n    --gr-text-light: #5a6b4a;\n    --gr-border: #d8e3c9;\n    --gr-shadow: 0 4px 24px rgba(61,107,31,.08);\n    --gr-shadow-lg: 0 12px 48px rgba(61,107,31,.18);\n    --gr-radius: 20px;\n    --gr-radius-sm: 12px;\n  }\n\n  .gr-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--gr-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--gr-text);\n    line-height: 1.6;\n  }\n\n  .gr-premium *, .gr-premium *::before, .gr-premium *::after {\n    box-sizing: border-box;\n  }\n\n  \/* === HERO === *\/\n  .gr-hero {\n    position: relative;\n    background: linear-gradient(135deg, #8fc254 0%, #6ba539 50%, #3d6b1f 100%);\n    border-radius: var(--gr-radius);\n    padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n    margin-bottom: clamp(2.5rem, 5vw, 4rem);\n    overflow: hidden;\n    box-shadow: var(--gr-shadow-lg);\n  }\n\n  .gr-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, rgba(184,134,11,.3) 0%, transparent 40%);\n    opacity: .15;\n  }\n\n  .gr-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .gr-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(30px, 7vw, 54px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  }\n\n  .gr-subtitle {\n    color: white;\n    font-size: clamp(16px, 3vw, 21px);\n    font-weight: 600;\n    margin: 0 0 1.25rem 0;\n    opacity: .95;\n  }\n\n  .gr-description {\n    color: white;\n    font-size: clamp(14px, 2.2vw, 16px);\n    margin: 0 auto;\n    max-width: 680px;\n    opacity: .92;\n    line-height: 1.7;\n  }\n\n  .gr-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.75rem;\n  }\n\n  .gr-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    background: rgba(255,255,255,.95);\n    backdrop-filter: blur(10px);\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--gr-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .gr-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  \/* === SECTIONS === *\/\n  .gr-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .gr-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--gr-primary-dark);\n    margin-bottom: clamp(1.25rem, 3vw, 2rem);\n    text-align: center;\n    letter-spacing: -.03em;\n    position: relative;\n    padding-bottom: 1rem;\n    line-height: 1.2;\n  }\n\n  .gr-premium h2::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 4px;\n    background: linear-gradient(90deg, var(--gr-primary), var(--gr-accent));\n    border-radius: 2px;\n  }\n\n  .gr-section-intro {\n    text-align: center;\n    font-size: clamp(14px, 2.3vw, 16px);\n    color: var(--gr-text-light);\n    margin: 0 auto 1.75rem;\n    max-width: 760px;\n    line-height: 1.75;\n  }\n\n  .gr-section-intro strong {\n    color: var(--gr-primary-dark);\n  }\n\n  \/* === CARDS === *\/\n  .gr-card {\n    background: var(--gr-white);\n    border-radius: var(--gr-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--gr-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .gr-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--gr-shadow-lg);\n    border-color: var(--gr-primary);\n  }\n\n  .gr-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--gr-primary-dark);\n    margin: 0 0 .6rem 0;\n    line-height: 1.3;\n  }\n\n  .gr-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--gr-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  \/* === GRILLES === *\/\n  .gr-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .gr-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1rem;\n  }\n\n  .gr-grid-compact .gr-card {\n    padding: 1.25rem 1rem;\n  }\n\n  .gr-grid-compact .gr-card h3 {\n    font-size: 15px;\n    margin-bottom: .4rem;\n  }\n\n  .gr-grid-compact .gr-card p {\n    font-size: 13px;\n  }\n\n  \/* === TIMELINE === *\/\n  .gr-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    max-width: 780px;\n    margin: 0 auto;\n  }\n\n  .gr-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .gr-timeline-number {\n    flex-shrink: 0;\n    width: 44px;\n    height: 44px;\n    background: linear-gradient(135deg, var(--gr-primary), var(--gr-primary-dark));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 17px;\n    box-shadow: 0 4px 14px rgba(61,107,31,.3);\n  }\n\n  .gr-timeline-content {\n    flex: 1;\n    background: var(--gr-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--gr-radius-sm);\n    box-shadow: var(--gr-shadow);\n    border-left: 3px solid var(--gr-primary);\n  }\n\n  .gr-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 800;\n    color: var(--gr-primary-dark);\n    margin: 0 0 .3rem 0;\n  }\n\n  .gr-timeline-content p {\n    font-size: 14px;\n    color: var(--gr-text-light);\n    margin: 0;\n    line-height: 1.55;\n  }\n\n  .gr-timeline-content strong {\n    color: var(--gr-primary-dark);\n  }\n\n  \/* === ACCORDÉON === *\/\n  .gr-accordion {\n    background: var(--gr-white);\n    border-radius: var(--gr-radius);\n    box-shadow: var(--gr-shadow);\n    overflow: hidden;\n    max-width: 860px;\n    margin: 0 auto;\n  }\n\n  .gr-accordion-item {\n    border-bottom: 1px solid var(--gr-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .gr-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .gr-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--gr-primary-dark);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    list-style: none;\n    transition: background .2s ease;\n  }\n\n  .gr-accordion-header:hover {\n    background: var(--gr-primary-light);\n  }\n\n  .gr-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .gr-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--gr-primary);\n    transition: transform .2s ease;\n    margin-left: 1rem;\n  }\n\n  .gr-accordion-item[open] .gr-accordion-header::after {\n    content: '−';\n  }\n\n  .gr-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--gr-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .gr-accordion-content p {\n    margin: 0;\n  }\n\n  .gr-accordion-content strong {\n    color: var(--gr-primary-dark);\n  }\n\n  .mt-3 {\n    margin-top: .75rem;\n  }\n\n  \/* === DISCLAIMER === *\/\n  .gr-disclaimer {\n    font-size: 12px;\n    color: var(--gr-text-light);\n    text-align: center;\n    margin-top: 1.25rem;\n    font-style: italic;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  \/* === RESPONSIVE === *\/\n  @media (max-width: 767px) {\n    .gr-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n\n    .gr-grid-compact {\n      grid-template-columns: repeat(2, 1fr);\n      gap: .625rem;\n    }\n\n    .gr-grid-compact .gr-card:last-child {\n      grid-column: 1 \/ -1;\n    }\n\n    .gr-card {\n      padding: 1.125rem;\n    }\n\n    .gr-grid-compact .gr-card {\n      padding: .875rem;\n    }\n\n    .gr-grid-compact .gr-card h3 {\n      font-size: 14px;\n    }\n\n    .gr-grid-compact .gr-card p {\n      font-size: 12px;\n    }\n\n    .gr-section {\n      margin-bottom: 1.75rem;\n    }\n\n    .gr-hero {\n      padding: 2.25rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--gr-radius-sm);\n    }\n\n    .gr-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n\n    .gr-premium h2::after {\n      width: 44px;\n      height: 3px;\n    }\n\n    .gr-timeline-number {\n      width: 36px;\n      height: 36px;\n      font-size: 15px;\n    }\n\n    .gr-timeline-content {\n      padding: .875rem 1rem;\n    }\n\n    .gr-timeline-content h3 {\n      font-size: 14px;\n    }\n\n    .gr-timeline-content p {\n      font-size: 13px;\n    }\n\n    .gr-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n\n    .gr-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  \/* === ANIMATIONS === *\/\n  @media (prefers-reduced-motion: no-preference) {\n    .gr-card {\n      animation: grFadeInUp .5s ease backwards;\n    }\n    .gr-card:nth-child(1) { animation-delay: .05s; }\n    .gr-card:nth-child(2) { animation-delay: .1s; }\n    .gr-card:nth-child(3) { animation-delay: .15s; }\n    .gr-card:nth-child(4) { animation-delay: .2s; }\n    .gr-card:nth-child(5) { animation-delay: .25s; }\n    .gr-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes grFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .gr-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57105806983545,"sku":"SF0155","price":39.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gastro-regul-50-ml-sfb-packshothd.webp?v=1776686745"},{"product_id":"colonclean-200-g-sfb","title":"Colon Clean - Psyllium Blond Bio - 200 g - SFB","description":"\u003cdiv class=\"cc-premium\"\u003e\n\u003cdiv class=\"cc-hero\"\u003e\n\u003cdiv class=\"cc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cc-hero-content\"\u003e\n\u003cdiv class=\"cc-badges-top\"\u003e\n\u003cspan class=\"cc-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"cc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cc-badge\"\u003e✨ Sans additif\u003c\/span\u003e \u003cspan class=\"cc-badge\"\u003e💚 200g de poudre pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cc-hero-title\"\u003eColon'Clean Psyllium Blond\u003c\/span\u003e\n\u003cp class=\"cc-subtitle\"\u003eLa force du naturel au service de votre transit\u003c\/p\u003e\n\u003cp class=\"cc-description\"\u003eUn complément alimentaire à base de psyllium blond biologique, réputé depuis des siècles pour ses vertus digestives. Une solution pure, douce et efficace pour prendre soin de votre confort intestinal au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch2\u003eColon'Clean SFB : le psyllium blond bio au service de votre transit\u003c\/h2\u003e\n\u003cp class=\"cc-section-intro\"\u003eVous cherchez une solution \u003cstrong\u003enaturelle, efficace et douce\u003c\/strong\u003e pour retrouver un transit intestinal équilibré ? Le \u003cstrong\u003eColon'Clean des Laboratoires SFB\u003c\/strong\u003e est un complément alimentaire à base de \u003cstrong\u003epsyllium blond biologique\u003c\/strong\u003e, proposé en pot de \u003cstrong\u003e200 g de poudre pure\u003c\/strong\u003e. Il s'adresse à toutes celles et ceux qui souhaitent prendre soin de leur confort intestinal au quotidien, dans une démarche de \u003cstrong\u003edétox du colon\u003c\/strong\u003e naturelle.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch2\u003eQu'est-ce que le psyllium blond et pourquoi l'adopter ?\u003c\/h2\u003e\n\u003cp class=\"cc-section-intro\"\u003eLe psyllium blond, ou \u003cem\u003ePlantago ovata\u003c\/em\u003e, est une plante dont on utilise les téguments (enveloppes de graines). Riche en fibres solubles, il agit comme une véritable \u003cstrong\u003eéponge douce\u003c\/strong\u003e dans les intestins : au contact de l'eau, il gonfle, forme un gel et aide à nettoyer les parois intestinales tout en régulant le transit.\u003c\/p\u003e\n\u003cdiv class=\"cc-grid-compact\"\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e🌾 Fibres solubles\u003c\/h3\u003e\n\u003cp\u003eRiche en mucilages pour un effet éponge naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e💧 Action gel\u003c\/h3\u003e\n\u003cp\u003eGonfle au contact de l'eau pour nettoyer en douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e✨ 100% pur\u003c\/h3\u003e\n\u003cp\u003eUniquement du psyllium blond bio, sans additif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e🌱 Traditionnel\u003c\/h3\u003e\n\u003cp\u003eUtilisé depuis des siècles pour la digestion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch2\u003eLes bienfaits du Colon'Clean SFB\u003c\/h2\u003e\n\u003cdiv class=\"cc-grid\"\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e🌿 Bon transit intestinal\u003c\/h3\u003e\n\u003cp\u003eContribue à un transit régulier et augmente le volume des selles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e💆 Soulage la constipation\u003c\/h3\u003e\n\u003cp\u003eAide à soulager la constipation occasionnelle ou chronique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e💧 Ramollit les selles\u003c\/h3\u003e\n\u003cp\u003eFacilite leur passage pour un confort digestif optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e🛡️ Lubrifiant doux\u003c\/h3\u003e\n\u003cp\u003eAgit comme un lubrifiant naturel des intestins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e❤️ Confort ciblé\u003c\/h3\u003e\n\u003cp\u003eUtile en cas d'hémorroïdes, fissures anales ou diverticulite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e🤰 Périodes sensibles\u003c\/h3\u003e\n\u003cp\u003eAdapté pendant la grossesse, la convalescence ou l'alitement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-tip\"\u003e\n\u003cspan class=\"cc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe psyllium blond est une \u003cstrong\u003ealternative naturelle, douce et reconnue\u003c\/strong\u003e aux solutions détox colon classiques. Une cure régulière est idéale pour un confort intestinal durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch2\u003eComposition : une formule pure et bio\u003c\/h2\u003e\n\u003cdiv class=\"cc-grid-compact\"\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e🌾 100% psyllium blond bio\u003c\/h3\u003e\n\u003cp\u003ePoudre de téguments de Plantago ovata biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e🚫 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eNaturellement sans gluten, lactose ni sucre ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e📊 8g de fibres\u003c\/h3\u003e\n\u003cp\u003ePar cuillère à soupe (8 g de poudre)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card\"\u003e\n\u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique \u0026amp; Rainforest Alliance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-tip\"\u003e\n\u003cspan class=\"cc-tip-icon\"\u003e🌍\u003c\/span\u003e\n\u003cp\u003eProduit issu de filières labellisées \u003cstrong\u003eRainforest Alliance\u003c\/strong\u003e : biodiversité préservée, pratiques agricoles durables et bien-être des travailleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch2\u003eComment prendre Colon'Clean ? Posologie\u003c\/h2\u003e\n\u003cdiv class=\"cc-timeline\"\u003e\n\u003cdiv class=\"cc-timeline-item\"\u003e\n\u003cdiv class=\"cc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cc-timeline-content\"\u003e\n\u003ch3\u003ePremière semaine\u003c\/h3\u003e\n\u003cp\u003e1 cuillère à café par jour, diluée dans un grand verre d'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-timeline-item\"\u003e\n\u003cdiv class=\"cc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cc-timeline-content\"\u003e\n\u003ch3\u003eLes semaines suivantes\u003c\/h3\u003e\n\u003cp\u003e1 cuillère à soupe, 3 fois par jour pour un effet optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-timeline-item\"\u003e\n\u003cdiv class=\"cc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cc-timeline-content\"\u003e\n\u003ch3\u003eHydratation essentielle\u003c\/h3\u003e\n\u003cp\u003eBuvez abondamment tout au long de la journée pour permettre aux fibres de gonfler correctement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-tip\"\u003e\n\u003cspan class=\"cc-tip-icon\"\u003e🥤\u003c\/span\u003e\n\u003cp\u003eVous pouvez l'incorporer dans un \u003cstrong\u003everre d'eau, un jus, un yaourt ou une compote\u003c\/strong\u003e. Remuez et consommez rapidement avant que le mélange n'épaississe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cc-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cc-accordion\"\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-header\"\u003e⏱️ Espacement avec les médicaments\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ espacer d'au moins \u003cstrong\u003e1 heure\u003c\/strong\u003e de la prise de médicaments pour ne pas interférer avec leur absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-header\"\u003e💨 Ballonnements passagers\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-content mt-3\"\u003e\n\u003cp\u003eDe légères sensations de ballonnements peuvent apparaître en début de cure. Elles disparaissent généralement rapidement le temps que l'organisme s'adapte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à l'abri de la chaleur et de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-header\"\u003e⚠️ Dose recommandée\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-header\"\u003e👨⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-content mt-3\"\u003e\n\u003cp\u003eIl ne remplace en aucun cas un traitement médical. En cas de doute, de troubles persistants ou de pathologie, demandez l'avis de votre médecin ou de votre pharmacien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir les Laboratoires SFB ?\u003c\/h2\u003e\n\u003cdiv class=\"cc-cta-box\"\u003e\n\u003cp\u003eLes \u003cstrong\u003eLaboratoires SFB\u003c\/strong\u003e, acteur français reconnu dans le domaine des compléments alimentaires naturels, proposent avec Colon'Clean un produit \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, bio et rigoureusement sélectionné. Une solution simple et transparente pour accompagner votre bien-être digestif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cc-disclaimer\"\u003e*Contribue à un bon transit intestinal. Complément alimentaire à consommer dans le cadre d'une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  :root {\n    --cc-cream: #faf6f0;\n    --cc-white: #ffffff;\n    --cc-primary: #8b5a2b;\n    --cc-primary-dark: #5c3a1a;\n    --cc-primary-light: #f2e8d9;\n    --cc-secondary: #6b8e4e;\n    --cc-accent: #c9a76d;\n    --cc-text: #2a1f15;\n    --cc-text-light: #6b5a47;\n    --cc-border: #e8dcc8;\n    --cc-shadow: 0 4px 24px rgba(92, 58, 26, .08);\n    --cc-shadow-lg: 0 12px 48px rgba(92, 58, 26, .15);\n    --cc-radius: 20px;\n    --cc-radius-sm: 12px;\n  }\n\n  .cc-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--cc-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--cc-text);\n    line-height: 1.6;\n  }\n\n  .cc-hero {\n    position: relative;\n    background: linear-gradient(135deg, #5c3a1a 0%, #8b5a2b 50%, #c9a76d 100%);\n    border-radius: var(--cc-radius);\n    padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n    margin-bottom: clamp(2.5rem, 5vw, 4rem);\n    overflow: hidden;\n    box-shadow: var(--cc-shadow-lg);\n  }\n\n  .cc-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n                      radial-gradient(circle at 80% 70%, rgba(201,167,109,.2) 0%, transparent 50%);\n    opacity: .6;\n  }\n\n  .cc-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .cc-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  }\n\n  .cc-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(16px, 3vw, 22px);\n    font-weight: 600;\n    margin: 0 0 1.5rem 0;\n    font-style: italic;\n  }\n\n  .cc-description {\n    color: rgba(255,255,255,.9);\n    font-size: clamp(14px, 2.2vw, 16px);\n    max-width: 700px;\n    margin: 0 auto;\n    line-height: 1.7;\n  }\n\n  .cc-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.75rem;\n  }\n\n  .cc-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    background: rgba(255,255,255,.95);\n    backdrop-filter: blur(10px);\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--cc-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .cc-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .cc-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .cc-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--cc-primary-dark);\n    margin-bottom: clamp(1.25rem, 3vw, 2rem);\n    text-align: center;\n    letter-spacing: -.03em;\n    position: relative;\n    padding-bottom: 1rem;\n    line-height: 1.2;\n  }\n\n  .cc-premium h2::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 4px;\n    background: linear-gradient(90deg, var(--cc-primary), var(--cc-secondary));\n    border-radius: 2px;\n  }\n\n  .cc-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--cc-text-light);\n    margin: 0 auto 1.5rem;\n    max-width: 760px;\n    line-height: 1.75;\n  }\n\n  .cc-section-intro strong {\n    color: var(--cc-primary-dark);\n  }\n\n  .cc-card {\n    background: var(--cc-white);\n    border-radius: var(--cc-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--cc-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .cc-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--cc-shadow-lg);\n    border-color: var(--cc-primary);\n  }\n\n  .cc-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--cc-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .cc-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--cc-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .cc-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .cc-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .cc-grid-compact .cc-card {\n    padding: 1rem;\n  }\n\n  .cc-grid-compact .cc-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .cc-grid-compact .cc-card p {\n    font-size: 12px;\n  }\n\n  .cc-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .cc-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .cc-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--cc-primary), var(--cc-secondary));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(139,90,43,.3);\n  }\n\n  .cc-timeline-content {\n    flex: 1;\n    background: var(--cc-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--cc-radius-sm);\n    box-shadow: var(--cc-shadow);\n  }\n\n  .cc-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--cc-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .cc-timeline-content p {\n    font-size: 14px;\n    color: var(--cc-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .cc-accordion {\n    background: var(--cc-white);\n    border-radius: var(--cc-radius);\n    box-shadow: var(--cc-shadow);\n    overflow: hidden;\n  }\n\n  .cc-accordion-item {\n    border-bottom: 1px solid var(--cc-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .cc-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .cc-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--cc-primary-dark);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    list-style: none;\n    transition: background .2s ease;\n    background: transparent;\n    border: none;\n    margin: 0;\n  }\n\n  .cc-accordion-header:hover {\n    background: var(--cc-primary-light);\n  }\n\n  .cc-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .cc-accordion-header::after {\n    content: '+';\n    font-size: 20px;\n    font-weight: 400;\n    color: var(--cc-primary);\n    transition: transform .2s ease;\n  }\n\n  .cc-accordion-item[open] .cc-accordion-header::after {\n    content: '−';\n  }\n\n  .cc-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--cc-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .cc-accordion-content p {\n    margin: 0;\n  }\n\n  .cc-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--cc-primary-light);\n    border-radius: var(--cc-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n    border-left: 4px solid var(--cc-secondary);\n  }\n\n  .cc-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .cc-tip p {\n    font-size: 14px;\n    color: var(--cc-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .cc-tip strong {\n    color: var(--cc-primary-dark);\n  }\n\n  .cc-cta-box {\n    background: linear-gradient(135deg, var(--cc-primary) 0%, var(--cc-primary-dark) 100%);\n    border-radius: var(--cc-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--cc-shadow-lg);\n  }\n\n  .cc-cta-box p {\n    color: white;\n    font-size: clamp(15px, 2.5vw, 19px);\n    line-height: 1.7;\n    font-weight: 500;\n    text-shadow: 0 2px 12px rgba(0,0,0,.1);\n    margin: 0;\n  }\n\n  .cc-cta-box strong {\n    color: #ffe7c2;\n    font-weight: 800;\n  }\n\n  .cc-disclaimer {\n    font-size: 12px;\n    color: var(--cc-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n  }\n\n  @media (max-width: 767px) {\n    .cc-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n\n    .cc-card {\n      padding: 1.125rem;\n    }\n\n    .cc-section {\n      margin-bottom: 1.75rem;\n    }\n\n    .cc-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--cc-radius-sm);\n    }\n\n    .cc-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n\n    .cc-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n\n    .cc-grid-compact {\n      gap: .625rem;\n    }\n\n    .cc-grid-compact .cc-card {\n      padding: .75rem;\n    }\n\n    .cc-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n\n    .cc-timeline-content {\n      padding: .875rem 1rem;\n    }\n\n    .cc-timeline-content h3 {\n      font-size: 14px;\n    }\n\n    .cc-timeline-content p {\n      font-size: 13px;\n    }\n\n    .cc-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n\n    .cc-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .cc-card {\n      animation: fadeInUp .5s ease backwards;\n    }\n    .cc-card:nth-child(1) { animation-delay: .05s; }\n    .cc-card:nth-child(2) { animation-delay: .1s; }\n    .cc-card:nth-child(3) { animation-delay: .15s; }\n    .cc-card:nth-child(4) { animation-delay: .2s; }\n    .cc-card:nth-child(5) { animation-delay: .25s; }\n    .cc-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cc-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57106938331513,"sku":"SF0075","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/colonclean-200-g-sfb-packshothd_1f24f7bb-eeb6-457f-bbee-fae6eacc54b2.webp?v=1776940329"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/logo_sfb_laboratoires.webp?v=1758990095","url":"https:\/\/www.naturellement-bio.com\/collections\/sfb-laboratoires.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}