{"product_id":"vitamine-b8-biotine-en-comprimes-vital-osmose","title":"Vitamine B8 Biotine en comprimés – Vital Osmose","description":"\u003c!--\n=== ANALYSE SOINATURE ===\nProduit: Vitamine B8 Biotine en comprimés\nMarque: Vital Osmose\nCatégorie Soinat: Compléments alimentaires – Beauté (cheveux, peau, ongles)\n\n=== INVENTAIRE DES DONNÉES SOURCE (preuve anti-invention) ===\nLabels\/certifications mentionnés : aucun (pas de bio, vegan, made in France, etc.)\nChiffres précis mentionnés : 60 comprimés, 10 mg (10 000 µg) de biotine par comprimé, 20 000 % des VNR, 2 mois de cure, cure de 2 à 3 mois recommandée\nOrigine mentionnée : non précisée\nForme galénique : comprimés\nActifs\/plantes nommés : biotine (vitamine B8), cellulose microcristalline, stéarate de magnésium\nPosologie mentionnée : 1 comprimé par jour, de préférence le matin au cours d'un repas, avec un grand verre d'eau. Ne pas dépasser la dose journalière conseillée.\nPrécautions mentionnées : ne se substitue pas à un traitement médical, consulter un médecin en cas de doute ou pathologie, en l'absence de carence la biotine seule ne stoppe pas une chute pathologique\n\n=== PALETTE CSS ===\nMarine Soinat: #1A2D3D (fixe)\nPomme Soinat: #A1C544 (fixe)\nPrimaire produit: #2B5EA7 (bleu du packaging \"VITAMINE B8 BIOTINE\")\nAccent produit: #D4A52A (jaune\/or du logo Vital Osmose et du texte \"60 comprimés dosés à 10 mg\")\nPréfixe CSS: soi-biotv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés :\n  1. \"Vitamine B8 Biotine – Beauté des cheveux, de la peau et des ongles\"\n  2. \"Biotine et cheveux : ce que dit vraiment la science\"\n  3. \"Les bienfaits de la vitamine B8 au-delà de la beauté\"\n  4. \"Composition et posologie de la Vitamine B8 Vital Osmose\"\n  5. \"Pour qui est conseillée cette cure de biotine ?\"\n  6. \"Comment utiliser la vitamine B8 pour de meilleurs résultats ?\"\n\n=== COMPOSANTS RETENUS POUR CHAQUE SECTION ===\nHero : labels affichés = aucun (aucun label\/certification dans la source)\nH2 #1 → hero-subtitle + paragraphe d'introduction (texte continu narratif)\nH2 #2 → cards classiques (plusieurs points scientifiques distincts avec titre+desc) + tip (avertissement \"Important\")\nH2 #3 → benefits (4 bénéfices distincts avec titre + description)\nH2 #4 → compo (données structurées: dosage, excipients) + timeline (posologie en étapes) + card-mini (specs chiffrées)\nH2 #5 → grid cards (4 profils cibles distincts)\nH2 #6 → paragraphes + tip (conseil de cure) + accordéon (précautions)\nCTA final → cta-box (paragraphe de clôture présent dans la source)\nComposants OMIS faute de données : hero-labels (aucun label\/certification mentionné)\n--\u003e\n\n\u003cdiv class=\"soi-biotv-fiche\"\u003e\n\n  \u003csection class=\"soi-biotv-hero\"\u003e\n    \u003cdiv class=\"soi-biotv-hero-tag\"\u003e\n      \u003cspan class=\"soi-biotv-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Vital Osmose\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-biotv-hero-title\"\u003eVitamine B8 Biotine en comprimés\u003c\/span\u003e\n    \u003cp class=\"soi-biotv-hero-subtitle\"\u003eLa vitamine essentielle au renouvellement cellulaire, pour des cheveux plus forts, des ongles résistants et une peau éclatante. 60 comprimés dosés à 10 mg de biotine pour une cure ciblée de 2 mois.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003eVitamine B8 Biotine – Beauté des cheveux, de la peau et des ongles\u003c\/h2\u003e\n    \u003cp\u003eVous remarquez des cheveux plus fragiles, une pousse ralentie ou des ongles qui cassent facilement ? La \u003cstrong\u003evitamine B8\u003c\/strong\u003e, mieux connue sous le nom de \u003cstrong\u003ebiotine\u003c\/strong\u003e, est souvent la première piste à explorer. Essentielle au renouvellement cellulaire, elle agit en profondeur sur la fibre capillaire, la structure des ongles et l'éclat de la peau.\u003c\/p\u003e\n    \u003cp\u003eLa formule \u003cstrong\u003eVital Osmose\u003c\/strong\u003e vous propose 60 comprimés dosés à \u003cstrong\u003e10 mg de biotine\u003c\/strong\u003e, pour une cure ciblée et pratique au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003eBiotine et cheveux : ce que dit vraiment la science\u003c\/h2\u003e\n    \u003cp class=\"soi-biotv-section-intro\"\u003eLa biotine intervient dans la synthèse de la \u003cstrong\u003ekératine\u003c\/strong\u003e, la protéine structurelle principale de vos cheveux et de vos ongles. Sans elle, le métabolisme des acides aminés nécessaires à la production de kératine se dérègle, ce qui peut se traduire par une fragilisation progressive des tiges capillaires.\u003c\/p\u003e\n    \u003cdiv class=\"soi-biotv-grid\"\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e🔬 Cheveux normaux\u003c\/h3\u003e\n        \u003cp\u003eLa biotine contribue au maintien de cheveux normaux, une allégation reconnue par l'EFSA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e🧴 Santé du cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eElle soutient la santé du cuir chevelu en régulant le métabolisme lipidique local.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e💇 Chute diffuse et ongles cassants\u003c\/h3\u003e\n        \u003cp\u003eDes carences en vitamine B8 sont parfois associées à une chute de cheveux diffuse et à des ongles striés ou cassants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e📅 Résultats après 2 à 3 mois\u003c\/h3\u003e\n        \u003cp\u003eEn cas de déficit avéré, une supplémentation peut apporter des résultats visibles après 2 à 3 mois de cure régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biotv-tip\"\u003e\n      \u003cdiv class=\"soi-biotv-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eImportant\u003c\/strong\u003e\n        \u003cp\u003eEn l'absence de carence, la biotine seule ne stoppe pas une chute pathologique. Si vous observez une perte de cheveux importante et persistante, consultez un médecin avant de démarrer une supplémentation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la vitamine B8 au-delà de la beauté\u003c\/h2\u003e\n    \u003cdiv class=\"soi-biotv-benefits\"\u003e\n      \u003cdiv class=\"soi-biotv-benefit\"\u003e\n        \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMétabolisme énergétique\u003c\/h3\u003e\n        \u003cp\u003eLa biotine participe à la transformation des glucides, lipides et protéines en énergie utilisable, limitant la sensation de fatigue chronique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-benefit\"\u003e\n        \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n        \u003cp\u003eElle intervient dans la transmission des influx nerveux et contribue à un fonctionnement psychologique équilibré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-benefit\"\u003e\n        \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMuqueuses et peau\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour le maintien de muqueuses normales, elle agit en soutien du renouvellement cellulaire cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-benefit\"\u003e\n        \u003cdiv class=\"soi-biotv-benefit-icon\"\u003e\u003cspan\u003e💅\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eOngles résistants\u003c\/h3\u003e\n        \u003cp\u003eTout comme pour les cheveux, la biotine aide à maintenir des ongles normaux, moins sujets aux cassures et dédoublements.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003eComposition et posologie de la Vitamine B8 Vital Osmose\u003c\/h2\u003e\n    \u003cdiv class=\"soi-biotv-grid-compact\"\u003e\n      \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n        \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e💊\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-label\"\u003eForme\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-value\"\u003eComprimés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n        \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e📦\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-value\"\u003e60 comprimés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n        \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-label\"\u003eDosage par comprimé\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-value\"\u003e10 mg (10 000 µg)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card-mini\"\u003e\n        \u003cspan class=\"soi-biotv-card-mini-icon\"\u003e📅\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-label\"\u003eDurée de cure\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-card-mini-value\"\u003e2 mois\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biotv-compo\"\u003e\n      \u003cdiv class=\"soi-biotv-compo-row\"\u003e\n        \u003cspan class=\"soi-biotv-compo-label\"\u003eBiotine (vitamine B8)\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-compo-value\"\u003e10 000 µg (10 mg) – 20 000 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-compo-row\"\u003e\n        \u003cspan class=\"soi-biotv-compo-label\"\u003eExcipients\u003c\/span\u003e\n        \u003cspan class=\"soi-biotv-compo-value\"\u003eCellulose microcristalline, stéarate de magnésium\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biotv-timeline\"\u003e\n      \u003cdiv class=\"soi-biotv-step\"\u003e\n        \u003cdiv class=\"soi-biotv-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-biotv-step-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrendre 1 comprimé par jour, de préférence le matin au cours d'un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-step\"\u003e\n        \u003cdiv class=\"soi-biotv-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-biotv-step-content\"\u003e\n          \u003ch3\u003eMode de prise\u003c\/h3\u003e\n          \u003cp\u003eAccompagnez votre comprimé d'un grand verre d'eau. Ne pas dépasser la dose journalière conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003ePour qui est conseillée cette cure de biotine ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-biotv-grid\"\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e💇 Cheveux et ongles fragilisés\u003c\/h3\u003e\n        \u003cp\u003ePersonnes observant une fragilisation des cheveux ou des ongles au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e🤱 Post-partum et changements hormonaux\u003c\/h3\u003e\n        \u003cp\u003eFemmes en période post-partum ou lors de changements hormonaux pouvant affecter la beauté des phanères.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e🥗 Régimes restrictifs\u003c\/h3\u003e\n        \u003cp\u003ePersonnes suivant un régime restrictif pauvre en protéines animales, source naturelle de biotine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-biotv-card\"\u003e\n        \u003ch3\u003e🌿 Vitalité au quotidien\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant soutenir leur vitalité et leur métabolisme au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\"\u003e\n    \u003ch2\u003eComment utiliser la vitamine B8 pour de meilleurs résultats ?\u003c\/h2\u003e\n    \u003cp\u003ePour observer une différence visible sur vos cheveux et vos ongles, une \u003cstrong\u003ecure de minimum 2 à 3 mois\u003c\/strong\u003e est recommandée. La biotine agissant sur le cycle de croissance capillaire, les effets ne sont pas immédiats.\u003c\/p\u003e\n    \u003cdiv class=\"soi-biotv-tip\"\u003e\n      \u003cdiv class=\"soi-biotv-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAssociez votre cure de biotine à une alimentation équilibrée, riche en protéines et en bons lipides, pour maximiser son efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-biotv-accordion\"\u003e\n      \u003cdetails class=\"soi-biotv-accordion-item\"\u003e\n        \u003csummary class=\"soi-biotv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-biotv-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. En cas de doute ou de pathologie sous-jacente, demandez l'avis de votre médecin ou pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-biotv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-biotv-cta-box\"\u003e\n      \u003cp class=\"soi-biotv-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-biotv-cta-text\" style=\"color: white;\"\u003eCheveux qui reprennent de la densité, ongles qui résistent, peau plus nette : la Vitamine B8 Biotine Vital Osmose vous accompagne jour après jour. Deux mois de cure, un geste simple chaque matin, parce que la beauté commence de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-biotv-marine: #1A2D3D;\n  --soi-biotv-marine-dark: #0F1E2B;\n  --soi-biotv-marine-light: #2C4458;\n  --soi-biotv-pomme: #A1C544;\n  --soi-biotv-pomme-dark: #84A636;\n  --soi-biotv-pomme-light: rgba(161,197,68,0.10);\n  --soi-biotv-white: #FFFFFF;\n  --soi-biotv-off-white: #F8FAF6;\n  --soi-biotv-stone: #F1F3EE;\n  --soi-biotv-line: #E5E8E0;\n  --soi-biotv-primary: #2B5EA7;\n  --soi-biotv-primary-soft: rgba(43,94,167,0.08);\n  --soi-biotv-accent: #D4A52A;\n  --soi-biotv-text: #1A2D3D;\n  --soi-biotv-text-soft: #4A5B6B;\n  --soi-biotv-text-muted: #7B8693;\n  --soi-biotv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-biotv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-biotv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-biotv-radius: 12px;\n  --soi-biotv-radius-sm: 8px;\n  --soi-biotv-radius-pill: 999px;\n}\n\n.soi-biotv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-biotv-fiche img { max-width: 100%; height: auto; }\n\n.soi-biotv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-biotv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-biotv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-biotv-hero {\n  position: relative;\n  background: var(--soi-biotv-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-biotv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-biotv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-biotv-pomme);\n}\n\n.soi-biotv-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-biotv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-biotv-pomme);\n  border-radius: 50%;\n}\n\n.soi-biotv-hero-title {\n  display: block;\n  color: var(--soi-biotv-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-biotv-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.soi-biotv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-biotv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-biotv-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-biotv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-biotv-pomme);\n  border-radius: 2px;\n}\n\n.soi-biotv-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-biotv-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-biotv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-biotv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-biotv-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-biotv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-biotv-benefit {\n  background: var(--soi-biotv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-biotv-radius);\n  border: 1px solid var(--soi-biotv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-biotv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-biotv-shadow-md);\n}\n\n.soi-biotv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-biotv-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-biotv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-biotv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-biotv-benefit:hover .soi-biotv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-biotv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-biotv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-biotv-benefit p {\n  font-size: 13px;\n  color: var(--soi-biotv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-biotv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-biotv-card {\n  background: var(--soi-biotv-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-biotv-radius);\n  border-left: 3px solid var(--soi-biotv-pomme);\n}\n\n.soi-biotv-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-biotv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-biotv-card p {\n  font-size: 14px;\n  color: var(--soi-biotv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-biotv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.5rem;\n}\n\n.soi-biotv-card-mini {\n  background: var(--soi-biotv-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-biotv-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-biotv-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-biotv-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-biotv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-biotv-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-biotv-marine);\n}\n\n\/* === COMPOSITION === *\/\n.soi-biotv-compo {\n  background: var(--soi-biotv-off-white);\n  border-radius: var(--soi-biotv-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-biotv-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-biotv-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-biotv-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-biotv-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-biotv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-biotv-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-biotv-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-biotv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-biotv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-biotv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-biotv-radius);\n  border: 1px solid var(--soi-biotv-line);\n  align-items: flex-start;\n}\n\n.soi-biotv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-biotv-marine);\n  color: var(--soi-biotv-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-biotv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-biotv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-biotv-step-content p {\n  font-size: 14px;\n  color: var(--soi-biotv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-biotv-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-biotv-pomme-light);\n  border-left: 4px solid var(--soi-biotv-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-biotv-radius) var(--soi-biotv-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-biotv-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-biotv-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-biotv-marine);\n  margin-bottom: 4px;\n}\n\n.soi-biotv-tip p {\n  font-size: 14px;\n  color: var(--soi-biotv-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-biotv-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n\n.soi-biotv-accordion-item {\n  background: var(--soi-biotv-off-white);\n  border-radius: var(--soi-biotv-radius-sm);\n  border: 1px solid var(--soi-biotv-line);\n  overflow: hidden;\n}\n\n.soi-biotv-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-biotv-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-biotv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-biotv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-biotv-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-biotv-accordion-item[open] .soi-biotv-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-biotv-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-biotv-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-biotv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-biotv-cta-box {\n  background: var(--soi-biotv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-biotv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-biotv-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-biotv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-biotv-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-biotv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-biotv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-biotv-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-biotv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-biotv-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-biotv-compo-value {\n    text-align: left;\n  }\n\n  .soi-biotv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-biotv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-biotv-fiche {\n    --soi-biotv-text-soft: #2C3E50;\n    --soi-biotv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Vital Osmose","offers":[{"title":"Default Title","offer_id":61603670819146,"sku":"VO4835","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/vitamine-b8-biotine-en-comprimes-vital-osmose-packshot.webp?v=1779033024","url":"https:\/\/www.soinature.com\/products\/vitamine-b8-biotine-en-comprimes-vital-osmose","provider":"Soinature","version":"1.0","type":"link"}