{"product_id":"dermoline-collagen-60-gelules-lt-labo","title":"Dermoline collagen - 60 gélules - LT Labo","description":"\u003cdiv class=\"soi-derm-fiche\"\u003e\n\n  \u003csection class=\"soi-derm-hero\"\u003e\n    \u003cdiv class=\"soi-derm-hero-tag\"\u003e\n      \u003cspan class=\"soi-derm-tag-dot\"\u003e\u003c\/span\u003e\n      Complément alimentaire · LT Labo\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-derm-hero-title\"\u003ePrendre soin de votre peau de l'intérieur\u003c\/span\u003e\n    \u003cp class=\"soi-derm-hero-subtitle\"\u003eCollagène marin Naticol®, acide hyaluronique et vitamine C d'acérola réunis dans une gélule d'origine végétale, pour accompagner l'élasticité et l'éclat de votre peau au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-hero-labels\"\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eCOLLAGÈNE MARIN NATICOL®\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label soi-derm-label-accent\"\u003eGÉLULE D'ORIGINE VÉGÉTALE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eDermoline Collagen : un complément alimentaire au collagène marin pour la peau\u003c\/h2\u003e\n    \u003cp\u003eVous recherchez un complément alimentaire au collagène facile à intégrer à votre quotidien ? Dermoline Collagen de LT Labo associe du \u003cstrong\u003ecollagène marin Naticol®\u003c\/strong\u003e, de l'\u003cstrong\u003eacide hyaluronique\u003c\/strong\u003e et de la \u003cstrong\u003evitamine C d'acérola\u003c\/strong\u003e, le tout réuni dans une gélule d'origine végétale.\u003c\/p\u003e\n    \u003cp\u003eIl s'adresse à celles et ceux qui souhaitent prendre soin de leur peau de l'intérieur, jour après jour.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eCollagène et peau : pourquoi y penser ?\u003c\/h2\u003e\n    \u003cp\u003eLe collagène est une protéine qui structure le derme et participe à la souplesse ainsi qu'à l'élasticité de la peau. Avec le temps, sa production naturelle ralentit. Le soleil, la pollution, le tabac, le manque de sommeil ou le stress peuvent également laisser des traces sur la qualité de votre peau.\u003c\/p\u003e\n    \u003cp\u003eLe collagène marin est apprécié pour ses peptides de petite taille. Dans cette formule, il s'agit de collagène \u003cstrong\u003ede type I et III\u003c\/strong\u003e, les types présents dans la peau, hydrolysé pour être facile à assimiler. Pris régulièrement, il s'intègre à une routine globale : hydratation, protection solaire et alimentation variée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eTrois actifs complémentaires dans chaque dose\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-benefits\"\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🐟\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCollagène marin Naticol®\u003c\/h3\u003e\n        \u003cp\u003e600 mg par dose de peptides de bas poids moléculaire, obtenus par hydrolyse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAcide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003e100 mg par dose d'une molécule naturellement présente dans la peau, sous forme d'hyaluronate de sodium d'origine végétale, de poids moléculaire moyen.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🍒\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine C d'acérola\u003c\/h3\u003e\n        \u003cp\u003e12 mg par dose. Elle contribue à la formation normale de collagène pour assurer la fonction normale de la peau, et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-derm-section-outro\"\u003eCette association en fait un complément alimentaire au collagène cohérent, qui soutient aussi l'éclat de la peau, des ongles et des cheveux dans une démarche de bien-être global.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n    \u003cp class=\"soi-derm-section-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e hydrolysat de collagène marin Naticol® (poissons) ; gélule d'origine végétale : hydroxypropylméthylcellulose ; acide hyaluronique (hyaluronate de sodium d'origine végétale) ; extrait de baie d'acérola (\u003cem\u003eMalpighia punicifolia L.\u003c\/em\u003e) standardisé en vitamine C ; anti-agglomérant : sels de magnésium d'acides gras.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-compo\"\u003e\n      \u003cdiv class=\"soi-derm-compo-row soi-derm-compo-head\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eComposition\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003ePour 2 gélules · VNR*\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eCollagène marin\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003e600 mg · VNR non établie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eAcide hyaluronique\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003e100 mg · VNR non établie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eVitamine C issue d'acérola\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003e12 mg · 15 % VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-derm-note\"\u003e*VNR : Valeurs Nutritionnelles de Référence. Soit environ 300 mg de collagène, 50 mg d'acide hyaluronique et 6 mg de vitamine C par gélule.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eComment prendre Dermoline Collagen ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-timeline\"\u003e\n      \u003cdiv class=\"soi-derm-step\"\u003e\n        \u003cdiv class=\"soi-derm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-derm-step-content\"\u003e\n          \u003ch3\u003eDeux gélules par jour\u003c\/h3\u003e\n          \u003cp\u003ePrenez 2 gélules par jour, par voie orale, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step\"\u003e\n        \u003cdiv class=\"soi-derm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-derm-step-content\"\u003e\n          \u003ch3\u003eUn moment fixe\u003c\/h3\u003e\n          \u003cp\u003eChoisissez un moment fixe, le petit-déjeuner par exemple, pour ne pas oublier votre prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step\"\u003e\n        \u003cdiv class=\"soi-derm-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-derm-step-content\"\u003e\n          \u003ch3\u003eUn pilulier pour un mois\u003c\/h3\u003e\n          \u003cp\u003eComptez 1 pilulier de 60 gélules pour 1 mois. Une utilisation sur plusieurs mois est généralement recommandée pour une routine de fond.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-derm-section-outro\"\u003eNe dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eQuels résultats attendre du collagène pour la peau ?\u003c\/h2\u003e\n    \u003cp\u003eLes photos « avant après » circulent beaucoup, mais chaque peau est différente : âge, mode de vie, exposition au soleil, alimentation. Aucun complément ne garantit un résultat identique pour tous.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-tip\"\u003e\n      \u003cdiv class=\"soi-derm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour suivre votre propre évolution, prenez une photo à la même lumière et sans maquillage au début de la cure, puis toutes les 4 semaines. Notez aussi vos habitudes (hydratation, sommeil, crème solaire) : elles comptent autant que le complément.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eComment choisir le meilleur collagène pour la peau ?\u003c\/h2\u003e\n    \u003cp class=\"soi-derm-section-intro\"\u003ePlutôt que de chercher un « meilleur collagène » universel, nous vous conseillons de vérifier ces quelques points :\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-grid\"\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003eLe type de collagène\u003c\/h3\u003e\n        \u003cp\u003eLes types I et III sont ceux à privilégier pour la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003eLa forme hydrolysée\u003c\/h3\u003e\n        \u003cp\u003eUne forme plus simple à assimiler par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003eLes synergies\u003c\/h3\u003e\n        \u003cp\u003eL'association avec la vitamine C et l'acide hyaluronique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003eLa transparence\u003c\/h3\u003e\n        \u003cp\u003eDes dosages clairement indiqués pour chaque actif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-derm-section-outro\"\u003eDermoline Collagen répond à ces critères, avec une gélule végétale et une formule lisible. À noter : le collagène étant d'origine marine, ce produit \u003cstrong\u003ene convient pas aux végétariens, aux végans ni aux personnes allergiques au poisson\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-accordion\"\u003e\n      \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n        \u003csummary class=\"soi-derm-accordion-header\"\u003eUsage et hygiène de vie\u003c\/summary\u003e\n        \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical, ni une alimentation variée et équilibrée et un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n        \u003csummary class=\"soi-derm-accordion-header\"\u003eFemmes enceintes et enfants\u003c\/summary\u003e\n        \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes sans avis médical. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n        \u003csummary class=\"soi-derm-accordion-header\"\u003eConservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur, dans un endroit sec.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n        \u003csummary class=\"soi-derm-accordion-header\"\u003eRecyclage du pilulier\u003c\/summary\u003e\n        \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n          \u003cp\u003ePilulier à déposer dans le bac de tri jaune (règles variables selon les localités).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-derm-cta-box\"\u003e\n      \u003cp class=\"soi-derm-cta-tag\" style=\"color: white;\"\u003eUn rendez-vous quotidien pour votre peau\u003c\/p\u003e\n      \u003cp class=\"soi-derm-cta-text\" style=\"color: white;\"\u003eDeux gélules, un geste simple : collagène marin, acide hyaluronique et vitamine C d'acérola s'associent pour accompagner l'élasticité et l'éclat de votre peau, avec régularité et bienveillance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-derm-marine: #1A2D3D;\n  --soi-derm-marine-dark: #0F1E2B;\n  --soi-derm-marine-light: #2C4458;\n  --soi-derm-pomme: #A1C544;\n  --soi-derm-pomme-dark: #84A636;\n  --soi-derm-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-derm-white: #FFFFFF;\n  --soi-derm-off-white: #F8FAF6;\n  --soi-derm-stone: #F1F3EE;\n  --soi-derm-line: #E5E8E0;\n\n  --soi-derm-primary: #D98C8C;\n  --soi-derm-primary-soft: #F8EDEC;\n  --soi-derm-accent: #D4A8A4;\n\n  --soi-derm-text: #1A2D3D;\n  --soi-derm-text-soft: #4A5B6B;\n  --soi-derm-text-muted: #7B8693;\n\n  --soi-derm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-derm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-derm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-derm-radius: 12px;\n  --soi-derm-radius-sm: 8px;\n  --soi-derm-radius-pill: 999px;\n}\n\n.soi-derm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-derm-fiche img { max-width: 100%; height: auto; }\n\n.soi-derm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-derm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-derm-hero {\n  position: relative;\n  background: var(--soi-derm-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-derm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-derm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--soi-derm-pomme) 0%, var(--soi-derm-pomme) 70%, var(--soi-derm-primary) 70%, var(--soi-derm-primary) 100%);\n}\n\n.soi-derm-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: clamp(10px, 1.5vw, 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-derm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-derm-pomme);\n  border-radius: 50%;\n}\n\n.soi-derm-hero-title {\n  display: block;\n  color: var(--soi-derm-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-derm-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-derm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-derm-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-derm-white);\n  font-size: clamp(10px, 1.5vw, 11px);\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-derm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-derm-label-accent {\n  background: var(--soi-derm-pomme);\n  border-color: var(--soi-derm-pomme);\n  color: var(--soi-derm-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-derm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-derm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-derm-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-derm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-derm-pomme);\n  border-radius: 2px;\n}\n\n.soi-derm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-derm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-derm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-derm-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-derm-section .soi-derm-section-outro {\n  margin-top: 1.5rem;\n}\n\n.soi-derm-section .soi-derm-note {\n  margin-top: 1rem;\n  font-size: clamp(12px, 1.6vw, 13px);\n  color: var(--soi-derm-text-muted);\n}\n\n.soi-derm-section strong {\n  color: var(--soi-derm-marine);\n  font-weight: 600;\n}\n\n\/* BENEFITS *\/\n.soi-derm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-derm-benefit {\n  background: var(--soi-derm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  border-top: 3px solid var(--soi-derm-primary);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-derm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-derm-shadow-md);\n}\n\n.soi-derm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-derm-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-derm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-derm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-derm-benefit:hover .soi-derm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-derm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-benefit p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-derm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-derm-card {\n  background: var(--soi-derm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border-left: 3px solid var(--soi-derm-pomme);\n}\n\n.soi-derm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-card p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-derm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-derm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-derm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  align-items: flex-start;\n}\n\n.soi-derm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-derm-marine);\n  color: var(--soi-derm-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-derm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-derm-step-content p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-derm-compo {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-derm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-derm-compo-head {\n  background: var(--soi-derm-primary-soft);\n  margin-top: -0.5rem;\n}\n\n.soi-derm-compo-head .soi-derm-compo-label {\n  color: var(--soi-derm-marine);\n  font-weight: 600;\n}\n\n.soi-derm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-derm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-derm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-derm-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-derm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-derm-pomme-light);\n  border-left: 4px solid var(--soi-derm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-derm-radius) var(--soi-derm-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-derm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-derm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-derm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-derm-tip p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-derm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-derm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-derm-accordion-item {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius-sm);\n  border: 1px solid var(--soi-derm-line);\n  overflow: hidden;\n}\n\n.soi-derm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-derm-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-derm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-derm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-derm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-derm-accordion-item[open] .soi-derm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-derm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-derm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-derm-cta-box {\n  background: var(--soi-derm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-derm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-derm-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(10px, 1.5vw, 11px);\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-derm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-derm-section .soi-derm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(17px, 3vw, 21px);\n  font-weight: 500;\n  color: var(--soi-derm-white);\n  line-height: 1.4;\n  margin: 0 auto;\n  max-width: 620px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-derm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-derm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-derm-compo-value {\n    text-align: left;\n  }\n\n  .soi-derm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-derm-fiche * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-derm-fiche {\n    --soi-derm-text-soft: #2C3E50;\n    --soi-derm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"LT Labo","offers":[{"title":"Default Title","offer_id":62333279699274,"sku":"LT0450","price":25.35,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dermoline-collagen-60-gelules-lt-labo-packshot.webp?v=1793357509","url":"https:\/\/firmtoaromatherapy.com\/products\/dermoline-collagen-60-gelules-lt-labo","provider":"Soinature","version":"1.0","type":"link"}