{"product_id":"masque-reparateur-argile-bio-couleurs-jeanne","title":"Masque réparateur à l'argile certifié bio - 150 g - Couleurs Jeanne","description":"\n\u003cdiv class=\"soi-marg-fiche\"\u003e\n\n\u003csection class=\"soi-marg-hero\"\u003e\n  \u003cdiv class=\"soi-marg-hero-tag\"\u003e\n    \u003cspan class=\"soi-marg-tag-dot\"\u003e\u003c\/span\u003e\n    Soin capillaire · Couleurs de Jeanne\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-marg-hero-title\"\u003eLe rituel détox qui prépare vos cheveux à la couleur végétale\u003c\/span\u003e\n  \u003cp class=\"soi-marg-hero-subtitle\"\u003eUn masque à l'argile certifié bio qui purifie la fibre capillaire en profondeur tout en préservant douceur et confort, pour une coloration végétale éclatante et durable.\u003c\/p\u003e\n  \u003cdiv class=\"soi-marg-hero-labels\"\u003e\n    \u003cspan class=\"soi-marg-label soi-marg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-marg-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-marg-label\"\u003eCRUELTY FREE\u003c\/span\u003e\n    \u003cspan class=\"soi-marg-label\"\u003e98% D'ORIGINE NATURELLE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-marg-section\"\u003e\n  \u003ch2\u003eUn complexe d'argiles bio pour un cuir chevelu vraiment purifié\u003c\/h2\u003e\n  \u003cp class=\"soi-marg-section-intro\"\u003eCe masque préparateur associe trois argiles complémentaires soigneusement sélectionnées pour leur efficacité purifiante. Ensemble, elles agissent comme un véritable détox capillaire, libérant la fibre de tout ce qui pourrait freiner l'adhérence d'une coloration végétale.\u003c\/p\u003e\n  \u003cdiv class=\"soi-marg-grid\"\u003e\n    \u003cdiv class=\"soi-marg-card\"\u003e\n      \u003ch3\u003e🟢 Illite (argile verte)\u003c\/h3\u003e\n      \u003cp\u003eAbsorbe l'excès de sébum, élimine les impuretés et assainit en profondeur le cuir chevelu.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-card\"\u003e\n      \u003ch3\u003e🔵 Montmorillonite\u003c\/h3\u003e\n      \u003cp\u003eCapte les résidus de produits coiffants et les dépôts chimiques accumulés sur la fibre capillaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-card\"\u003e\n      \u003ch3\u003e⚪ Kaolin (argile blanche)\u003c\/h3\u003e\n      \u003cp\u003ePlus douce, elle complète l'action purifiante tout en respectant les cheveux fragiles ou sensibilisés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-marg-section\"\u003e\n  \u003ch2\u003eAloe vera et bourgeons de tilleul : la douceur au cœur de la formule\u003c\/h2\u003e\n  \u003cp class=\"soi-marg-section-intro\"\u003ePour ne pas agresser vos cheveux lors de la phase de purification, la formule intègre deux actifs nourrissants issus de l'agriculture biologique. Cette alliance purification et nutrition distingue clairement ce soin de nombreux masques argile qui misent tout sur la détox en oubliant le confort post-application.\u003c\/p\u003e\n  \u003cdiv class=\"soi-marg-grid soi-marg-grid-two\"\u003e\n    \u003cdiv class=\"soi-marg-card\"\u003e\n      \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n      \u003cp\u003eApporte hydratation et confort, limite l'effet desséchant des argiles sur les longueurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-card\"\u003e\n      \u003ch3\u003e🌱 Bourgeons de tilleul bio\u003c\/h3\u003e\n      \u003cp\u003eAméliorent la souplesse et le toucher du cheveu, pour une fibre douce et facile à coiffer après rinçage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-marg-section\"\u003e\n  \u003ch2\u003ePourquoi utiliser ce masque avant une coloration végétale ?\u003c\/h2\u003e\n  \u003cp class=\"soi-marg-section-intro\"\u003eLes colorations végétales adhèrent bien mieux sur une fibre capillaire propre, débarrassée des silicones, résidus de colorations chimiques et dépôts de produits coiffants. Ce masque préparateur crée les conditions idéales pour vos cheveux.\u003c\/p\u003e\n  \u003cdiv class=\"soi-marg-benefits\"\u003e\n    \u003cdiv class=\"soi-marg-benefit\"\u003e\n      \u003cdiv class=\"soi-marg-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTenue et éclat\u003c\/h3\u003e\n      \u003cp\u003eMaximise la tenue et l'éclat de votre coloration végétale grâce à une fibre parfaitement nettoyée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-benefit\"\u003e\n      \u003cdiv class=\"soi-marg-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTransition facilitée\u003c\/h3\u003e\n      \u003cp\u003eFacilite le passage depuis une coloration chimique, un mèchage, une permanente ou un lissage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-benefit\"\u003e\n      \u003cdiv class=\"soi-marg-benefit-icon\"\u003e\u003cspan\u003e🧹\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAssainissement durable\u003c\/h3\u003e\n      \u003cp\u003ePurifie durablement le cuir chevelu entre deux colorations pour un terrain sain en continu.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-marg-section\"\u003e\n  \u003ch2\u003eComment utiliser le masque argile verte bio Couleurs de Jeanne ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-marg-timeline\"\u003e\n    \u003cdiv class=\"soi-marg-step\"\u003e\n      \u003cdiv class=\"soi-marg-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-marg-step-content\"\u003e\n        \u003ch3\u003eApplication\u003c\/h3\u003e\n        \u003cp\u003eAppliquez généreusement le masque sur cheveux secs ou humides, du cuir chevelu aux pointes. Massez légèrement pour bien répartir le produit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-step\"\u003e\n      \u003cdiv class=\"soi-marg-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-marg-step-content\"\u003e\n        \u003ch3\u003ePose\u003c\/h3\u003e\n        \u003cp\u003eLaissez agir 10 à 15 minutes, puis rincez abondamment à l'eau claire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-step\"\u003e\n      \u003cdiv class=\"soi-marg-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-marg-step-content\"\u003e\n        \u003ch3\u003eShampooing\u003c\/h3\u003e\n        \u003cp\u003eLavez ensuite vos cheveux avec le shampooing fixateur et révélateur d'éclat de la gamme Couleurs de Jeanne.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-step\"\u003e\n      \u003cdiv class=\"soi-marg-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-marg-step-content\"\u003e\n        \u003ch3\u003eBaume\u003c\/h3\u003e\n        \u003cp\u003eAppliquez le baume 2 en 1, laissez poser 2 à 3 minutes, puis rincez à l'eau tiède.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-marg-tip\"\u003e\n    \u003cdiv class=\"soi-marg-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eSi vos cheveux ont subi des traitements chimiques (coloration, mèches, permanente, défrisage ou lissage), effectuez une cure de 3 semaines à raison de 2 applications par semaine avant votre première coloration végétale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-marg-section\"\u003e\n  \u003ch2\u003eComposition complète\u003c\/h2\u003e\n  \u003cp class=\"soi-marg-inci\"\u003eAqua (water), \u003cstrong\u003eillite\u003c\/strong\u003e, \u003cstrong\u003ekaolin\u003c\/strong\u003e, glycerin, \u003cstrong\u003emontmorillonite\u003c\/strong\u003e, xanthan gum, decyl glucoside, aloe barbadensis leaf juice powder*, glycine soja (soybean) oil, tilia tomentosa (linden) bud extract*, parfum (fragrance), tocopherol, benzyl alcohol, lactic acid, citric acid, sodium benzoate, potassium sorbate, dehydroacetic acid, sodium dehydroacetate, limonene, linalool, geraniol, citral.\u003c\/p\u003e\n  \u003cp class=\"soi-marg-inci-note\"\u003e*Issu de l'Agriculture Biologique. 98 % du total des ingrédients sont d'origine naturelle. 10 % du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-marg-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-marg-compo\"\u003e\n    \u003cdiv class=\"soi-marg-compo-row\"\u003e\n      \u003cspan class=\"soi-marg-compo-label\"\u003eFormat\u003c\/span\u003e\n      \u003cspan class=\"soi-marg-compo-value\"\u003eTube de 150 g\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-compo-row\"\u003e\n      \u003cspan class=\"soi-marg-compo-label\"\u003eCertifications\u003c\/span\u003e\n      \u003cspan class=\"soi-marg-compo-value\"\u003eCosmos Organic, Vegan, Cruelty Free\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-compo-row\"\u003e\n      \u003cspan class=\"soi-marg-compo-label\"\u003eConvient à\u003c\/span\u003e\n      \u003cspan class=\"soi-marg-compo-value\"\u003eTous types de cheveux, y compris colorés, méchés ou fragilisés\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-marg-compo-row\"\u003e\n      \u003cspan class=\"soi-marg-compo-label\"\u003eTri\u003c\/span\u003e\n      \u003cspan class=\"soi-marg-compo-value\"\u003eTube plastique à déposer dans le bac de tri jaune (selon les règles locales)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-marg-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-marg-cta-box\"\u003e\n    \u003cp class=\"soi-marg-cta-tag\" style=\"color: white;\"\u003eLe point de départ d'une routine capillaire naturelle\u003c\/p\u003e\n    \u003cp class=\"soi-marg-cta-text\" style=\"color: white;\"\u003eLibérez vos cheveux de leurs impuretés et offrez-leur un terrain idéal pour accueillir une couleur végétale lumineuse et durable. Un geste simple, mais vraiment décisif.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-marg-marine: #1A2D3D;\n  --soi-marg-marine-dark: #0F1E2B;\n  --soi-marg-marine-light: #2C4458;\n  --soi-marg-pomme: #A1C544;\n  --soi-marg-pomme-dark: #84A636;\n  --soi-marg-pomme-light: rgba(161,197,68,0.10);\n  --soi-marg-white: #FFFFFF;\n  --soi-marg-off-white: #F8FAF6;\n  --soi-marg-stone: #F1F3EE;\n  --soi-marg-line: #E5E8E0;\n  --soi-marg-primary: #6B8E3A;\n  --soi-marg-primary-soft: rgba(107,142,58,0.10);\n  --soi-marg-accent: #8AAA5C;\n  --soi-marg-text: #1A2D3D;\n  --soi-marg-text-soft: #4A5B6B;\n  --soi-marg-text-muted: #7B8693;\n  --soi-marg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-marg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-marg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-marg-radius: 12px;\n  --soi-marg-radius-sm: 8px;\n  --soi-marg-radius-pill: 999px;\n}\n\n.soi-marg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-marg-fiche img { max-width: 100%; height: auto; }\n\n.soi-marg-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-marg-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-marg-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-marg-hero {\n  position: relative;\n  background: var(--soi-marg-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-marg-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-marg-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-marg-pomme);\n}\n\n.soi-marg-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-marg-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-marg-pomme);\n  border-radius: 50%;\n}\n\n.soi-marg-hero-title {\n  display: block;\n  color: var(--soi-marg-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-marg-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-marg-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-marg-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-marg-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-marg-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-marg-label-accent {\n  background: var(--soi-marg-pomme);\n  border-color: var(--soi-marg-pomme);\n  color: var(--soi-marg-marine);\n  font-weight: 600;\n}\n\n.soi-marg-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-marg-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-marg-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-marg-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-marg-pomme);\n  border-radius: 2px;\n}\n\n.soi-marg-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-marg-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-marg-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-marg-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-marg-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-marg-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-marg-benefit {\n  background: var(--soi-marg-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-marg-radius);\n  border: 1px solid var(--soi-marg-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-marg-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-marg-shadow-md);\n}\n\n.soi-marg-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-marg-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-marg-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-marg-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-marg-benefit:hover .soi-marg-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-marg-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-marg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-marg-benefit p {\n  font-size: 15px;\n  color: var(--soi-marg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-marg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-marg-grid-two {\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.soi-marg-card {\n  background: var(--soi-marg-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-marg-radius);\n  border-left: 3px solid var(--soi-marg-pomme);\n}\n\n.soi-marg-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-marg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-marg-card p {\n  font-size: 14px;\n  color: var(--soi-marg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-marg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-marg-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-marg-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-marg-radius);\n  border: 1px solid var(--soi-marg-line);\n  align-items: flex-start;\n}\n\n.soi-marg-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-marg-marine);\n  color: var(--soi-marg-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-marg-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-marg-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-marg-step-content p {\n  font-size: 15px;\n  color: var(--soi-marg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-marg-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-marg-pomme-light);\n  border-left: 4px solid var(--soi-marg-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-marg-radius) var(--soi-marg-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-marg-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-marg-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-marg-marine);\n  margin-bottom: 4px;\n}\n\n.soi-marg-tip p {\n  font-size: 15px;\n  color: var(--soi-marg-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-marg-inci {\n  font-size: clamp(13px, 1.8vw, 14px);\n  color: var(--soi-marg-text-soft);\n  line-height: 1.8;\n  background: var(--soi-marg-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-marg-radius);\n  margin-bottom: 0.75rem;\n  word-break: break-word;\n}\n\n.soi-marg-inci strong {\n  color: var(--soi-marg-marine);\n  font-weight: 600;\n}\n\n.soi-marg-inci-note {\n  font-size: clamp(12px, 1.6vw, 13px);\n  color: var(--soi-marg-text-muted);\n  font-style: italic;\n  line-height: 1.6;\n  padding-left: 0.5rem;\n  border-left: 2px solid var(--soi-marg-pomme);\n}\n\n.soi-marg-compo {\n  background: var(--soi-marg-off-white);\n  border-radius: var(--soi-marg-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-marg-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-marg-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-marg-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-marg-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-marg-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-marg-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-marg-marine);\n  text-align: right;\n}\n\n.soi-marg-cta-box {\n  background: var(--soi-marg-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-marg-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-marg-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-marg-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-marg-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-marg-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-marg-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-marg-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-marg-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-marg-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-marg-compo-value {\n    text-align: left;\n  }\n\n  .soi-marg-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-marg-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-marg-fiche {\n    --soi-marg-text-soft: #2C3E50;\n    --soi-marg-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":62333267968330,"sku":"CJ0035","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-reparateur-a-largile-certifie-bio-150-g-couleurs-jean-packshot.webp?v=1789546563","url":"https:\/\/www.soinature.com\/products\/masque-reparateur-argile-bio-couleurs-jeanne","provider":"Soinature","version":"1.0","type":"link"}