{"product_id":"collagene-marin-en-gelules-sfb","title":"Collagène marin en gélules - SFB","description":"\u003cdiv class=\"soi-coll-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-coll-hero\"\u003e\n    \u003cdiv class=\"soi-coll-hero-tag\"\u003e\n      \u003cspan class=\"soi-coll-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · SFB Laboratoires\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-coll-hero-title\"\u003eCollagène Marin en gélules\u003c\/span\u003e\n    \u003cp class=\"soi-coll-hero-subtitle\"\u003eSoutenez naturellement la fermeté de votre peau, la souplesse de vos articulations et la solidité de vos ongles grâce à un hydrolysat de collagène marin hautement assimilable.\u003c\/p\u003e\n    \u003cdiv class=\"soi-coll-hero-labels\"\u003e\n      \u003cspan class=\"soi-coll-label soi-coll-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-coll-label\"\u003eSANS GLUTEN\u003c\/span\u003e\n      \u003cspan class=\"soi-coll-label\"\u003eSANS LACTOSE\u003c\/span\u003e\n      \u003cspan class=\"soi-coll-label\"\u003eGÉLULES VÉGÉTALES\u003c\/span\u003e\n      \u003cspan class=\"soi-coll-label\"\u003ePÊCHE DURABLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003cp class=\"soi-coll-section-intro\"\u003eÀ partir de 30 ans, notre corps produit naturellement moins de collagène. Résultat : la peau perd en fermeté, les articulations deviennent moins souples et les ongles se fragilisent. Le collagène marin en gélules SFB Laboratoires a justement été conçu pour compenser ce déclin progressif, avec une formule complète, naturelle et hautement assimilable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir un collagène marin plutôt qu'un autre ? --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un collagène marin plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cp\u003eTous les collagènes ne se valent pas. Le collagène marin présente une structure très proche du collagène humain, ce qui lui confère une \u003cstrong\u003ebiodisponibilité supérieure\u003c\/strong\u003e par rapport au collagène bovin ou végétal. Ici, SFB utilise un \u003cstrong\u003ehydrolysat de collagène marin de type I et III\u003c\/strong\u003e, issu de la pêche durable et garanti sans requin. La fragmentation enzymatique des peptides les rend immédiatement utilisables par l'organisme, sans effort digestif particulier.\u003c\/p\u003e\n    \u003cp\u003eCe collagène est également \u003cstrong\u003esans gluten, sans lactose et fabriqué en France\u003c\/strong\u003e, pour répondre aux exigences de qualité les plus strictes.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les bienfaits du collagène marin --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003eLes bienfaits du collagène marin : peau, articulations et bien plus\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coll-benefits\"\u003e\n      \u003cdiv class=\"soi-coll-benefit\"\u003e\n        \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau visiblement plus ferme\u003c\/h3\u003e\n        \u003cp\u003eLes peptides de collagène stimulent la synthèse naturelle de collagène cutané, aidant à lisser les rides et à améliorer l'éclat et l'hydratation du teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-benefit\"\u003e\n        \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e🦴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSouplesse articulaire retrouvée\u003c\/h3\u003e\n        \u003cp\u003eLe collagène de type I et III soutient les cartilages et les tissus conjonctifs, limitant les raideurs et favorisant une meilleure mobilité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-benefit\"\u003e\n        \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e💅\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux et ongles renforcés\u003c\/h3\u003e\n        \u003cp\u003eEn nourrissant les kératinocytes et les follicules pileux, le collagène marin contribue à des ongles moins cassants et des cheveux plus résistants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-benefit\"\u003e\n        \u003cdiv class=\"soi-coll-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C d'origine naturelle incluse dans la formule neutralise les radicaux libres responsables du vieillissement prématuré des cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition complète et dosage par gélule --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003eComposition complète et dosage par gélule\u003c\/h2\u003e\n    \u003cp\u003eChaque gélule végétale contient :\u003c\/p\u003e\n    \u003cdiv class=\"soi-coll-compo\"\u003e\n      \u003cdiv class=\"soi-coll-compo-row\"\u003e\n        \u003cspan class=\"soi-coll-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-compo-value\"\u003eHydrolysat de collagène marin (types I et III)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-compo-row\"\u003e\n        \u003cspan class=\"soi-coll-compo-label\"\u003eVitamine C naturelle (acérola)\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-compo-value\"\u003e80 mg (VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-compo-row\"\u003e\n        \u003cspan class=\"soi-coll-compo-label\"\u003eManganèse\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-compo-value\"\u003e2 mg (VNR)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-compo-row\"\u003e\n        \u003cspan class=\"soi-coll-compo-label\"\u003eEnveloppe\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-compo-value\"\u003eGélule végétale (sans gélatine animale)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-compo-row\"\u003e\n        \u003cspan class=\"soi-coll-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-compo-value\"\u003e90 gélules végétales (15 jours de cure)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-coll-tip\"\u003e\n      \u003cdiv class=\"soi-coll-tip-icon\"\u003eℹ️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n        \u003cp\u003eLa vitamine C contribue à la synthèse normale du collagène pour assurer le fonctionnement normal de la peau. Le manganèse contribue à la formation normale des tissus conjonctifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment prendre le collagène marin SFB ? --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003eComment prendre le collagène marin SFB ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coll-timeline\"\u003e\n      \u003cdiv class=\"soi-coll-step\"\u003e\n        \u003cdiv class=\"soi-coll-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-coll-step-content\"\u003e\n          \u003ch3\u003eDose recommandée\u003c\/h3\u003e\n          \u003cp\u003e6 gélules par jour, à répartir sur la journée, de préférence en dehors des repas pour une meilleure absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-step\"\u003e\n        \u003cdiv class=\"soi-coll-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-coll-step-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eLes premiers effets visibles apparaissent généralement après 6 à 8 semaines de prise régulière. Une cure de 3 mois est recommandée pour des résultats durables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-step\"\u003e\n        \u003cdiv class=\"soi-coll-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-coll-step-content\"\u003e\n          \u003ch3\u003eConseil pratique\u003c\/h3\u003e\n          \u003cp\u003eAssociez votre cure à une bonne hydratation (1,5 L d'eau par jour) et à une alimentation riche en protéines pour optimiser la synthèse du collagène.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Le collagène marin est-il dangereux ? --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003eLe collagène marin est-il dangereux ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coll-accordion\"\u003e\n      \u003cdetails class=\"soi-coll-accordion-item\" open\u003e\n        \u003csummary class=\"soi-coll-accordion-header\"\u003e⚠️ Précautions d'emploi et tolérance\u003c\/summary\u003e\n        \u003cdiv class=\"soi-coll-accordion-content\"\u003e\n          \u003cp\u003eLe collagène marin est globalement très bien toléré. Aucun effet indésirable majeur n'a été répertorié aux doses recommandées. Toutefois, si vous êtes \u003cstrong\u003eallergique aux produits de la mer\u003c\/strong\u003e, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical et n'est pas destiné à traiter, prévenir ou guérir une maladie. En cas de doute, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Récapitulatif produit --\u003e\n  \u003csection class=\"soi-coll-section\"\u003e\n    \u003ch2\u003eL'essentiel à retenir\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coll-grid-compact\"\u003e\n      \u003cdiv class=\"soi-coll-card-mini\"\u003e\n        \u003cspan class=\"soi-coll-card-mini-icon\"\u003e💊\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-label\"\u003eContenu\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-value\"\u003e90 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-card-mini\"\u003e\n        \u003cspan class=\"soi-coll-card-mini-icon\"\u003e📅\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-label\"\u003eDurée\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-value\"\u003e15 jours de cure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-card-mini\"\u003e\n        \u003cspan class=\"soi-coll-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coll-card-mini\"\u003e\n        \u003cspan class=\"soi-coll-card-mini-icon\"\u003e🌊\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-label\"\u003eSourcing\u003c\/span\u003e\n        \u003cspan class=\"soi-coll-card-mini-value\"\u003ePêche durable, sans requin\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-coll-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-coll-cta-box\"\u003e\n      \u003cp class=\"soi-coll-cta-tag\" style=\"color: white;\"\u003eVotre allié jeunesse au quotidien\u003c\/p\u003e\n      \u003cp class=\"soi-coll-cta-text\" style=\"color: white;\"\u003ePrendre soin de votre peau, de vos articulations et de votre vitalité n'est pas un luxe. Le Collagène Marin SFB vous accompagne avec une formule pure, efficace et respectueuse, pour que vous vous sentiez bien dans votre corps, durablement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-coll-marine: #1A2D3D;\n  --soi-coll-marine-dark: #0F1E2B;\n  --soi-coll-marine-light: #2C4458;\n  --soi-coll-pomme: #A1C544;\n  --soi-coll-pomme-dark: #84A636;\n  --soi-coll-pomme-light: rgba(161,197,68,0.10);\n  --soi-coll-white: #FFFFFF;\n  --soi-coll-off-white: #F8FAF6;\n  --soi-coll-stone: #F1F3EE;\n  --soi-coll-line: #E5E8E0;\n  --soi-coll-primary: #5BA8A0;\n  --soi-coll-primary-soft: #E8F4F2;\n  --soi-coll-accent: #7FBFB8;\n  --soi-coll-text: #1A2D3D;\n  --soi-coll-text-soft: #4A5B6B;\n  --soi-coll-text-muted: #7B8693;\n  --soi-coll-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-coll-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-coll-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-coll-radius: 12px;\n  --soi-coll-radius-sm: 8px;\n  --soi-coll-radius-pill: 999px;\n}\n\n.soi-coll-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-coll-fiche img { max-width: 100%; height: auto; }\n\n.soi-coll-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-coll-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-coll-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-coll-hero {\n  position: relative;\n  background: var(--soi-coll-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-coll-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-coll-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-coll-pomme);\n}\n\n.soi-coll-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-coll-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-coll-pomme);\n  border-radius: 50%;\n}\n\n.soi-coll-hero-title {\n  display: block;\n  color: var(--soi-coll-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-coll-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-coll-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-coll-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-coll-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-coll-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-coll-label-accent {\n  background: var(--soi-coll-pomme);\n  border-color: var(--soi-coll-pomme);\n  color: var(--soi-coll-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-coll-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-coll-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-coll-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-coll-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-coll-pomme);\n  border-radius: 2px;\n}\n\n.soi-coll-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-coll-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-coll-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-coll-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-coll-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-coll-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-coll-benefit {\n  background: var(--soi-coll-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-coll-radius);\n  border: 1px solid var(--soi-coll-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-coll-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-coll-shadow-md);\n}\n\n.soi-coll-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-coll-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-coll-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-coll-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-coll-benefit:hover .soi-coll-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-coll-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-coll-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-coll-benefit p {\n  font-size: 13px;\n  color: var(--soi-coll-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-coll-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-coll-card {\n  background: var(--soi-coll-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-coll-radius);\n  border-left: 3px solid var(--soi-coll-pomme);\n}\n\n.soi-coll-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-coll-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-coll-card p {\n  font-size: 14px;\n  color: var(--soi-coll-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-coll-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-coll-card-mini {\n  background: var(--soi-coll-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-coll-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-coll-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-coll-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-coll-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-coll-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-coll-marine);\n}\n\n\/* TIMELINE *\/\n.soi-coll-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-coll-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-coll-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-coll-radius);\n  border: 1px solid var(--soi-coll-line);\n  align-items: flex-start;\n}\n\n.soi-coll-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-coll-marine);\n  color: var(--soi-coll-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-coll-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-coll-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-coll-step-content p {\n  font-size: 14px;\n  color: var(--soi-coll-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-coll-compo {\n  background: var(--soi-coll-off-white);\n  border-radius: var(--soi-coll-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-coll-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-coll-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-coll-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-coll-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-coll-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-coll-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-coll-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-coll-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-coll-pomme-light);\n  border-left: 4px solid var(--soi-coll-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-coll-radius) var(--soi-coll-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-coll-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-coll-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-coll-marine);\n  margin-bottom: 4px;\n}\n\n.soi-coll-tip p {\n  font-size: 14px;\n  color: var(--soi-coll-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-coll-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-coll-accordion-item {\n  background: var(--soi-coll-off-white);\n  border-radius: var(--soi-coll-radius-sm);\n  border: 1px solid var(--soi-coll-line);\n  overflow: hidden;\n}\n\n.soi-coll-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-coll-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-coll-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-coll-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-coll-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-coll-accordion-item[open] .soi-coll-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-coll-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-coll-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-coll-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-coll-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* CTA BOX *\/\n.soi-coll-cta-box {\n  background: var(--soi-coll-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-coll-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-coll-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-coll-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-coll-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-coll-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-coll-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-coll-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-coll-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-coll-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-coll-compo-value {\n    text-align: left;\n  }\n\n  .soi-coll-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-coll-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-coll-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-coll-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-coll-fiche {\n    --soi-coll-text-soft: #2C3E50;\n    --soi-coll-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":61603763454282,"sku":"SF0090","price":11.92,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/collagene-marin-en-gelules-sfb-packshot.webp?v=1779719686","url":"https:\/\/www.soinature.com\/products\/collagene-marin-en-gelules-sfb","provider":"Soinature","version":"1.0","type":"link"}