{"product_id":"masque-visage-charbon-certifie-bio-75-ml-najel","title":"Masque visage au charbon certifié bio – 75 ml – Najel","description":"\u003cdiv class=\"soi-char-fiche\"\u003e\n\n  \u003csection class=\"soi-char-hero\"\u003e\n    \u003cdiv class=\"soi-char-hero-tag\"\u003e\n      \u003cspan class=\"soi-char-tag-dot\"\u003e\u003c\/span\u003e\n      Masque visage · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-char-hero-title\"\u003eLa pause purifiante au charbon végétal\u003c\/span\u003e\n    \u003cp class=\"soi-char-hero-subtitle\"\u003eCharbon végétal, kaolin et bentonite s'associent pour absorber l'excès de sébum et nettoyer la surface de votre peau en douceur, sans parfum ajouté.\u003c\/p\u003e\n    \u003cdiv class=\"soi-char-hero-labels\"\u003e\n      \u003cspan class=\"soi-char-label soi-char-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-char-label\"\u003e99,1 % D'ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-char-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-char-label\"\u003eSANS PARFUM\u003c\/span\u003e\n      \u003cspan class=\"soi-char-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-char-section\"\u003e\n    \u003ch2\u003eUn masque visage au charbon bio pour retrouver une peau nette et confortable\u003c\/h2\u003e\n    \u003cp\u003ePeau brillante en milieu de journée, pores visibles, teint terne après des jours de pollution : le \u003cstrong\u003emasque visage au charbon certifié bio Najel\u003c\/strong\u003e a été pensé pour ces moments où votre peau réclame un vrai coup de frais. Sa formule associe \u003cstrong\u003echarbon végétal\u003c\/strong\u003e, \u003cstrong\u003ekaolin\u003c\/strong\u003e et \u003cstrong\u003ebentonite\u003c\/strong\u003e pour absorber l'excès de sébum et nettoyer la surface de la peau en douceur.\u003c\/p\u003e\n    \u003cp\u003eIl s'adresse aux \u003cstrong\u003epeaux mixtes à grasses\u003c\/strong\u003e et aux peaux sujettes aux imperfections, mais aussi à toutes celles et ceux qui souhaitent un rituel purifiant ponctuel, sans parfum ajouté.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-char-section\"\u003e\n    \u003ch2\u003eCe que ce masque visage au charbon apporte concrètement\u003c\/h2\u003e\n    \u003cdiv class=\"soi-char-benefits\"\u003e\n      \u003cdiv class=\"soi-char-benefit\"\u003e\n        \u003cdiv class=\"soi-char-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUne action purifiante\u003c\/h3\u003e\n        \u003cp\u003eLe charbon et les argiles captent le sébum en excès ainsi que les impuretés accumulées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-benefit\"\u003e\n        \u003cdiv class=\"soi-char-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUn teint plus net\u003c\/h3\u003e\n        \u003cp\u003eAprès rinçage, votre peau paraît plus lisse et plus uniforme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-benefit\"\u003e\n        \u003cdiv class=\"soi-char-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUn confort préservé\u003c\/h3\u003e\n        \u003cp\u003eGlycérine, huile d'olive et eau de camomille limitent la sensation de tiraillement souvent associée aux masques purifiants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-benefit\"\u003e\n        \u003cdiv class=\"soi-char-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUne texture agréable\u003c\/h3\u003e\n        \u003cp\u003eOnctueuse et facile à étaler, elle offre une sensation de fraîcheur dès l'application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-char-section\"\u003e\n    \u003ch2\u003eLes actifs de ce masque au charbon, un à un\u003c\/h2\u003e\n    \u003cdiv class=\"soi-char-grid\"\u003e\n      \u003cdiv class=\"soi-char-card\"\u003e\n        \u003ch3\u003eCharbon en poudre (bio)\u003c\/h3\u003e\n        \u003cp\u003eSon pouvoir absorbant en fait l'allié des peaux qui brillent.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-card\"\u003e\n        \u003ch3\u003eKaolin et bentonite\u003c\/h3\u003e\n        \u003cp\u003eDeux argiles douces qui aident à désincruster les pores.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-card\"\u003e\n        \u003ch3\u003eHuile de baies de laurier (bio)\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée dans les soins destinés aux peaux à imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-card\"\u003e\n        \u003ch3\u003eHuile d'olive (bio)\u003c\/h3\u003e\n        \u003cp\u003eElle nourrit et adoucit la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-card\"\u003e\n        \u003ch3\u003eEau florale de camomille (bio)\u003c\/h3\u003e\n        \u003cp\u003eElle apporte une touche apaisante à la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-card\"\u003e\n        \u003ch3\u003eGlycérine\u003c\/h3\u003e\n        \u003cp\u003eElle aide à maintenir l'hydratation de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-char-section\"\u003e\n    \u003ch2\u003eMasque au charbon maison ou prêt à l'emploi : que choisir ?\u003c\/h2\u003e\n    \u003cp\u003eBeaucoup de personnes testent d'abord un \u003cstrong\u003emasque visage charbon maison\u003c\/strong\u003e. Le résultat est souvent aléatoire : dosage difficile, texture qui sèche trop vite, conservation limitée. Du côté des références grand public, comme un masque au charbon de grande distribution, la promesse est similaire, mais la composition diffère.\u003c\/p\u003e\n    \u003cp\u003eLe masque Najel mise sur une formule \u003cstrong\u003ecertifiée Cosmos Organic\u003c\/strong\u003e, \u003cstrong\u003e99,1 % d'origine naturelle\u003c\/strong\u003e, vegan, sans parfum et fabriquée en France. Vous gardez la simplicité du prêt à l'emploi, avec une liste d'ingrédients lisible.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-char-section\"\u003e\n    \u003ch2\u003eComment utiliser ce masque visage au charbon\u003c\/h2\u003e\n    \u003cdiv class=\"soi-char-timeline\"\u003e\n      \u003cdiv class=\"soi-char-step\"\u003e\n        \u003cdiv class=\"soi-char-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-char-step-content\"\u003e\n          \u003ch3\u003eNettoyez\u003c\/h3\u003e\n          \u003cp\u003eNettoyez votre visage avec un nettoyant adapté à votre type de peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-step\"\u003e\n        \u003cdiv class=\"soi-char-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-char-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une couche uniforme (environ une cuillère à café, à ajuster selon votre visage) en évitant le contour des yeux et des lèvres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-step\"\u003e\n        \u003cdiv class=\"soi-char-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-char-step-content\"\u003e\n          \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n          \u003cp\u003eLaissez agir 10 à 15 minutes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-step\"\u003e\n        \u003cdiv class=\"soi-char-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-char-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède, avec de légers mouvements circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-step\"\u003e\n        \u003cdiv class=\"soi-char-step-num\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"soi-char-step-content\"\u003e\n          \u003ch3\u003eSéchez\u003c\/h3\u003e\n          \u003cp\u003eSéchez délicatement, puis appliquez votre soin hydratant habituel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-char-tip\"\u003e\n      \u003cdiv class=\"soi-char-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCommencez par une application par semaine, puis ajustez selon les besoins de votre peau. Le charbon colore l'eau de rinçage : pensez à bien rincer lavabo et serviette. Si votre peau est sensible, testez d'abord le masque sur une petite zone.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-char-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-char-inci\"\u003e\n      \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Aqua (Water), Kaolin, Chamomilla Recutita (Matricaria) Flower Water*, Glycerin**, Charcoal Powder*, Tapioca Starch*, Bentonite, Polyglyceryl-2 Laurate, Coco-Glucoside, Olea Europaea (Olive) Fruit Oil*, Sorbitan Caprylate, Laurus Nobilis (Laurel) Fruit Oil*, Sodium Dehydroacetate, Xanthan Gum, Propanediol, Benzoic Acid, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n      \u003cp class=\"soi-char-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique. **Transformés à partir d'ingrédients biologiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-char-compo\"\u003e\n      \u003cdiv class=\"soi-char-compo-row\"\u003e\n        \u003cspan class=\"soi-char-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-char-compo-value\"\u003e99,1 % du total\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-compo-row\"\u003e\n        \u003cspan class=\"soi-char-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"soi-char-compo-value\"\u003e23,1 % du total des ingrédients\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-compo-row\"\u003e\n        \u003cspan class=\"soi-char-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-char-compo-value\"\u003eCosmos Organic par Ecocert Greenlife selon le référentiel Cosmos\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-char-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-char-compo\"\u003e\n      \u003cdiv class=\"soi-char-compo-row\"\u003e\n        \u003cspan class=\"soi-char-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-char-compo-value\"\u003eTube de 75 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-compo-row\"\u003e\n        \u003cspan class=\"soi-char-compo-label\"\u003eTri\u003c\/span\u003e\n        \u003cspan class=\"soi-char-compo-value\"\u003eTube à déposer dans le bac de tri jaune (les règles peuvent varier selon votre commune)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-char-compo-row\"\u003e\n        \u003cspan class=\"soi-char-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-char-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-char-disclaimer\"\u003eCe soin cosmétique ne remplace pas un traitement médical ni l'avis d'un professionnel de santé ou d'un dermatologue en cas de problème de peau persistant.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-char-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-char-cta-box\"\u003e\n      \u003cp class=\"soi-char-cta-tag\" style=\"color: white;\"\u003eVotre rituel purifiant hebdomadaire\u003c\/p\u003e\n      \u003cp class=\"soi-char-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau une pause purifiante et réconfortante : un soin simple, naturel et fabriqué en France, pour un teint plus net en toute légèreté.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.soi-char-fiche {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-char-marine: #1A2D3D;\n  --soi-char-marine-dark: #0F1E2B;\n  --soi-char-marine-light: #2C4458;\n  --soi-char-pomme: #A1C544;\n  --soi-char-pomme-dark: #84A636;\n  --soi-char-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-char-white: #FFFFFF;\n  --soi-char-off-white: #F8FAF6;\n  --soi-char-stone: #F1F3EE;\n  --soi-char-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging noir charbon et vert menthe) === *\/\n  --soi-char-primary: #1E1F1E;\n  --soi-char-primary-soft: rgba(111,214,170,0.14);\n  --soi-char-accent: #5CC99B;\n\n  \/* === Textes === *\/\n  --soi-char-text: #1A2D3D;\n  --soi-char-text-soft: #4A5B6B;\n  --soi-char-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-char-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-char-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-char-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-char-radius: 12px;\n  --soi-char-radius-sm: 8px;\n  --soi-char-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-char-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-char-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-char-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-char-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-char-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-char-hero {\n  position: relative;\n  background: var(--soi-char-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-char-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-char-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-char-pomme);\n}\n\n.soi-char-hero::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 2px;\n  background: var(--soi-char-accent);\n  opacity: 0.5;\n}\n\n.soi-char-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-char-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-char-pomme);\n  border-radius: 50%;\n}\n\n.soi-char-hero-title {\n  display: block;\n  color: var(--soi-char-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-char-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-char-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-char-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-char-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-char-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-char-label-accent {\n  background: var(--soi-char-pomme);\n  border-color: var(--soi-char-pomme);\n  color: var(--soi-char-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-char-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-char-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-char-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-char-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-char-pomme);\n  border-radius: 2px;\n}\n\n.soi-char-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-char-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-char-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-char-section strong {\n  color: var(--soi-char-marine);\n  font-weight: 600;\n}\n\n\/* === BENEFITS === *\/\n.soi-char-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-char-benefit {\n  background: var(--soi-char-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-char-radius);\n  border: 1px solid var(--soi-char-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-char-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-char-shadow-md);\n}\n\n.soi-char-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-char-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-char-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-char-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-char-benefit:hover .soi-char-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-char-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-char-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-char-benefit p {\n  font-size: 15px;\n  color: var(--soi-char-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-char-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-char-card {\n  background: var(--soi-char-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-char-radius);\n  border-left: 3px solid var(--soi-char-pomme);\n}\n\n.soi-char-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-char-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-char-card p {\n  font-size: 14px;\n  color: var(--soi-char-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-char-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-char-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-char-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-char-radius);\n  border: 1px solid var(--soi-char-line);\n  align-items: flex-start;\n}\n\n.soi-char-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-char-marine);\n  color: var(--soi-char-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-char-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-char-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-char-step-content p {\n  font-size: 15px;\n  color: var(--soi-char-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === INCI === *\/\n.soi-char-inci {\n  background: var(--soi-char-primary-soft);\n  border-left: 3px solid var(--soi-char-accent);\n  border-radius: 0 var(--soi-char-radius) var(--soi-char-radius) 0;\n  padding: 1.25rem 1.5rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-char-inci p {\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.soi-char-section .soi-char-inci-note {\n  font-size: 13px;\n  color: var(--soi-char-text-muted);\n  font-style: italic;\n}\n\n\/* === COMPOSITION === *\/\n.soi-char-compo {\n  background: var(--soi-char-off-white);\n  border-radius: var(--soi-char-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-char-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-char-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-char-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-char-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-char-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-char-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-char-marine);\n  text-align: right;\n  max-width: 65%;\n}\n\n.soi-char-section .soi-char-disclaimer {\n  margin-top: 1.25rem;\n  font-size: 13px;\n  color: var(--soi-char-text-muted);\n  font-style: italic;\n}\n\n\/* === TIP === *\/\n.soi-char-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-char-pomme-light);\n  border-left: 4px solid var(--soi-char-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-char-radius) var(--soi-char-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-char-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-char-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-char-marine);\n  margin-bottom: 4px;\n}\n\n.soi-char-tip p {\n  font-size: 15px;\n  color: var(--soi-char-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-char-cta-box {\n  background: var(--soi-char-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-char-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-char-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-char-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-char-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-char-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-char-section .soi-char-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-char-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-char-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-char-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-char-compo-value {\n    text-align: left;\n    max-width: 100%;\n  }\n\n  .soi-char-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-char-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-char-fiche * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-char-fiche {\n    --soi-char-text-soft: #2C3E50;\n    --soi-char-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":62333281534282,"sku":"NJ0405","price":8.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-visage-au-charbon-certifie-bio-75-ml-najel-packshot.webp?v=1793358863","url":"https:\/\/firmtoaromatherapy.com\/products\/masque-visage-charbon-certifie-bio-75-ml-najel","provider":"Soinature","version":"1.0","type":"link"}