{"product_id":"gemmo-complexe-osteogem-bio-et-vegan-herbalgem","title":"Gemmo-complexe Osteogem bio - HerbalGem","description":"\u003cdiv class=\"soi-osteo-fiche\"\u003e\n\n\u003csection class=\"soi-osteo-hero\"\u003e\n  \u003cdiv class=\"soi-osteo-hero-tag\"\u003e\n    \u003cspan class=\"soi-osteo-tag-dot\"\u003e\u003c\/span\u003e\n    Gemmothérapie · HerbalGem\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-osteo-hero-title\"\u003eLe pouvoir des bourgeons pour votre capital osseux\u003c\/span\u003e\n  \u003cp class=\"soi-osteo-hero-subtitle\"\u003eUn concentré de quatre bourgeons frais biologiques, formulé pour soutenir naturellement vos os et le confort de vos articulations. La gemmothérapie au service de votre mobilité.\u003c\/p\u003e\n  \u003cdiv class=\"soi-osteo-hero-labels\"\u003e\n    \u003cspan class=\"soi-osteo-label soi-osteo-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-osteo-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-osteo-label\"\u003eGEMMOTHÉRAPIE\u003c\/span\u003e\n    \u003cspan class=\"soi-osteo-label\"\u003e30 ML\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-osteo-section\"\u003e\n  \u003ch2\u003ePourquoi choisir Osteogem pour vos os et vos articulations ?\u003c\/h2\u003e\n  \u003cp\u003eÀ mesure que le temps passe, le capital osseux s'use et les articulations deviennent plus sensibles. Si vous cherchez un complément pour les articulations d'origine 100 % végétale, Osteogem propose une approche différente : celle de la gemmothérapie.\u003c\/p\u003e\n  \u003cp\u003eLes bourgeons frais concentrent les substances actives des plantes à leur stade de croissance maximal, ce qui en fait des extraits particulièrement riches et biodisponibles. C'est précisément cette concentration qui fait toute la force de ce complexe.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-osteo-section\"\u003e\n  \u003ch2\u003eLa synergie des 4 bourgeons : comment ça fonctionne ?\u003c\/h2\u003e\n  \u003cp class=\"soi-osteo-section-intro\"\u003eChaque bourgeon a été sélectionné pour un rôle précis, complémentaire des autres :\u003c\/p\u003e\n  \u003cdiv class=\"soi-osteo-grid\"\u003e\n    \u003cdiv class=\"soi-osteo-card\"\u003e\n      \u003ch3\u003e🌲 Séquoia géant (Sequoiadendron giganteum)\u003c\/h3\u003e\n      \u003cp\u003eBourgeon emblématique pour le soutien structural de l'ossature. Traditionnellement utilisé pour accompagner la solidité et la résistance de l'os, notamment chez les personnes soucieuses de préserver leur densité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-card\"\u003e\n      \u003ch3\u003e🍃 Ronce (Rubus fruticosus)\u003c\/h3\u003e\n      \u003cp\u003eNaturellement riche en manganèse, un oligoélément qui contribue au maintien d'une ossature normale et soutient la solidité des tissus conjonctifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-card\"\u003e\n      \u003ch3\u003e🏔️ Pin des montagnes (Pinus montana)\u003c\/h3\u003e\n      \u003cp\u003eReconnu pour son action sur les cartilages et les structures articulaires soumises aux contraintes mécaniques du quotidien. Un allié précieux pour le confort articulaire durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-card\"\u003e\n      \u003ch3\u003e🌿 Bouleau verruqueux (Betula verrucosa)\u003c\/h3\u003e\n      \u003cp\u003eFavorise l'élimination des déchets cristallins accumulés dans les articulations, soutenant ainsi la souplesse et la mobilité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-osteo-tip\"\u003e\n    \u003cdiv class=\"soi-osteo-tip-icon\"\u003e🔬\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLa force du complexe\u003c\/strong\u003e\n      \u003cp\u003eEnsemble, ces quatre bourgeons forment un complexe articulaire et osseux complet, agissant à la fois sur la structure, la reminéralisation, le confort et la mobilité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-osteo-section\"\u003e\n  \u003ch2\u003eComposition complète et posologie\u003c\/h2\u003e\n\n  \u003cdiv class=\"soi-osteo-compo\"\u003e\n    \u003cdiv class=\"soi-osteo-compo-row\"\u003e\n      \u003cspan class=\"soi-osteo-compo-label\"\u003eDose journalière\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-compo-value\"\u003e15 gouttes\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-compo-row\"\u003e\n      \u003cspan class=\"soi-osteo-compo-label\"\u003eBourgeon 1\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-compo-value\"\u003eMacérât de bourgeon de Séquoia géant bio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-compo-row\"\u003e\n      \u003cspan class=\"soi-osteo-compo-label\"\u003eBourgeon 2\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-compo-value\"\u003eMacérât de jeune pousse de Ronce bio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-compo-row\"\u003e\n      \u003cspan class=\"soi-osteo-compo-label\"\u003eBourgeon 3\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-compo-value\"\u003eMacérât de bourgeon de Pin des montagnes bio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-compo-row\"\u003e\n      \u003cspan class=\"soi-osteo-compo-label\"\u003eBourgeon 4\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-compo-value\"\u003eMacérât de bourgeon de Bouleau verruqueux bio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-compo-row\"\u003e\n      \u003cspan class=\"soi-osteo-compo-label\"\u003eExcipients\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-compo-value\"\u003eEau, alcool (glycérine végétale pour la version sans alcool), extrait de pépins de raisin\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"soi-osteo-timeline\"\u003e\n    \u003cdiv class=\"soi-osteo-step\"\u003e\n      \u003cdiv class=\"soi-osteo-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-osteo-step-content\"\u003e\n        \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n        \u003cp\u003eDébutez par 5 gouttes par jour, directement sous la langue ou diluées dans un peu d'eau, de préférence avant les repas.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-step\"\u003e\n      \u003cdiv class=\"soi-osteo-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-osteo-step-content\"\u003e\n        \u003ch3\u003eAugmentez selon vos besoins\u003c\/h3\u003e\n        \u003cp\u003eAugmentez progressivement jusqu'à 15 gouttes par jour selon votre ressenti.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-step\"\u003e\n      \u003cdiv class=\"soi-osteo-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-osteo-step-content\"\u003e\n        \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n        \u003cp\u003eUne cure de 6 à 8 semaines, renouvelable selon vos besoins. Ce produit ne se substitue pas à un traitement médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-osteo-section\"\u003e\n  \u003ch2\u003eÀ qui s'adresse ce complément articulaire et osseux ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-osteo-benefits\"\u003e\n    \u003cdiv class=\"soi-osteo-benefit\"\u003e\n      \u003cdiv class=\"soi-osteo-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePrévention dès 40 ans\u003c\/h3\u003e\n      \u003cp\u003ePour les personnes souhaitant préserver leur capital osseux de façon préventive.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-benefit\"\u003e\n      \u003cdiv class=\"soi-osteo-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePériodes de fragilité\u003c\/h3\u003e\n      \u003cp\u003eLors de la ménopause, en récupération post-traumatique ou lors d'efforts physiques répétés.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-benefit\"\u003e\n      \u003cdiv class=\"soi-osteo-benefit-icon\"\u003e\u003cspan\u003e🏃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSportifs\u003c\/h3\u003e\n      \u003cp\u003ePour celles et ceux exposés à des contraintes articulaires fréquentes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-benefit\"\u003e\n      \u003cdiv class=\"soi-osteo-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eApproche végétale\u003c\/h3\u003e\n      \u003cp\u003ePour toute personne cherchant un complément alimentaire d'origine végétale, bio et vegan, pour le confort articulaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-osteo-section\"\u003e\n  \u003ch2\u003eQuestions fréquentes sur Osteogem\u003c\/h2\u003e\n  \u003cdiv class=\"soi-osteo-accordion\"\u003e\n    \u003cdetails class=\"soi-osteo-accordion-item\"\u003e\n      \u003csummary class=\"soi-osteo-accordion-header\"\u003e🧪 Quelle est la différence entre Osteogem et un complément classique en gélules ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-osteo-accordion-content\"\u003e\n        \u003cp\u003eOsteogem utilise des bourgeons frais à l'état natif, concentrés par macération. Cette méthode préserve l'intégralité des co-facteurs naturels de la plante, là où un extrait sec peut en perdre une partie lors du séchage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-osteo-accordion-item\"\u003e\n      \u003csummary class=\"soi-osteo-accordion-header\"\u003e🤝 Peut-on associer Osteogem à d'autres compléments ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-osteo-accordion-content\"\u003e\n        \u003cp\u003eOui, il s'associe bien à un apport en vitamine D3 ou en calcium si votre médecin le recommande. En cas de traitement médicamenteux, consultez un professionnel de santé avant toute association.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-osteo-accordion-item\"\u003e\n      \u003csummary class=\"soi-osteo-accordion-header\"\u003e🌱 Le produit est-il adapté aux végans ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-osteo-accordion-content\"\u003e\n        \u003cp\u003eOui, la formule est entièrement vegan et certifiée biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-osteo-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-osteo-grid-compact\"\u003e\n    \u003cdiv class=\"soi-osteo-card-mini\"\u003e\n      \u003cspan class=\"soi-osteo-card-mini-icon\"\u003e💧\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-card-mini-label\"\u003eFormat\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-card-mini-value\"\u003eFlacon compte-gouttes 30 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-card-mini\"\u003e\n      \u003cspan class=\"soi-osteo-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-card-mini-value\"\u003eAgriculture Biologique (AB), Vegan\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-osteo-card-mini\"\u003e\n      \u003cspan class=\"soi-osteo-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-card-mini-label\"\u003eMarque\u003c\/span\u003e\n      \u003cspan class=\"soi-osteo-card-mini-value\"\u003eHerbalGem, pionnière depuis 1986\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-osteo-accordion\"\u003e\n    \u003cdetails class=\"soi-osteo-accordion-item\"\u003e\n      \u003csummary class=\"soi-osteo-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-osteo-accordion-content\"\u003e\n        \u003cp\u003eÀ conserver à l'abri de la lumière et de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-osteo-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-osteo-cta-box\"\u003e\n    \u003cp class=\"soi-osteo-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, bourgeon par bourgeon\u003c\/p\u003e\n    \u003cp class=\"soi-osteo-cta-text\" style=\"color: white;\"\u003ePrendre soin de vos os et de vos articulations, c'est un geste de respect envers votre corps. Avec Osteogem, HerbalGem vous offre l'essentiel du végétal, condensé en quelques gouttes quotidiennes, pour que vous continuiez à avancer avec légèreté, force et confiance.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-osteo-marine: #1A2D3D;\n  --soi-osteo-marine-dark: #0F1E2B;\n  --soi-osteo-marine-light: #2C4458;\n  --soi-osteo-pomme: #A1C544;\n  --soi-osteo-pomme-dark: #84A636;\n  --soi-osteo-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-osteo-white: #FFFFFF;\n  --soi-osteo-off-white: #F8FAF6;\n  --soi-osteo-stone: #F1F3EE;\n  --soi-osteo-line: #E5E8E0;\n\n  --soi-osteo-primary: #A0877A;\n  --soi-osteo-primary-soft: #C4AFA5;\n  --soi-osteo-accent: #7CA86E;\n\n  --soi-osteo-text: #1A2D3D;\n  --soi-osteo-text-soft: #4A5B6B;\n  --soi-osteo-text-muted: #7B8693;\n\n  --soi-osteo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-osteo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-osteo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-osteo-radius: 12px;\n  --soi-osteo-radius-sm: 8px;\n  --soi-osteo-radius-pill: 999px;\n}\n\n.soi-osteo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-osteo-fiche img { max-width: 100%; height: auto; }\n\n.soi-osteo-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-osteo-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-osteo-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-osteo-hero {\n  position: relative;\n  background: var(--soi-osteo-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-osteo-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-osteo-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-osteo-pomme);\n}\n\n.soi-osteo-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-osteo-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-osteo-pomme);\n  border-radius: 50%;\n}\n\n.soi-osteo-hero-title {\n  display: block;\n  color: var(--soi-osteo-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-osteo-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-osteo-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-osteo-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-osteo-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-osteo-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-osteo-label-accent {\n  background: var(--soi-osteo-pomme);\n  border-color: var(--soi-osteo-pomme);\n  color: var(--soi-osteo-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-osteo-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-osteo-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-osteo-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-osteo-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-osteo-pomme);\n  border-radius: 2px;\n}\n\n.soi-osteo-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-osteo-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-osteo-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-osteo-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-osteo-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-osteo-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-osteo-benefit {\n  background: var(--soi-osteo-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-osteo-radius);\n  border: 1px solid var(--soi-osteo-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-osteo-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-osteo-shadow-md);\n}\n\n.soi-osteo-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-osteo-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-osteo-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-osteo-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-osteo-benefit:hover .soi-osteo-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-osteo-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-osteo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-osteo-benefit p {\n  font-size: 15px;\n  color: var(--soi-osteo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-osteo-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-osteo-card {\n  background: var(--soi-osteo-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-osteo-radius);\n  border-left: 3px solid var(--soi-osteo-pomme);\n}\n\n.soi-osteo-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-osteo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-osteo-card p {\n  font-size: 14px;\n  color: var(--soi-osteo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-osteo-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-osteo-card-mini {\n  background: var(--soi-osteo-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-osteo-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-osteo-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-osteo-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-osteo-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-osteo-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-osteo-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-osteo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.soi-osteo-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-osteo-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-osteo-radius);\n  border: 1px solid var(--soi-osteo-line);\n  align-items: flex-start;\n}\n\n.soi-osteo-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-osteo-marine);\n  color: var(--soi-osteo-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-osteo-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-osteo-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-osteo-step-content p {\n  font-size: 15px;\n  color: var(--soi-osteo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-osteo-compo {\n  background: var(--soi-osteo-off-white);\n  border-radius: var(--soi-osteo-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-osteo-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-osteo-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-osteo-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-osteo-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-osteo-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-osteo-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-osteo-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-osteo-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-osteo-pomme-light);\n  border-left: 4px solid var(--soi-osteo-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-osteo-radius) var(--soi-osteo-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-osteo-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-osteo-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-osteo-marine);\n  margin-bottom: 4px;\n}\n\n.soi-osteo-tip p {\n  font-size: 15px;\n  color: var(--soi-osteo-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-osteo-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-osteo-accordion-item {\n  background: var(--soi-osteo-off-white);\n  border-radius: var(--soi-osteo-radius-sm);\n  border: 1px solid var(--soi-osteo-line);\n  overflow: hidden;\n}\n\n.soi-osteo-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-osteo-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-osteo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-osteo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-osteo-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-osteo-accordion-item[open] .soi-osteo-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-osteo-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-osteo-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-osteo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-osteo-cta-box {\n  background: var(--soi-osteo-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-osteo-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-osteo-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-osteo-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-osteo-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-osteo-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-osteo-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-osteo-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-osteo-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-osteo-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-osteo-compo-value {\n    text-align: left;\n  }\n\n  .soi-osteo-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-osteo-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-osteo-fiche {\n    --soi-osteo-text-soft: #2C3E50;\n    --soi-osteo-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Herbalgem","offers":[{"title":"Default Title","offer_id":61603932635466,"sku":"HG0115","price":25.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gemmo-complexe-osteogem-bio-et-vegan-herbalgem-packshot.webp?v=1792053895","url":"https:\/\/firmtoaromatherapy.com\/products\/gemmo-complexe-osteogem-bio-et-vegan-herbalgem","provider":"Soinature","version":"1.0","type":"link"}