{"product_id":"masque-nutrition-intense-certifie-bio-coslys","title":"Masque capillaire Nutrition Intense bio – Coslys","description":"\n\u003cdiv class=\"soi-masq-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-masq-hero\"\u003e\n    \u003cdiv class=\"soi-masq-hero-tag\"\u003e\n      \u003cspan class=\"soi-masq-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire bio · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-masq-hero-title\"\u003eLa nutrition profonde venue de Lorraine\u003c\/span\u003e\n    \u003cp class=\"soi-masq-hero-subtitle\"\u003eEnrichi en huile de Mirabelle de Lorraine et en beurre de karité bio, ce masque nutrition intense nourrit en profondeur vos cheveux secs et abîmés. 98,5 % d'ingrédients d'origine naturelle, certifié Cosmos Organic.\u003c\/p\u003e\n    \u003cdiv class=\"soi-masq-hero-labels\"\u003e\n      \u003cspan class=\"soi-masq-label soi-masq-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-masq-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-masq-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-masq-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n      \u003cspan class=\"soi-masq-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Pourquoi ce masque bio est différent des autres ? --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003ePourquoi ce masque capillaire bio est différent des autres ?\u003c\/h2\u003e\n    \u003cp\u003eLà où beaucoup de masques capillaires se contentent d'enrober la surface du cheveu, celui de Coslys agit directement au cœur de la fibre capillaire. Sa texture onctueuse, riche sans être lourde, fond littéralement sur les longueurs et les pointes pour une nutrition intense et durable.\u003c\/p\u003e\n    \u003cp\u003eLe résultat est visible dès la première application : des cheveux plus doux, plus brillants et nettement plus faciles à coiffer.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Les actifs clés --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003eLes actifs clés : ce qui nourrit vraiment vos cheveux\u003c\/h2\u003e\n    \u003cdiv class=\"soi-masq-grid\"\u003e\n      \u003cdiv class=\"soi-masq-card\"\u003e\n        \u003ch3\u003e🍑 Huile de Mirabelle de Lorraine (bio)\u003c\/h3\u003e\n        \u003cp\u003eVéritable signature de la gamme Coslys, cette huile végétale précieuse est riche en vitamines A et E et en acides gras essentiels. Elle renforce la fibre capillaire, apporte une brillance naturelle et protège vos cheveux des agressions quotidiennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité (bio)\u003c\/h3\u003e\n        \u003cp\u003eIngrédient star des soins nourrissants, il pénètre en profondeur pour hydrater intensément, réparer les pointes fourchues et réduire la casse. Idéal pour les cheveux très secs et fragilisés par la chaleur ou la coloration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-card\"\u003e\n        \u003ch3\u003e🌿 Formule sans silicone, sans sulfate\u003c\/h3\u003e\n        \u003cp\u003eVos cheveux sont nourris sans effet coating ni accumulation de résidus, pour un résultat sain sur la durée. Une approche respectueuse de la fibre capillaire et de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment utiliser le masque --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003eComment utiliser le masque nutrition Coslys ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-masq-timeline\"\u003e\n      \u003cdiv class=\"soi-masq-step\"\u003e\n        \u003cdiv class=\"soi-masq-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-masq-step-content\"\u003e\n          \u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n          \u003cp\u003eAprès le shampoing, essorez doucement vos cheveux pour éliminer l'excès d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-step\"\u003e\n        \u003cdiv class=\"soi-masq-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-masq-step-content\"\u003e\n          \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noix généreuse du 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-masq-step\"\u003e\n        \u003cdiv class=\"soi-masq-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-masq-step-content\"\u003e\n          \u003ch3\u003eLaissez poser 3 à 5 minutes\u003c\/h3\u003e\n          \u003cp\u003ePatientez 3 à 5 minutes, ou plus longtemps sous une serviette chaude pour un effet masque intensif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-step\"\u003e\n        \u003cdiv class=\"soi-masq-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-masq-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède. Vos cheveux se démêlent facilement et se coiffent sans effort.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-masq-tip\"\u003e\n      \u003cdiv class=\"soi-masq-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eNous vous recommandons 1 à 2 applications par semaine, selon le degré de sécheresse de vos cheveux. Pour un soin encore plus profond, enveloppez votre chevelure dans une serviette chaude pendant le temps de pose.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Composition INCI complète --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n    \u003cdiv class=\"soi-masq-accordion\"\u003e\n      \u003cdetails class=\"soi-masq-accordion-item\"\u003e\n        \u003csummary class=\"soi-masq-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-masq-accordion-content\"\u003e\n          \u003cp\u003e\u003cem\u003eAqua, Cetearyl Alcohol, Prunus Domestica Seed Oil*, Butyrospermum Parkii Butter*, Behentrimonium Chloride, Glycerin*, Polyglyceryl-3 Stearate, Sodium Cocoyl Glutamate, Parfum (Fragrance), Xanthan Gum, Tocopherol, Citric Acid, Sodium Benzoate, Potassium Sorbate, Limonene, Linalool.\u003c\/em\u003e\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Certifications et engagements Coslys --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n    \u003cdiv class=\"soi-masq-grid-compact\"\u003e\n      \u003cdiv class=\"soi-masq-card-mini\"\u003e\n        \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-card-mini\"\u003e\n        \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-card-mini\"\u003e\n        \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-value\"\u003eMade in France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-card-mini\"\u003e\n        \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-value\"\u003e98,5 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 7 : Pour qui est ce masque capillaire bio ? --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003ePour qui est ce masque cheveux bio ?\u003c\/h2\u003e\n    \u003cp\u003eCe masque hydratant bio est fait pour vous si vos cheveux sont naturellement secs, rendus poreux par des colorations répétées, fragilisés par la chaleur des outils coiffants ou agressés par le soleil et le vent.\u003c\/p\u003e\n    \u003cp\u003eIl convient aussi bien aux cheveux fins qu'épais, aux textures lisses que bouclées.\u003c\/p\u003e\n    \u003cdiv class=\"soi-masq-compo\"\u003e\n      \u003cdiv class=\"soi-masq-compo-row\"\u003e\n        \u003cspan class=\"soi-masq-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-compo-value\"\u003e250 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-compo-row\"\u003e\n        \u003cspan class=\"soi-masq-compo-label\"\u003eType de cheveux\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-compo-value\"\u003eSecs et abîmés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-compo-row\"\u003e\n        \u003cspan class=\"soi-masq-compo-label\"\u003eForme\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-compo-value\"\u003eMasque capillaire en pot\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-masq-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-masq-cta-box\"\u003e\n      \u003cp class=\"soi-masq-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux la richesse de la Mirabelle de Lorraine et du karité bio, réunis dans une formule certifiée et fabriquée en France. Douceur, brillance et vitalité retrouvées.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-masq-marine: #1A2D3D;\n  --soi-masq-marine-dark: #0F1E2B;\n  --soi-masq-marine-light: #2C4458;\n  --soi-masq-pomme: #A1C544;\n  --soi-masq-pomme-dark: #84A636;\n  --soi-masq-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-masq-white: #FFFFFF;\n  --soi-masq-off-white: #F8FAF6;\n  --soi-masq-stone: #F1F3EE;\n  --soi-masq-line: #E5E8E0;\n\n  --soi-masq-primary: #D4A52A;\n  --soi-masq-primary-soft: #F5E6B8;\n  --soi-masq-accent: #E8B845;\n\n  --soi-masq-text: #1A2D3D;\n  --soi-masq-text-soft: #4A5B6B;\n  --soi-masq-text-muted: #7B8693;\n\n  --soi-masq-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-masq-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-masq-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-masq-radius: 12px;\n  --soi-masq-radius-sm: 8px;\n  --soi-masq-radius-pill: 999px;\n}\n\n.soi-masq-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-masq-fiche img { max-width: 100%; height: auto; }\n\n.soi-masq-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-masq-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-masq-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-masq-hero {\n  position: relative;\n  background: var(--soi-masq-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-masq-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-masq-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-masq-accent);\n}\n\n.soi-masq-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-masq-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-masq-accent);\n  border-radius: 50%;\n}\n\n.soi-masq-hero-title {\n  display: block;\n  color: var(--soi-masq-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-masq-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-masq-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-masq-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-masq-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-masq-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-masq-label-accent {\n  background: var(--soi-masq-accent);\n  border-color: var(--soi-masq-accent);\n  color: var(--soi-masq-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-masq-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-masq-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-masq-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-masq-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-masq-pomme);\n  border-radius: 2px;\n}\n\n.soi-masq-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-masq-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-masq-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-masq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-masq-card {\n  background: var(--soi-masq-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-masq-radius);\n  border-left: 3px solid var(--soi-masq-pomme);\n}\n\n.soi-masq-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-masq-card p {\n  font-size: 14px;\n  color: var(--soi-masq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-masq-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-masq-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-masq-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-masq-radius);\n  border: 1px solid var(--soi-masq-line);\n  align-items: flex-start;\n}\n\n.soi-masq-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-masq-marine);\n  color: var(--soi-masq-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-masq-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-masq-step-content p {\n  font-size: 14px;\n  color: var(--soi-masq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-masq-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-masq-pomme-light);\n  border-left: 4px solid var(--soi-masq-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-masq-radius) var(--soi-masq-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-masq-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-masq-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-masq-marine);\n  margin-bottom: 4px;\n}\n\n.soi-masq-tip p {\n  font-size: 14px;\n  color: var(--soi-masq-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-masq-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-masq-accordion-item {\n  background: var(--soi-masq-off-white);\n  border-radius: var(--soi-masq-radius-sm);\n  border: 1px solid var(--soi-masq-line);\n  overflow: hidden;\n}\n\n.soi-masq-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-masq-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-masq-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-masq-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-masq-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-masq-accordion-item[open] .soi-masq-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-masq-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-masq-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-masq-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem;\n}\n\n.soi-masq-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-masq-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-masq-card-mini {\n  background: var(--soi-masq-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-masq-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-masq-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-masq-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-masq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-masq-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-masq-compo {\n  background: var(--soi-masq-off-white);\n  border-radius: var(--soi-masq-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.soi-masq-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-masq-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-masq-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-masq-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-masq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-masq-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-masq-marine);\n  text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-masq-cta-box {\n  background: var(--soi-masq-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-masq-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-masq-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-masq-accent);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-masq-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-masq-accent);\n  margin-bottom: 0.75rem;\n}\n\n.soi-masq-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-masq-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-masq-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-masq-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-masq-compo-value {\n    text-align: left;\n  }\n\n  .soi-masq-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-masq-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-masq-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-masq-fiche {\n    --soi-masq-text-soft: #2C3E50;\n    --soi-masq-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603520250186,"sku":"CS0160","price":20.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-nutrition_intense-certifie-bio-coslys-packshot_11zon.webp?v=1781518511","url":"https:\/\/www.soinature.com\/products\/masque-nutrition-intense-certifie-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}