{"product_id":"citrobiotic-liquide-bio-sanitas","title":"CitroBiotic liquide bio - Sanitas","description":"\u003cdiv class=\"soi-citb-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-citb-hero\"\u003e\n    \u003cdiv class=\"soi-citb-hero-tag\"\u003e\n      \u003cspan class=\"soi-citb-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · Sanitas\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-citb-hero-title\"\u003eDéfenses immunitaires au naturel, goutte après goutte\u003c\/span\u003e\n    \u003cp class=\"soi-citb-hero-subtitle\"\u003eExtrait concentré de pépins et de péricarpe de pamplemousse biologique, riche en vitamine C et bioflavonoïdes d'agrumes. Plus de 25 ans de savoir-faire au service de votre immunité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-citb-hero-labels\"\u003e\n      \u003cspan class=\"soi-citb-label soi-citb-label-accent\"\u003eBIO (AB)\u003c\/span\u003e\n      \u003cspan class=\"soi-citb-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-citb-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n      \u003cspan class=\"soi-citb-label\"\u003eLIQUIDE CONCENTRÉ\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Composition --\u003e\n  \u003csection class=\"soi-citb-section\"\u003e\n    \u003ch2\u003eCe que contient chaque flacon de 20 ml\u003c\/h2\u003e\n    \u003cp\u003eCitroBiotic liquide bio est extrait grâce à de la glycérine végétale biologique, sans huile de palme, afin de préserver l'intégrité des actifs. La formule est exempte de jus et de pulpe, ce qui limite les interactions indésirables et améliore la tolérance.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-citb-grid\"\u003e\n      \u003cdiv class=\"soi-citb-card\"\u003e\n        \u003ch3\u003e🍊 Extrait de pépins et d'écorce de pamplemousse bio\u003c\/h3\u003e\n        \u003cp\u003eCitrus Paradisi, riche en bioflavonoïdes (hespéridine, naringine, rutine, quercitrine) et en vitamine C naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-card\"\u003e\n        \u003ch3\u003e🌿 Glycérine végétale biologique\u003c\/h3\u003e\n        \u003cp\u003eAgent d'extraction respectueux des actifs, sans huile de palme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-card\"\u003e\n        \u003ch3\u003e🚫 Formule épurée\u003c\/h3\u003e\n        \u003cp\u003eSans conservateurs, sans colorants, sans arômes artificiels. Fruits issus d'exploitations certifiées en France et en Italie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-citb-tip\"\u003e\n      \u003cdiv class=\"soi-citb-tip-icon\"\u003e🔬\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eQualité contrôlée\u003c\/strong\u003e\n        \u003cp\u003eLa teneur en bioflavonoïdes est contrôlée analytiquement à chaque lot, garantissant une concentration constante et élevée d'une bouteille à l'autre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Bénéfices --\u003e\n  \u003csection class=\"soi-citb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir CitroBiotic pour votre défense immunitaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-citb-benefits\"\u003e\n      \u003cdiv class=\"soi-citb-benefit\"\u003e\n        \u003cdiv class=\"soi-citb-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSystème immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C contribue au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-benefit\"\u003e\n        \u003cdiv class=\"soi-citb-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉnergie et vitalité\u003c\/h3\u003e\n        \u003cp\u003eElle participe à un métabolisme énergétique normal et aide à réduire la fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-benefit\"\u003e\n        \u003cdiv class=\"soi-citb-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eElle protège les cellules contre le stress oxydatif grâce à son pouvoir antioxydant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-benefit\"\u003e\n        \u003cdiv class=\"soi-citb-benefit-icon\"\u003e\u003cspan\u003e🍋\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSynergie bioflavonoïdes\u003c\/h3\u003e\n        \u003cp\u003ePlus d'une vingtaine de flavonoïdes identifiés qui piègent les radicaux libres, stabilisent la vitamine C et prolongent son efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eDans CitroBiotic, les bioflavonoïdes, famille de polyphénols naturels des agrumes, agissent en synergie directe avec la vitamine C. Ce n'est pas un simple extrait de pamplemousse : c'est une formule précise, dosée et analytiquement vérifiée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Mode d'emploi --\u003e\n  \u003csection class=\"soi-citb-section\"\u003e\n    \u003ch2\u003eComment prendre CitroBiotic liquide bio ?\u003c\/h2\u003e\n    \u003cp class=\"soi-citb-section-intro\"\u003eLa forme liquide en gouttes vous offre une souplesse de dosage adaptée à chaque profil. Voici les recommandations d'usage :\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-citb-timeline\"\u003e\n      \u003cdiv class=\"soi-citb-step\"\u003e\n        \u003cdiv class=\"soi-citb-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-citb-step-content\"\u003e\n          \u003ch3\u003eAdultes\u003c\/h3\u003e\n          \u003cp\u003e15 gouttes diluées dans un peu d'eau ou de jus de fruit, 3 fois par jour (soit environ 45 gouttes par jour).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-step\"\u003e\n        \u003cdiv class=\"soi-citb-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-citb-step-content\"\u003e\n          \u003ch3\u003eEnfants\u003c\/h3\u003e\n          \u003cp\u003e3 gouttes pour 10 kg de poids corporel, diluées dans une boisson.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-step\"\u003e\n        \u003cdiv class=\"soi-citb-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-citb-step-content\"\u003e\n          \u003ch3\u003eUsage externe\u003c\/h3\u003e\n          \u003cp\u003e20 gouttes à mélanger dans 50 ml de lotion tonique, ou quelques gouttes dans un démaquillant ou soin maison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-step\"\u003e\n        \u003cdiv class=\"soi-citb-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-citb-step-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003eDe préférence avant les repas, dilué et non pur. Durée de cure conseillée : 6 à 8 semaines, renouvelable selon les besoins saisonniers.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-citb-tip\"\u003e\n      \u003cdiv class=\"soi-citb-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePrécaution importante\u003c\/strong\u003e\n        \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical. En cas de traitement médicamenteux ou de pathologie, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Pour qui --\u003e\n  \u003csection class=\"soi-citb-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce complément système immunitaire ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-citb-grid\"\u003e\n      \u003cdiv class=\"soi-citb-card\"\u003e\n        \u003ch3\u003e❄️ Périodes hivernales\u003c\/h3\u003e\n        \u003cp\u003eToute personne souhaitant renforcer son système immunitaire naturellement, notamment lors des changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-card\"\u003e\n        \u003ch3\u003e😴 Fatigue et infections répétées\u003c\/h3\u003e\n        \u003cp\u003eLes personnes fatiguées ou sujettes aux infections saisonnières répétées y trouveront un soutien au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-card\"\u003e\n        \u003ch3\u003e🌱 Adeptes du bio et du vegan\u003c\/h3\u003e\n        \u003cp\u003eLes amateurs de solutions biologiques et vegan, sans excipients inutiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-card\"\u003e\n        \u003ch3\u003e💧 Préférence pour le liquide\u003c\/h3\u003e\n        \u003cp\u003eCelles et ceux qui recherchent une forme liquide, plus facilement dosable que les gélules ou comprimés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003e\u003cstrong\u003eNote :\u003c\/strong\u003e CitroBiotic est formulé pour l'usage humain adulte et enfant. Pour les animaux de compagnie, des formules spécifiques existent : consultez votre vétérinaire pour un complément adapté.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Informations pratiques --\u003e\n  \u003csection class=\"soi-citb-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-citb-compo\"\u003e\n      \u003cdiv class=\"soi-citb-compo-row\"\u003e\n        \u003cspan class=\"soi-citb-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-citb-compo-value\"\u003eFlacon compte-gouttes de 20 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-compo-row\"\u003e\n        \u003cspan class=\"soi-citb-compo-label\"\u003eFabricant\u003c\/span\u003e\n        \u003cspan class=\"soi-citb-compo-value\"\u003eSanitas, plus de 25 ans d'expertise en extrait de pépins de pamplemousse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-compo-row\"\u003e\n        \u003cspan class=\"soi-citb-compo-label\"\u003eCertifications\u003c\/span\u003e\n        \u003cspan class=\"soi-citb-compo-value\"\u003eAgriculture Biologique (AB), vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-citb-compo-row\"\u003e\n        \u003cspan class=\"soi-citb-compo-label\"\u003eConservation\u003c\/span\u003e\n        \u003cspan class=\"soi-citb-compo-value\"\u003eÀ l'abri de la lumière et de la chaleur, hors de portée des enfants\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-citb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-citb-cta-box\"\u003e\n      \u003cp class=\"soi-citb-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-citb-cta-text\" style=\"color: white;\"\u003eChaque flacon de CitroBiotic renferme 25 ans de savoir-faire dans un concentré naturel de vitamine C et de bioflavonoïdes. Pour passer l'hiver sereinement et prendre soin de vos défenses, goutte après goutte.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-citb-marine: #1A2D3D;\n  --soi-citb-marine-dark: #0F1E2B;\n  --soi-citb-marine-light: #2C4458;\n  --soi-citb-pomme: #A1C544;\n  --soi-citb-pomme-dark: #84A636;\n  --soi-citb-pomme-light: rgba(161,197,68,0.10);\n  --soi-citb-white: #FFFFFF;\n  --soi-citb-off-white: #F8FAF6;\n  --soi-citb-stone: #F1F3EE;\n  --soi-citb-line: #E5E8E0;\n  --soi-citb-primary: #E3A835;\n  --soi-citb-primary-soft: #FFF4D6;\n  --soi-citb-accent: #D4A52A;\n  --soi-citb-text: #1A2D3D;\n  --soi-citb-text-soft: #4A5B6B;\n  --soi-citb-text-muted: #7B8693;\n  --soi-citb-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-citb-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-citb-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-citb-radius: 12px;\n  --soi-citb-radius-sm: 8px;\n  --soi-citb-radius-pill: 999px;\n}\n\n.soi-citb-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-citb-fiche img { max-width: 100%; height: auto; }\n\n.soi-citb-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-citb-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-citb-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-citb-hero {\n  position: relative;\n  background: var(--soi-citb-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-citb-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-citb-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-citb-pomme);\n}\n\n.soi-citb-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-citb-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-citb-pomme);\n  border-radius: 50%;\n}\n\n.soi-citb-hero-title {\n  display: block;\n  color: var(--soi-citb-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-citb-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-citb-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-citb-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-citb-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-citb-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-citb-label-accent {\n  background: var(--soi-citb-pomme);\n  border-color: var(--soi-citb-pomme);\n  color: var(--soi-citb-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-citb-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-citb-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-citb-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-citb-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-citb-pomme);\n  border-radius: 2px;\n}\n\n.soi-citb-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-citb-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-citb-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-citb-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-citb-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-citb-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-citb-benefit {\n  background: var(--soi-citb-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-citb-radius);\n  border: 1px solid var(--soi-citb-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-citb-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-citb-shadow-md);\n}\n\n.soi-citb-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-citb-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-citb-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-citb-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-citb-benefit:hover .soi-citb-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-citb-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-citb-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-citb-benefit p {\n  font-size: 13px;\n  color: var(--soi-citb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-citb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-citb-card {\n  background: var(--soi-citb-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-citb-radius);\n  border-left: 3px solid var(--soi-citb-pomme);\n}\n\n.soi-citb-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-citb-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-citb-card p {\n  font-size: 14px;\n  color: var(--soi-citb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-citb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-citb-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-citb-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-citb-radius);\n  border: 1px solid var(--soi-citb-line);\n  align-items: flex-start;\n}\n\n.soi-citb-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-citb-marine);\n  color: var(--soi-citb-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-citb-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-citb-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-citb-step-content p {\n  font-size: 14px;\n  color: var(--soi-citb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-citb-compo {\n  background: var(--soi-citb-off-white);\n  border-radius: var(--soi-citb-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-citb-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-citb-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-citb-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-citb-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-citb-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-citb-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-citb-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-citb-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-citb-pomme-light);\n  border-left: 4px solid var(--soi-citb-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-citb-radius) var(--soi-citb-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-citb-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-citb-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-citb-marine);\n  margin-bottom: 4px;\n}\n\n.soi-citb-tip p {\n  font-size: 14px;\n  color: var(--soi-citb-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-citb-cta-box {\n  background: var(--soi-citb-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-citb-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-citb-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-citb-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-citb-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-citb-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-citb-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-citb-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-citb-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-citb-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-citb-compo-value {\n    text-align: left;\n  }\n\n  .soi-citb-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-citb-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-citb-fiche {\n    --soi-citb-text-soft: #2C3E50;\n    --soi-citb-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Sanitas","offers":[{"title":"Flacon de 20 ml","offer_id":61612341690698,"sku":"SS0010","price":9.9,"currency_code":"EUR","in_stock":false},{"title":"Flacon de 50 ml","offer_id":61612824330570,"sku":"SS0015","price":16.9,"currency_code":"EUR","in_stock":true},{"title":"Flacon de 250 ml","offer_id":61612824363338,"sku":"SS0020","price":52.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/citrobiotic-liquide-bio-sanitas-packshot_11zon.webp?v=1781341805","url":"https:\/\/www.soinature.com\/products\/citrobiotic-liquide-bio-sanitas","provider":"Soinature","version":"1.0","type":"link"}