{"product_id":"dermoline-hydric-serum-30ml","title":"Sérum Hydratant Bio Dermoline Hydric - 30 ml - LT Labo","description":"\u003cdiv class=\"soi-derm-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\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      Cosmétiques et soins beauté · LT Labo\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-derm-hero-title\"\u003eSérum hydratant visage ultra-concentré\u003c\/span\u003e\n    \u003cp class=\"soi-derm-hero-subtitle\"\u003eSept actifs naturels d'exception pour une hydratation intense, une repulpation visible et une régénération en profondeur de votre épiderme.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-hero-labels\"\u003e\n      \u003cspan class=\"soi-derm-label soi-derm-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pourquoi choisir ce sérum --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce sérum hydratant visage certifié bio ?\u003c\/h2\u003e\n    \u003cp\u003eParmi les nombreux sérums hydratants visage disponibles, le Dermoline Hydric se distingue par sa double promesse : une texture ultra-légère qui pénètre instantanément, sans film gras, et une composition bio rigoureusement sélectionnée. Là où d'autres formules misent sur un seul actif phare, celui-ci associe \u003cstrong\u003esept actifs complémentaires\u003c\/strong\u003e pour agir sur tous les niveaux de l'hydratation cutanée.\u003c\/p\u003e\n    \u003cp\u003eIl est particulièrement recommandé pour les \u003cstrong\u003epeaux sèches, sensibles ou matures\u003c\/strong\u003e qui réclament un soin concentré et respectueux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Les actifs clés --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eLes actifs clés et leurs bienfaits concrets\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-grid\"\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eVéritable aimant à eau, il maintient l'équilibre hydrique de la peau et atténue les signes visibles de déshydratation dès les premières applications.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🌿 Silicium végétal\u003c\/h3\u003e\n        \u003cp\u003eStimule la synthèse naturelle de collagène pour une peau plus ferme et plus élastique dans la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🫒 Huile de Jojoba Bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur sans occlusion, idéale pour les peaux qui tolèrent mal les textures riches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🌱 Aloe Vera Bio\u003c\/h3\u003e\n        \u003cp\u003eApaisant et régénérant, il calme les inconforts et renforce la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🍵 Extrait de Thé Vert Bio\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant puissant, il neutralise les radicaux libres responsables du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E\u003c\/h3\u003e\n        \u003cp\u003eProtège les cellules cutanées et potentialise l'action des autres actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🌸 Hamamélis\u003c\/h3\u003e\n        \u003cp\u003eResserre les pores, unifie le grain de peau et réduit les petites imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Comment utiliser --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eComment utiliser le sérum Dermoline Hydric ?\u003c\/h2\u003e\n    \u003cp class=\"soi-derm-section-intro\"\u003eIntégrez ce sérum hydratant à votre routine matin et\/ou soir, sur une peau propre et légèrement humide.\u003c\/p\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\u003eDosez\u003c\/h3\u003e\n          \u003cp\u003eAppuyez une à deux fois sur la pompe pour déposer le sérum dans le creux de votre main.\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\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eRépartissez par légers tapotements sur le visage et le cou, en insistant sur les zones tiraillées.\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\u003eComplétez\u003c\/h3\u003e\n          \u003cp\u003eLaissez pénétrer quelques secondes, puis appliquez votre soin habituel si vous souhaitez superposer les textures.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\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 des résultats durables sur la repulpation et la fermeté, une cure de 4 à 6 semaines est recommandée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition complète --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Glycerin, Simmondsia Chinensis (Jojoba) Seed Oil*, Camellia Sinensis Leaf Extract*, Sodium Hyaluronate, Silicon (Vegetal), Hamamelis Virginiana Water, Tocopherol (Vitamine E), Parfum naturel, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n    \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-compo\"\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003eFlacon pompe airless 30 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003eCOSMOS Organic par Cosmébio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eActifs principaux\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003e7 actifs complémentaires\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Engagements --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eEngagements LT Labo : une formule éthique et responsable\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\u003eCertifié COSMOS Organic\u003c\/h3\u003e\n        \u003cp\u003eFormulation bio vérifiée par Cosmébio, organisme indépendant.\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\u003eSans parabènes, sans silicones\u003c\/h3\u003e\n        \u003cp\u003eRespectueux de votre peau et de l'environnement.\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\u003eNon testé sur les animaux\u003c\/h3\u003e\n        \u003cp\u003eEngagement éthique total de la marque LT Labo.\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\u003eFlacon pompe airless\u003c\/h3\u003e\n        \u003cp\u003ePréserve l'intégrité de la formule et limite le gaspillage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Ce sérum est-il fait pour vous ? --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eCe sérum est-il fait pour vous ?\u003c\/h2\u003e\n    \u003cp\u003eSi vous cherchez un sérum hydratant visage pour une peau qui manque de tonus, de rebond et de confort, le Dermoline Hydric coche toutes les cases : texture non grasse, certification bio sérieuse, actifs synergiques et format hygiénique. Il convient à toutes les peaux, avec une attention particulière pour les \u003cstrong\u003epeaux sèches, sensibles et matures\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-accordion\"\u003e\n      \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n        \u003csummary class=\"soi-derm-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis ou un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\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;\"\u003ePrendre soin de soi naturellement, en commançant par la peau\u003c\/p\u003e\n      \u003cp class=\"soi-derm-cta-text\" style=\"color: white;\"\u003eParce que votre peau mérite bien plus qu'une hydratation en surface, le Dermoline Hydric Sérum va chercher l'eau là où elle manque vraiment. Sept actifs bio, une texture fondante, une certification sérieuse : pour une peau repulpée, apaisée et véritablement régénérée.\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  --soi-derm-white: #FFFFFF;\n  --soi-derm-off-white: #F8FAF6;\n  --soi-derm-stone: #F1F3EE;\n  --soi-derm-line: #E5E8E0;\n  --soi-derm-primary: #7A9A8E;\n  --soi-derm-primary-soft: #D6E4DF;\n  --soi-derm-accent: #6B8F5E;\n  --soi-derm-text: #1A2D3D;\n  --soi-derm-text-soft: #4A5B6B;\n  --soi-derm-text-muted: #7B8693;\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: var(--soi-derm-pomme);\n}\n\n.soi-derm-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-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(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-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: 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\/* 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  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: 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: 13px;\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(260px, 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: 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  margin-bottom: 1.5rem;\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: 15px;\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: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION DATA ROWS *\/\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  margin-top: 1.25rem;\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-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}\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: 14px;\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  margin-top: 1.25rem;\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: 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-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-derm-white);\n  line-height: 1.5;\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-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;\n    transition: none;\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":61603124838730,"sku":"LT0025","price":46.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dermoline-hydric-serum-certifie-bio-30-ml-lt-labo-packshot.webp?v=1779718957","url":"https:\/\/www.soinature.com\/products\/dermoline-hydric-serum-30ml","provider":"Soinature","version":"1.0","type":"link"}