{"product_id":"collagene-marin-90-gelules","title":"Collagène Marin en gélules","description":"\n\n\u003cdiv class=\"soi-colm-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-colm-hero\"\u003e\n    \u003cdiv class=\"soi-colm-hero-tag\"\u003e\n      \u003cspan class=\"soi-colm-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · MERalia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-colm-hero-title\"\u003eL'éclat retrouvé, depuis l'intérieur\u003c\/span\u003e\n    \u003cp class=\"soi-colm-hero-subtitle\"\u003eLe collagène marin MERalia associe des peptides issus de poissons de l'Atlantique à la vitamine C, la vitamine E et le zinc pour soutenir la fermeté, la tonicité et l'éclat naturel de votre peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Collagène Marin en gélules : soin peau visage tonique par MERalia --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eCollagène Marin en gélules : soin peau visage tonique par MERalia\u003c\/h2\u003e\n    \u003cp\u003eVotre peau perd naturellement du collagène à partir de 25 ans, environ 1 % chaque année. Rides, perte de fermeté, teint terne : les signes s'installent progressivement. Le Collagène Marin MERalia est conçu pour agir de l'intérieur, là où aucune crème ne peut vraiment atteindre, grâce à une formule complète pensée pour la peau, le visage et l'éclat naturel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi le collagène marin est-il si efficace ? --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003ePourquoi le collagène marin est-il si efficace ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement au collagène bovin, le collagène marin issu de la peau de poissons de l'Atlantique présente une structure moléculaire plus fine (type I), ce qui lui permet d'être mieux absorbé par l'organisme. Ses peptides pénètrent plus facilement dans la circulation sanguine pour atteindre les cellules cutanées en profondeur. C'est l'une des raisons pour lesquelles il est souvent préféré dans les formules orientées vers le soin de la peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les bienfaits du collagène marin MERalia --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eLes bienfaits du collagène marin MERalia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-colm-benefits\"\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🐟\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCollagène marin hydrolysé\u003c\/h3\u003e\n        \u003cp\u003eContribue à restaurer la fermeté cutanée, à réduire l'apparence des rides et à redonner tonus au visage. Sa haute biodisponibilité favorise une assimilation rapide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine C\u003c\/h3\u003e\n        \u003cp\u003eIndispensable à la synthèse naturelle du collagène. Contribue à l'éclat de la peau, à la santé des gencives, des os et des vaisseaux sanguins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine E\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant puissant qui protège les cellules cutanées contre le stress oxydatif et les radicaux libres responsables du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-benefit\"\u003e\n        \u003cdiv class=\"soi-colm-benefit-icon\"\u003e\u003cspan\u003e⚡\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eZinc\u003c\/h3\u003e\n        \u003cp\u003eParticipe au maintien d'une peau normale et saine, soutient la réparation cellulaire et renforce la résistance cutanée aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et posologie --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eComposition et posologie\u003c\/h2\u003e\n    \u003cp class=\"soi-colm-section-intro\"\u003eChaque gélule de Collagène Marin MERalia réunit quatre actifs complémentaires pour un soin complet de votre peau.\u003c\/p\u003e\n    \u003cdiv class=\"soi-colm-compo\"\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eCollagène marin hydrolysé\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003ePeau de poisson (Atlantique), dosage concentré par gélule\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eVitamine C (acide ascorbique)\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003e80 mg · 100 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eVitamine E (tocophérol)\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003e12 mg · 100 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-compo-row\"\u003e\n        \u003cspan class=\"soi-colm-compo-label\"\u003eZinc\u003c\/span\u003e\n        \u003cspan class=\"soi-colm-compo-value\"\u003e10 mg · 100 % des VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-colm-timeline\"\u003e\n      \u003cdiv class=\"soi-colm-step\"\u003e\n        \u003cdiv class=\"soi-colm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-colm-step-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez 3 gélules par jour avec un grand verre d'eau, de préférence au moment du repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-step\"\u003e\n        \u003cdiv class=\"soi-colm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-colm-step-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de 6 à 8 semaines est conseillée pour observer des résultats visibles sur la fermeté et l'éclat du teint.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-colm-tip\"\u003e\n      \u003cdiv class=\"soi-colm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eRépétez la cure 2 à 3 fois par an pour un effet durable sur la qualité de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Collagène marin : y a-t-il des dangers ? --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eCollagène marin : y a-t-il des dangers ?\u003c\/h2\u003e\n    \u003cp\u003eLe collagène marin est généralement très bien toléré. Les rares effets indésirables rapportés se limitent à de légères gênes digestives en début de cure.\u003c\/p\u003e\n    \u003cdiv class=\"soi-colm-accordion\"\u003e\n      \u003cdetails class=\"soi-colm-accordion-item\"\u003e\n        \u003csummary class=\"soi-colm-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-colm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire est déconseillé aux personnes allergiques aux poissons ou aux fruits de mer. En cas de doute, consultez un professionnel de santé avant de commencer une supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-colm-accordion-item\"\u003e\n        \u003csummary class=\"soi-colm-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-colm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical. Il est recommandé de consulter votre médecin en cas de traitement en cours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser le collagène marin pour de meilleurs résultats ? --\u003e\n  \u003csection class=\"soi-colm-section\"\u003e\n    \u003ch2\u003eComment utiliser le collagène marin pour de meilleurs résultats ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-colm-grid\"\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e💧 Hydratation quotidienne\u003c\/h3\u003e\n        \u003cp\u003eAssociez votre cure à une bonne hydratation : 1,5 L d'eau minimum par jour pour soutenir l'action du collagène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e🍋 Vitamine C naturelle\u003c\/h3\u003e\n        \u003cp\u003eComplétez avec une alimentation riche en vitamine C naturelle (agrumes, poivrons) pour favoriser la synthèse endogène du collagène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e☀️ Protection solaire\u003c\/h3\u003e\n        \u003cp\u003eProtégez votre peau du soleil : les UV accélèrent la dégradation du collagène cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-colm-card\"\u003e\n        \u003ch3\u003e🔄 Renouvellement de la cure\u003c\/h3\u003e\n        \u003cp\u003eRépétez la cure 2 à 3 fois par an pour un effet durable sur la fermeté et l'éclat de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-colm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-colm-cta-box\"\u003e\n      \u003cp class=\"soi-colm-cta-tag\" style=\"color: white;\"\u003eVotre rituel beauté depuis l'intérieur\u003c\/p\u003e\n      \u003cp class=\"soi-colm-cta-text\" style=\"color: white;\"\u003eAvec le Collagène Marin MERalia, chaque gélule est un geste concret pour retrouver un visage plus ferme, un teint plus lumineux et une peau qui vous ressemble vraiment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-colm-marine: #1A2D3D;\n  --soi-colm-marine-dark: #0F1E2B;\n  --soi-colm-marine-light: #2C4458;\n  --soi-colm-pomme: #A1C544;\n  --soi-colm-pomme-dark: #84A636;\n  --soi-colm-pomme-light: rgba(161,197,68,0.10);\n  --soi-colm-white: #FFFFFF;\n  --soi-colm-off-white: #F8FAF6;\n  --soi-colm-stone: #F1F3EE;\n  --soi-colm-line: #E5E8E0;\n  --soi-colm-primary: #4A8BB5;\n  --soi-colm-primary-soft: #D6E8F3;\n  --soi-colm-accent: #3366AA;\n  --soi-colm-text: #1A2D3D;\n  --soi-colm-text-soft: #4A5B6B;\n  --soi-colm-text-muted: #7B8693;\n  --soi-colm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-colm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-colm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-colm-radius: 12px;\n  --soi-colm-radius-sm: 8px;\n  --soi-colm-radius-pill: 999px;\n}\n\n.soi-colm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-colm-fiche img { max-width: 100%; height: auto; }\n\n.soi-colm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-colm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-colm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-colm-hero {\n  position: relative;\n  background: var(--soi-colm-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-colm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-colm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-colm-pomme);\n}\n\n.soi-colm-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-colm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-colm-pomme);\n  border-radius: 50%;\n}\n\n.soi-colm-hero-title {\n  display: block;\n  color: var(--soi-colm-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-colm-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-colm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-colm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-colm-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-colm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-colm-pomme);\n  border-radius: 2px;\n}\n\n.soi-colm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-colm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-colm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-colm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-colm-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-colm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-colm-benefit {\n  background: var(--soi-colm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-colm-radius);\n  border: 1px solid var(--soi-colm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-colm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-colm-shadow-md);\n}\n\n.soi-colm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-colm-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-colm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-colm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-colm-benefit:hover .soi-colm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-colm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-colm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-colm-benefit p {\n  font-size: 13px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-colm-compo {\n  background: var(--soi-colm-off-white);\n  border-radius: var(--soi-colm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-colm-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-colm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-colm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-colm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-colm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-colm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-colm-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-colm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-colm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-colm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-colm-radius);\n  border: 1px solid var(--soi-colm-line);\n  align-items: flex-start;\n}\n\n.soi-colm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-colm-marine);\n  color: var(--soi-colm-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-colm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-colm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-colm-step-content p {\n  font-size: 14px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-colm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-colm-pomme-light);\n  border-left: 4px solid var(--soi-colm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-colm-radius) var(--soi-colm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-colm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-colm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-colm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-colm-tip p {\n  font-size: 14px;\n  color: var(--soi-colm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-colm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-colm-card {\n  background: var(--soi-colm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-colm-radius);\n  border-left: 3px solid var(--soi-colm-pomme);\n}\n\n.soi-colm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-colm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-colm-card p {\n  font-size: 14px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-colm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1rem;\n}\n\n.soi-colm-accordion-item {\n  background: var(--soi-colm-off-white);\n  border-radius: var(--soi-colm-radius-sm);\n  border: 1px solid var(--soi-colm-line);\n  overflow: hidden;\n}\n\n.soi-colm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-colm-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-colm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-colm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-colm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-colm-accordion-item[open] .soi-colm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-colm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-colm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-colm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-colm-cta-box {\n  background: var(--soi-colm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-colm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-colm-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-colm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-colm-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-colm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-colm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-colm-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-colm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-colm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-colm-compo-value {\n    text-align: left;\n  }\n\n  .soi-colm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-colm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-colm-fiche {\n    --soi-colm-text-soft: #2C3E50;\n    --soi-colm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Meralia","offers":[{"title":"Default Title","offer_id":61602936815946,"sku":"ME4004","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/collagene-marin-en-gelules-packshot_11zon.webp?v=1780156106","url":"https:\/\/www.soinature.com\/products\/collagene-marin-90-gelules","provider":"Soinature","version":"1.0","type":"link"}