{"product_id":"masque-keratine-certifie-bio-coslys","title":"Masque Kératine certifié bio – Coslys","description":"\u003cdiv class=\"soi-mker-fiche\"\u003e\n\n\u003csection class=\"soi-mker-hero\"\u003e\n  \u003cdiv class=\"soi-mker-hero-tag\"\u003e\n    \u003cspan class=\"soi-mker-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques et soins capillaires · Coslys\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-mker-hero-title\"\u003eRéparation végétale pour cheveux fragilisés\u003c\/span\u003e\n  \u003cp class=\"soi-mker-hero-subtitle\"\u003eLa phytokératine et la fleur de lys bio s'allient dans une formule à 99 % d'origine naturelle pour restaurer, lisser et protéger vos cheveux dès la première application.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mker-hero-labels\"\u003e\n    \u003cspan class=\"soi-mker-label soi-mker-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-mker-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-mker-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-mker-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-mker-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n  \u003ch2\u003ePourquoi ce masque à la kératine fait vraiment la différence\u003c\/h2\u003e\n  \u003cp class=\"soi-mker-section-intro\"\u003eParmi les nombreux masques capillaires à la kératine disponibles sur le marché, celui de Coslys se distingue par la qualité de ses actifs et son engagement bio. Là où beaucoup de formules conventionnelles s'appuient sur des agents synthétiques, Coslys mise sur des ingrédients d'origine naturelle sans sacrifier l'efficacité.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mker-benefits\"\u003e\n    \u003cdiv class=\"soi-mker-benefit\"\u003e\n      \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePhytokératine végétale\u003c\/h3\u003e\n      \u003cp\u003eElle pénètre la fibre capillaire pour combler les zones fragilisées, réduire la porosité et restaurer la résistance du cheveu de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-benefit\"\u003e\n      \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFleur de lys bio\u003c\/h3\u003e\n      \u003cp\u003eRiche en actifs adoucissants, elle enveloppe le cheveu d'une pellicule protectrice qui facilite le démêlage et apporte de la légèreté.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-benefit\"\u003e\n      \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eThermo-protection intégrée\u003c\/h3\u003e\n      \u003cp\u003eLe masque forme un bouclier contre la chaleur du sèche-cheveux ou du fer à lisser, idéal si vous coiffez vos cheveux régulièrement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-benefit\"\u003e\n      \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eLissage et discipline durables\u003c\/h3\u003e\n      \u003cp\u003eLes cheveux indisciplinés retrouvent de la souplesse, du galbe et une surface visiblement plus lisse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n  \u003ch2\u003ePour qui est ce masque kératine cheveux ?\u003c\/h2\u003e\n  \u003cp\u003eCe soin est conçu spécifiquement pour les cheveux fragilisés, abîmés, colorés ou frisottants. Si vos pointes sont sèches, si vos cheveux cassent facilement ou si le brushing ne tient pas, ce masque kératine action intensive est fait pour vous.\u003c\/p\u003e\n  \u003cp\u003eIl convient aussi bien aux cheveux fins (en usage ponctuel) qu'aux cheveux épais ou bouclés qui nécessitent un soin structurant régulier.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n  \u003ch2\u003eComment utiliser le masque kératine Coslys : les 3 étapes clés\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mker-timeline\"\u003e\n    \u003cdiv class=\"soi-mker-step\"\u003e\n      \u003cdiv class=\"soi-mker-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-mker-step-content\"\u003e\n        \u003ch3\u003eAppliquez sur cheveux essorés\u003c\/h3\u003e\n        \u003cp\u003eAprès le shampoing, essorez légèrement vos cheveux. Appliquez une noisette généreuse de masque sur les longueurs et les pointes, en évitant le cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-step\"\u003e\n      \u003cdiv class=\"soi-mker-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-mker-step-content\"\u003e\n        \u003ch3\u003eLaissez poser 3 à 5 minutes\u003c\/h3\u003e\n        \u003cp\u003ePour un soin intensif hebdomadaire, enveloppez vos cheveux dans une serviette chaude pour amplifier la pénétration des actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-step\"\u003e\n      \u003cdiv class=\"soi-mker-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-mker-step-content\"\u003e\n        \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau tiède, puis séchez et coiffez comme à votre habitude. Résultat immédiat : des cheveux plus lisses, plus doux et visiblement nourris.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mker-tip\"\u003e\n    \u003cdiv class=\"soi-mker-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour un rituel complet, associez ce masque au shampoing et à l'après-shampoing de la gamme Sublime Kératine Coslys pour décupler les effets réparateurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n  \u003ch2\u003eComposition du masque kératine bio Coslys\u003c\/h2\u003e\n  \u003cp class=\"soi-mker-section-intro\"\u003eFormule certifiée Cosmos Organic, à 99 % d'origine naturelle.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mker-grid\"\u003e\n    \u003cdiv class=\"soi-mker-card\"\u003e\n      \u003ch3\u003e🌿 Phytokératine (kératine d'origine végétale)\u003c\/h3\u003e\n      \u003cp\u003eActif réparateur principal, restructure la fibre capillaire en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-card\"\u003e\n      \u003ch3\u003e🌸 Extrait de fleur de lys bio\u003c\/h3\u003e\n      \u003cp\u003eAdoucissant, protecteur et sublimateur de brillance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-card\"\u003e\n      \u003ch3\u003e💧 Agents conditionneurs naturels\u003c\/h3\u003e\n      \u003cp\u003eFacilitent le démêlage et lissent les écailles du cheveu.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mker-compo\"\u003e\n    \u003cdiv class=\"soi-mker-compo-row\"\u003e\n      \u003cspan class=\"soi-mker-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-mker-compo-value\"\u003e250 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-compo-row\"\u003e\n      \u003cspan class=\"soi-mker-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-mker-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-compo-row\"\u003e\n      \u003cspan class=\"soi-mker-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-mker-compo-value\"\u003e99 %\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-compo-row\"\u003e\n      \u003cspan class=\"soi-mker-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-mker-compo-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-compo-row\"\u003e\n      \u003cspan class=\"soi-mker-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-mker-compo-value\"\u003eSilicones, parabènes, colorants synthétiques\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n  \u003ch2\u003eQuestions fréquentes sur le masque cheveux à la kératine\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mker-accordion\"\u003e\n    \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n      \u003csummary class=\"soi-mker-accordion-header\"\u003e🔄 À quelle fréquence utiliser ce masque kératine ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n        \u003cp\u003eUne fois par semaine pour un soin réparateur en profondeur, ou deux fois par semaine si vos cheveux sont très abîmés ou colorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n      \u003csummary class=\"soi-mker-accordion-header\"\u003e🎨 Ce masque kératine est-il compatible avec les cheveux colorés ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n        \u003cp\u003eOui, sa formule douce et sans sulfates ni agents agressifs le rend tout à fait adapté aux cheveux colorés ou décolorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n      \u003csummary class=\"soi-mker-accordion-header\"\u003e⏱️ Peut-on l'utiliser comme après-shampoing express ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n        \u003cp\u003eAbsolument. Une application de 2 minutes suffit pour retrouver des cheveux démêlés et soyeux au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-mker-cta-box\"\u003e\n    \u003cp class=\"soi-mker-cta-tag\" style=\"color: white;\"\u003eUn soin capillaire certifié bio, efficace et éthique\u003c\/p\u003e\n    \u003cp class=\"soi-mker-cta-text\" style=\"color: white;\"\u003eQuand vos cheveux semblent à bout de souffle, ce masque kératine bio Coslys répare, lisse et protège grâce à des actifs naturels certifiés, sans compromis sur l'éthique ni sur l'efficacité.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mker-marine: #1A2D3D;\n  --soi-mker-marine-dark: #0F1E2B;\n  --soi-mker-marine-light: #2C4458;\n  --soi-mker-pomme: #A1C544;\n  --soi-mker-pomme-dark: #84A636;\n  --soi-mker-pomme-light: rgba(161,197,68,0.10);\n  --soi-mker-white: #FFFFFF;\n  --soi-mker-off-white: #F8FAF6;\n  --soi-mker-stone: #F1F3EE;\n  --soi-mker-line: #E5E8E0;\n  --soi-mker-primary: #D4A8B5;\n  --soi-mker-primary-soft: #F2E4EA;\n  --soi-mker-accent: #C084A0;\n  --soi-mker-text: #1A2D3D;\n  --soi-mker-text-soft: #4A5B6B;\n  --soi-mker-text-muted: #7B8693;\n  --soi-mker-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mker-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mker-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mker-radius: 12px;\n  --soi-mker-radius-sm: 8px;\n  --soi-mker-radius-pill: 999px;\n}\n\n.soi-mker-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mker-fiche img { max-width: 100%; height: auto; }\n\n.soi-mker-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mker-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mker-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-mker-hero {\n  position: relative;\n  background: var(--soi-mker-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-mker-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mker-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mker-pomme);\n}\n\n.soi-mker-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-mker-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mker-pomme);\n  border-radius: 50%;\n}\n\n.soi-mker-hero-title {\n  display: block;\n  color: var(--soi-mker-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-mker-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-mker-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mker-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-mker-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mker-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mker-label-accent {\n  background: var(--soi-mker-pomme);\n  border-color: var(--soi-mker-pomme);\n  color: var(--soi-mker-marine);\n  font-weight: 600;\n}\n\n.soi-mker-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mker-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mker-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-mker-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mker-pomme);\n  border-radius: 2px;\n}\n\n.soi-mker-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mker-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mker-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mker-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mker-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-mker-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-mker-benefit {\n  background: var(--soi-mker-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mker-radius);\n  border: 1px solid var(--soi-mker-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mker-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mker-shadow-md);\n}\n\n.soi-mker-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mker-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-mker-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mker-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mker-benefit:hover .soi-mker-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mker-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mker-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mker-benefit p {\n  font-size: 13px;\n  color: var(--soi-mker-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mker-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-mker-card {\n  background: var(--soi-mker-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mker-radius);\n  border-left: 3px solid var(--soi-mker-pomme);\n}\n\n.soi-mker-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mker-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mker-card p {\n  font-size: 14px;\n  color: var(--soi-mker-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mker-compo {\n  background: var(--soi-mker-off-white);\n  border-radius: var(--soi-mker-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mker-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-mker-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mker-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mker-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mker-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mker-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mker-marine);\n  text-align: right;\n}\n\n.soi-mker-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-mker-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mker-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mker-radius);\n  border: 1px solid var(--soi-mker-line);\n  align-items: flex-start;\n}\n\n.soi-mker-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mker-marine);\n  color: var(--soi-mker-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-mker-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mker-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mker-step-content p {\n  font-size: 14px;\n  color: var(--soi-mker-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mker-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mker-pomme-light);\n  border-left: 4px solid var(--soi-mker-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mker-radius) var(--soi-mker-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-mker-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mker-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mker-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mker-tip p {\n  font-size: 14px;\n  color: var(--soi-mker-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mker-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mker-accordion-item {\n  background: var(--soi-mker-off-white);\n  border-radius: var(--soi-mker-radius-sm);\n  border: 1px solid var(--soi-mker-line);\n  overflow: hidden;\n}\n\n.soi-mker-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mker-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-mker-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mker-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mker-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mker-accordion-item[open] .soi-mker-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mker-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mker-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mker-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mker-cta-box {\n  background: var(--soi-mker-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mker-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mker-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-mker-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mker-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-mker-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mker-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mker-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-mker-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mker-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mker-compo-value {\n    text-align: left;\n  }\n\n  .soi-mker-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-mker-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mker-fiche {\n    --soi-mker-text-soft: #2C3E50;\n    --soi-mker-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603517792586,"sku":"CS0150","price":18.13,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-keratine-certifie-bio-coslys-packshot_1__11zon.webp?v=1781518497","url":"https:\/\/www.soinature.com\/products\/masque-keratine-certifie-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}