{"product_id":"vitamine-b12-vegan-en-comprimes-sfb","title":"Vitamine B12 vegan en comprimés – SFB","description":"\u003c!--\n=== ANALYSE SOINATURE ===\nProduit: Vitamine B12 vegan en comprimés\nMarque: SFB Laboratoires\nCatégorie Soinat: Compléments alimentaires \/ Vitalité-Énergie\n\n=== INVENTAIRE DES DONNÉES SOURCE (preuve anti-invention) ===\nLabels\/certifications mentionnés : Fabriqué en France, adapté aux régimes vegan et végétarien, sans gélatine animale, sans gluten (avec mention \"vérifier étiquette\")\nChiffres précis mentionnés : 5000 µg de méthylcobalamine par comprimé, 200 000 % des VNR, 30 comprimés, 30 jours d'utilisation\nOrigine mentionnée : France (fabrication)\nForme galénique : Comprimés\nActifs\/plantes nommés : Méthylcobalamine (Vitamine B12), cellulose microcristalline (agent de charge), stéarate de magnésium végétal (anti-agglomérant)\nPosologie mentionnée : 1 comprimé par jour, de préférence le matin au petit-déjeuner avec un grand verre d'eau. Dosage de charge sur cure courte ou 1 comprimé tous les 2-3 jours en entretien. Consulter un professionnel de santé.\nPrécautions mentionnées : Ne se substitue pas à un traitement médical, consulter médecin en cas de carence sévère diagnostiquée, conserver à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\n\n=== PALETTE CSS ===\nMarine Soinat: #1A2D3D (fixe)\nPomme Soinat: #A1C544 (fixe)\nPrimaire produit: #3B5278 (bleu marine du packaging SFB, plus clair que le marine Soinat)\nAccent produit: #4A7A8E (vert-bleu rappelant l'aquarelle verte des images)\nPréfixe CSS: soi-b12\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés :\n  1. \"Vitamine B12 Vegan en Comprimés – Méthylcobalamine 5000 µg\"\n  2. \"Pourquoi la Méthylcobalamine est la meilleure forme de B12 vegan ?\"\n  3. \"À quoi sert concrètement la vitamine B12 ?\"\n  4. \"Composition et apports journaliers\"\n  5. \"Comment prendre ces comprimés de vitamine B12 ?\"\n  6. \"À qui s'adresse cette vitamine B12 vegan en comprimés ?\"\n  7. \"Informations pratiques\"\n\n=== COMPOSANTS RETENUS POUR CHAQUE SECTION ===\nHero : labels affichés = FABRIQUÉ EN FRANCE, VEGAN, 5000 µg MÉTHYLCOBALAMINE, 30 COMPRIMÉS\nH2 #1 \"Vitamine B12 Vegan en Comprimés – Méthylcobalamine 5000 µg\" → paragraphe simple (texte introductif continu)\nH2 #2 \"Pourquoi la Méthylcobalamine est la meilleure forme de B12 vegan ?\" → paragraphes simples (texte explicatif continu, 2 paragraphes)\nH2 #3 \"À quoi sert concrètement la vitamine B12 ?\" → benefits (5 bénéfices distincts avec titre + description)\nH2 #4 \"Composition et apports journaliers\" → compo (data rows, données structurées) + paragraphe pour excipients\nH2 #5 \"Comment prendre ces comprimés de vitamine B12 ?\" → timeline (3 étapes dérivées de la posologie) + tip\nH2 #6 \"À qui s'adresse cette vitamine B12 vegan en comprimés ?\" → grid cards (4 profils cibles)\nH2 #7 \"Informations pratiques\" → accordion (conditionnement, conservation, précautions)\nCTA final basé sur le dernier paragraphe libre de la source\nComposants OMIS faute de données : grid-compact (pas de specs chiffrées multiples nécessitant ce format au-delà de ce qui est couvert par compo)\n--\u003e\n\n\u003cdiv class=\"soi-b12-fiche\"\u003e\n\n  \u003csection class=\"soi-b12-hero\"\u003e\n    \u003cdiv class=\"soi-b12-hero-tag\"\u003e\n      \u003cspan class=\"soi-b12-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · SFB Laboratoires\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-b12-hero-title\"\u003eVitamine B12 Vegan en Comprimés\u003c\/span\u003e\n    \u003cp class=\"soi-b12-hero-subtitle\"\u003eLa méthylcobalamine à 5000 µg, forme active directement assimilable par votre organisme, pour soutenir votre énergie, votre système nerveux et vos globules rouges au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-b12-hero-labels\"\u003e\n      \u003cspan class=\"soi-b12-label soi-b12-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-b12-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-b12-label\"\u003e5000 µg MÉTHYLCOBALAMINE\u003c\/span\u003e\n      \u003cspan class=\"soi-b12-label\"\u003e30 COMPRIMÉS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-b12-section\"\u003e\n    \u003ch2\u003eVitamine B12 Vegan en Comprimés – Méthylcobalamine 5000 µg\u003c\/h2\u003e\n    \u003cp\u003eSi vous suivez un régime végétalien ou végétarien, vous savez que la \u003cstrong\u003ecarence en vitamine B12\u003c\/strong\u003e est l'une des rares déficiences nutritionnelles réellement inévitables sans supplémentation. La B12 est presque exclusivement présente dans les produits d'origine animale, et aucune alimentation végétale, aussi équilibrée soit-elle, ne suffit à couvrir vos besoins à long terme. Ce complément de SFB Laboratoires a été pensé précisément pour répondre à cette problématique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-b12-section\"\u003e\n    \u003ch2\u003ePourquoi la Méthylcobalamine est la meilleure forme de B12 vegan ?\u003c\/h2\u003e\n    \u003cp\u003eToutes les formes de vitamine B12 ne se valent pas. La \u003cstrong\u003eméthylcobalamine\u003c\/strong\u003e est la forme directement active dans l'organisme : contrairement à la cyanocobalamine, elle n'a pas besoin d'être convertie par votre foie pour être utilisée. Résultat, votre corps l'assimile mieux et plus rapidement, ce qui est particulièrement utile si votre statut en B12 est déjà faible.\u003c\/p\u003e\n    \u003cp\u003eAvec \u003cstrong\u003e5000 µg par comprimé\u003c\/strong\u003e, ce dosage dit « de charge » est adapté aux personnes en déficit avéré ou souhaitant reconstituer rapidement leurs réserves hépatiques, avant de passer éventuellement à un entretien plus léger.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-b12-section\"\u003e\n    \u003ch2\u003eÀ quoi sert concrètement la vitamine B12 ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-b12-benefits\"\u003e\n      \u003cdiv class=\"soi-b12-benefit\"\u003e\n        \u003cdiv class=\"soi-b12-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉnergie et métabolisme\u003c\/h3\u003e\n        \u003cp\u003eLa B12 contribue à la transformation des glucides, lipides et protéines en énergie utilisable. Une carence se traduit souvent d'abord par une fatigue persistante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-benefit\"\u003e\n        \u003cdiv class=\"soi-b12-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n        \u003cp\u003eElle participe à la synthèse de la myéline, la gaine protectrice des nerfs. Un déficit prolongé peut entraîner des fourmillements, des troubles de la mémoire ou de la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-benefit\"\u003e\n        \u003cdiv class=\"soi-b12-benefit-icon\"\u003e\u003cspan\u003e🩸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eGlobules rouges\u003c\/h3\u003e\n        \u003cp\u003eSans B12, la production de globules rouges normaux est compromise, ce qui peut mener à une anémie mégaloblastique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-benefit\"\u003e\n        \u003cdiv class=\"soi-b12-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eImmunité\u003c\/h3\u003e\n        \u003cp\u003eElle soutient la production de globules blancs et la réponse immunitaire globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-benefit\"\u003e\n        \u003cdiv class=\"soi-b12-benefit-icon\"\u003e\u003cspan\u003e❤️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHomocystéine\u003c\/h3\u003e\n        \u003cp\u003eLa B12 contribue à réguler le taux d'homocystéine, un marqueur lié à la santé cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-b12-section\"\u003e\n    \u003ch2\u003eComposition et apports journaliers\u003c\/h2\u003e\n    \u003cp class=\"soi-b12-section-intro\"\u003eChaque comprimé de Vitamine B12 5000 de SFB Laboratoires contient :\u003c\/p\u003e\n    \u003cdiv class=\"soi-b12-compo\"\u003e\n      \u003cdiv class=\"soi-b12-compo-row\"\u003e\n        \u003cspan class=\"soi-b12-compo-label\"\u003eMéthylcobalamine (Vitamine B12)\u003c\/span\u003e\n        \u003cspan class=\"soi-b12-compo-value\"\u003e5000 µg (200 000 % VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-compo-row\"\u003e\n        \u003cspan class=\"soi-b12-compo-label\"\u003eAgent de charge\u003c\/span\u003e\n        \u003cspan class=\"soi-b12-compo-value\"\u003eCellulose microcristalline\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-compo-row\"\u003e\n        \u003cspan class=\"soi-b12-compo-label\"\u003eAnti-agglomérant\u003c\/span\u003e\n        \u003cspan class=\"soi-b12-compo-value\"\u003eStéarate de magnésium végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-compo-row\"\u003e\n        \u003cspan class=\"soi-b12-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-b12-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-compo-row\"\u003e\n        \u003cspan class=\"soi-b12-compo-label\"\u003eConvient aux\u003c\/span\u003e\n        \u003cspan class=\"soi-b12-compo-value\"\u003eVegans, végétariens, sans gélatine animale\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-b12-section\"\u003e\n    \u003ch2\u003eComment prendre ces comprimés de vitamine B12 ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-b12-timeline\"\u003e\n      \u003cdiv class=\"soi-b12-step\"\u003e\n        \u003cdiv class=\"soi-b12-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-b12-step-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 comprimé par jour\u003c\/strong\u003e, de préférence le matin au cours du petit-déjeuner, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-step\"\u003e\n        \u003cdiv class=\"soi-b12-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-b12-step-content\"\u003e\n          \u003ch3\u003ePhase de charge ou entretien\u003c\/h3\u003e\n          \u003cp\u003eCe dosage de 5000 µg peut être utilisé sur une \u003cstrong\u003ecure courte\u003c\/strong\u003e pour reconstituer vos réserves, ou à raison d'\u003cstrong\u003eun comprimé tous les deux à trois jours\u003c\/strong\u003e en entretien selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-step\"\u003e\n        \u003cdiv class=\"soi-b12-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-b12-step-content\"\u003e\n          \u003ch3\u003ePersonnalisez votre prise\u003c\/h3\u003e\n          \u003cp\u003eConsultez un professionnel de santé pour adapter la fréquence à votre situation personnelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-b12-tip\"\u003e\n      \u003cdiv class=\"soi-b12-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eLa prise le matin au petit-déjeuner favorise une bonne assimilation de la méthylcobalamine. Pensez à accompagner votre comprimé d'un grand verre d'eau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-b12-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette vitamine B12 vegan en comprimés ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-b12-grid\"\u003e\n      \u003cdiv class=\"soi-b12-card\"\u003e\n        \u003ch3\u003e🌱 Vegans et végétariens\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez prévenir ou corriger une carence en B12 liée à votre alimentation exclusivement ou majoritairement végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-card\"\u003e\n        \u003ch3\u003e👤 Personnes de plus de 50 ans\u003c\/h3\u003e\n        \u003cp\u003eVotre capacité d'absorption de la B12 diminue naturellement avec l'âge, rendant la supplémentation particulièrement pertinente.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-card\"\u003e\n        \u003ch3\u003e💊 Personnes sous traitement spécifique\u003c\/h3\u003e\n        \u003cp\u003eLa prise de metformine ou d'inhibiteurs de la pompe à protons réduit l'absorption de la B12 et peut justifier une supplémentation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-b12-card\"\u003e\n        \u003ch3\u003e😴 Fatigue et bilan B12 insuffisant\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez une fatigue persistante et votre bilan sanguin révèle un taux de B12 trop bas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-b12-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-b12-accordion\"\u003e\n      \u003cdetails class=\"soi-b12-accordion-item\"\u003e\n        \u003csummary class=\"soi-b12-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-b12-accordion-content\"\u003e\n          \u003cp\u003e30 comprimés, soit 30 jours d'utilisation à raison d'1 comprimé par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-b12-accordion-item\"\u003e\n        \u003csummary class=\"soi-b12-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-b12-accordion-content\"\u003e\n          \u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-b12-accordion-item\"\u003e\n        \u003csummary class=\"soi-b12-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-b12-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de carence diagnostiquée sévère, consultez votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-b12-accordion-item\"\u003e\n        \u003csummary class=\"soi-b12-accordion-header\"\u003e✅ Compatibilité alimentaire\u003c\/summary\u003e\n        \u003cdiv class=\"soi-b12-accordion-content\"\u003e\n          \u003cp\u003eConvient aux vegans et végétariens, sans gélatine animale. Sans gluten (vérifier étiquette).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-b12-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-b12-cta-box\"\u003e\n      \u003cp class=\"soi-b12-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-b12-cta-text\" style=\"color: white;\"\u003eQuand la fatigue s'installe, quand la concentration flanche ou que votre bilan pointe un taux de B12 trop bas, ce comprimé de méthylcobalamine à 5000 µg peut faire une vraie différence. Pensé pour les vegans, fabriqué en France, avec la forme la mieux assimilée par l'organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-b12-marine: #1A2D3D;\n  --soi-b12-marine-dark: #0F1E2B;\n  --soi-b12-marine-light: #2C4458;\n  --soi-b12-pomme: #A1C544;\n  --soi-b12-pomme-dark: #84A636;\n  --soi-b12-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-b12-white: #FFFFFF;\n  --soi-b12-off-white: #F8FAF6;\n  --soi-b12-stone: #F1F3EE;\n  --soi-b12-line: #E5E8E0;\n\n  --soi-b12-primary: #3B5278;\n  --soi-b12-primary-soft: #E8EDF4;\n  --soi-b12-accent: #4A7A8E;\n\n  --soi-b12-text: #1A2D3D;\n  --soi-b12-text-soft: #4A5B6B;\n  --soi-b12-text-muted: #7B8693;\n\n  --soi-b12-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-b12-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-b12-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-b12-radius: 12px;\n  --soi-b12-radius-sm: 8px;\n  --soi-b12-radius-pill: 999px;\n}\n\n.soi-b12-fiche * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.soi-b12-fiche img {\n  max-width: 100%;\n  height: auto;\n}\n\n.soi-b12-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-b12-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-b12-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-b12-hero {\n  position: relative;\n  background: var(--soi-b12-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-b12-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-b12-hero::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--soi-b12-pomme);\n}\n\n.soi-b12-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-b12-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-b12-pomme);\n  border-radius: 50%;\n}\n\n.soi-b12-hero-title {\n  display: block;\n  color: var(--soi-b12-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-b12-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-b12-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-b12-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-b12-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-b12-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-b12-label-accent {\n  background: var(--soi-b12-pomme);\n  border-color: var(--soi-b12-pomme);\n  color: var(--soi-b12-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-b12-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-b12-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-b12-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-b12-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-b12-pomme);\n  border-radius: 2px;\n}\n\n.soi-b12-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-b12-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-b12-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-b12-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-b12-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-b12-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-b12-benefit {\n  background: var(--soi-b12-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-b12-radius);\n  border: 1px solid var(--soi-b12-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-b12-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-b12-shadow-md);\n}\n\n.soi-b12-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-b12-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-b12-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-b12-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-b12-benefit:hover .soi-b12-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-b12-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-b12-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-b12-benefit p {\n  font-size: 13px;\n  color: var(--soi-b12-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPO === *\/\n.soi-b12-compo {\n  background: var(--soi-b12-off-white);\n  border-radius: var(--soi-b12-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-b12-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-b12-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-b12-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-b12-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-b12-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-b12-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-b12-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-b12-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-b12-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-b12-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-b12-radius);\n  border: 1px solid var(--soi-b12-line);\n  align-items: flex-start;\n}\n\n.soi-b12-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-b12-marine);\n  color: var(--soi-b12-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-b12-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-b12-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-b12-step-content p {\n  font-size: 14px;\n  color: var(--soi-b12-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-b12-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-b12-card {\n  background: var(--soi-b12-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-b12-radius);\n  border-left: 3px solid var(--soi-b12-pomme);\n}\n\n.soi-b12-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-b12-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-b12-card p {\n  font-size: 14px;\n  color: var(--soi-b12-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-b12-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-b12-pomme-light);\n  border-left: 4px solid var(--soi-b12-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-b12-radius) var(--soi-b12-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-b12-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-b12-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-b12-marine);\n  margin-bottom: 4px;\n}\n\n.soi-b12-tip p {\n  font-size: 14px;\n  color: var(--soi-b12-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-b12-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-b12-accordion-item {\n  background: var(--soi-b12-off-white);\n  border-radius: var(--soi-b12-radius-sm);\n  border: 1px solid var(--soi-b12-line);\n  overflow: hidden;\n}\n\n.soi-b12-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-b12-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-b12-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-b12-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-b12-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-b12-accordion-item[open] .soi-b12-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-b12-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-b12-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-b12-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-b12-cta-box {\n  background: var(--soi-b12-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-b12-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-b12-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-b12-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-b12-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-b12-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-b12-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-b12-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-b12-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-b12-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-b12-compo-value {\n    text-align: left;\n  }\n\n  .soi-b12-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-b12-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-b12-fiche {\n    --soi-b12-text-soft: #2C3E50;\n    --soi-b12-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603743301962,"sku":"SF0100","price":23.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/vitamine-b12-vegan-en-comprimes-sfb-packshot.webp?v=1778861230","url":"https:\/\/www.soinature.com\/products\/vitamine-b12-vegan-en-comprimes-sfb","provider":"Soinature","version":"1.0","type":"link"}