{"product_id":"bio-xema-creme-certifiee-bio-et-vegan-science-et-equilibre","title":"BIO XEMA crème certifiée bio et vegan – Science et Équilibre","description":"\n\n\u003cdiv class=\"soi-xema-fiche\"\u003e\n\n  \u003csection class=\"soi-xema-hero\"\u003e\n    \u003cdiv class=\"soi-xema-hero-tag\"\u003e\n      \u003cspan class=\"soi-xema-tag-dot\"\u003e\u003c\/span\u003e\n      Soin visage certifié bio · Science et Équilibre\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-xema-hero-title\"\u003eL'apaisement vrai pour les peaux réactives\u003c\/span\u003e\n    \u003cp class=\"soi-xema-hero-subtitle\"\u003eUne crème visage bio enrichie en argent colloïdal et en actifs végétaux, formulée pour calmer durablement rougeurs, squames et inconforts cutanés au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-xema-hero-labels\"\u003e\n      \u003cspan class=\"soi-xema-label soi-xema-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-xema-label\"\u003e100 % VEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-xema-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-xema-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-xema-label\"\u003eNON COMÉDOGÈNE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-xema-section\"\u003e\n    \u003ch2\u003ePourquoi BIO XEMA est différente des autres crèmes visage bio ?\u003c\/h2\u003e\n    \u003cp\u003eSur le marché des crèmes hydratantes visage bio, beaucoup de produits promettent l'apaisement. BIO XEMA va plus loin grâce à un ingrédient rare dans la cosmétique naturelle : l'argent colloïdal à 200 ppm. Reconnu pour ses propriétés antibactériennes et protectrices, il complète l'action des actifs végétaux bio pour une synergie unique sur les peaux irritées, sujettes aux squames ou aux rougeurs persistantes.\u003c\/p\u003e\n    \u003cp\u003eSa texture légère, non grasse et non comédogène en fait une crème hydratante visage bio adaptée à un usage quotidien, matin comme soir, et même en soin après-rasage pour les peaux masculines sensibles.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-xema-section\"\u003e\n    \u003ch2\u003eLes actifs clés de la formule BIO XEMA\u003c\/h2\u003e\n    \u003cp class=\"soi-xema-section-intro\"\u003eSept actifs soigneusement sélectionnés pour apaiser, protéger et revitaliser les peaux les plus sensibles.\u003c\/p\u003e\n    \u003cdiv class=\"soi-xema-grid\"\u003e\n      \u003cdiv class=\"soi-xema-card\"\u003e\n        \u003ch3\u003e🌼 Calendula bio\u003c\/h3\u003e\n        \u003cp\u003eApaisant de référence, il soulage les irritations et favorise la régénération cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-card\"\u003e\n        \u003ch3\u003e💜 Lavande bio\u003c\/h3\u003e\n        \u003cp\u003ePurifiante et équilibrante, elle aide à réduire rougeurs et imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-card\"\u003e\n        \u003ch3\u003e🌰 Amande douce bio\u003c\/h3\u003e\n        \u003cp\u003eNourrissante en profondeur, elle assouplit la peau sans l'alourdir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-card\"\u003e\n        \u003ch3\u003e🍊 Pamplemousse bio\u003c\/h3\u003e\n        \u003cp\u003eTonifiant naturel, il unifie le teint et apporte de l'éclat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-card\"\u003e\n        \u003ch3\u003e🌵 Agave bio\u003c\/h3\u003e\n        \u003cp\u003eHydratant intense, il préserve le film hydrolipidique et renforce la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-card\"\u003e\n        \u003ch3\u003e🌊 Goémon blanc bio\u003c\/h3\u003e\n        \u003cp\u003eReminéralisant marin, il revitalise et protège les peaux fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-card\"\u003e\n        \u003ch3\u003e🔬 Argent colloïdal 200 ppm\u003c\/h3\u003e\n        \u003cp\u003eActif antibactérien et protecteur, il limite la prolifération des agents responsables des imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-xema-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette crème bio pour le visage ?\u003c\/h2\u003e\n    \u003cp class=\"soi-xema-section-intro\"\u003eBIO XEMA est conçue pour toutes les personnes qui souffrent au quotidien de problèmes cutanés persistants. Elle convient aussi bien aux femmes qu'aux hommes, et s'utilise seule ou en complément d'un soin ciblé.\u003c\/p\u003e\n    \u003cdiv class=\"soi-xema-benefits\"\u003e\n      \u003cdiv class=\"soi-xema-benefit\"\u003e\n        \u003cdiv class=\"soi-xema-benefit-icon\"\u003e\u003cspan\u003e🌹\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRougeurs persistantes\u003c\/h3\u003e\n        \u003cp\u003eRougeurs diffuses ou localisées difficiles à atténuer au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-benefit\"\u003e\n        \u003cdiv class=\"soi-xema-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSquames et tiraillements\u003c\/h3\u003e\n        \u003cp\u003ePeau qui tiraille ou pèle par plaques, en quête de confort durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-benefit\"\u003e\n        \u003cdiv class=\"soi-xema-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux atopiques et réactives\u003c\/h3\u003e\n        \u003cp\u003ePeaux intolérantes aux cosmétiques classiques, nécessitant une formule douce et certifiée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-benefit\"\u003e\n        \u003cdiv class=\"soi-xema-benefit-icon\"\u003e\u003cspan\u003e🪒\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eIrritations et sensibilité\u003c\/h3\u003e\n        \u003cp\u003eIrritations post-rasage ou sensibilité au froid et aux changements climatiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-xema-section\"\u003e\n    \u003ch2\u003eComment utiliser BIO XEMA au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-xema-timeline\"\u003e\n      \u003cdiv class=\"soi-xema-step\"\u003e\n        \u003cdiv class=\"soi-xema-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-xema-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une noix de crème sur le visage propre et sec, matin et\/ou soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-step\"\u003e\n        \u003cdiv class=\"soi-xema-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-xema-step-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eMassez en mouvements circulaires doux jusqu'à pénétration complète de la crème.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-step\"\u003e\n        \u003cdiv class=\"soi-xema-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-xema-step-content\"\u003e\n          \u003ch3\u003eAdaptez selon votre sensibilité\u003c\/h3\u003e\n          \u003cp\u003ePour les peaux très réactives, commencez par une application le soir uniquement afin de tester la tolérance, puis passez à deux applications quotidiennes selon les besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-xema-tip\"\u003e\n      \u003cdiv class=\"soi-xema-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eLe flacon airless de 50 ml protège la formule de l'oxydation et garantit une hygiène optimale à chaque utilisation. Inutile de secouer : la pompe délivre la dose idéale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-xema-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-xema-accordion\"\u003e\n      \u003cdetails class=\"soi-xema-accordion-item\"\u003e\n        \u003csummary class=\"soi-xema-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-xema-accordion-content\"\u003e\n          \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Helianthus Annuus Seed Oil*, Prunus Amygdalus Dulcis Oil*, Agave Tequilana Leaf Extract*, Calendula Officinalis Flower Extract*, Lavandula Angustifolia Oil*, Citrus Paradisi Peel Oil*, Fucus Vesiculosus Extract*, Colloidal Silver 200 ppm, Xanthan Gum, Tocopherol.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. Certifié Cosmos Organic par Ecocert. 100 % vegan.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-xema-section\"\u003e\n    \u003ch2\u003eGaranties qualité BIO XEMA\u003c\/h2\u003e\n    \u003cdiv class=\"soi-xema-grid-compact\"\u003e\n      \u003cdiv class=\"soi-xema-card-mini\"\u003e\n        \u003cspan class=\"soi-xema-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-xema-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-xema-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-card-mini\"\u003e\n        \u003cspan class=\"soi-xema-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-xema-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n        \u003cspan class=\"soi-xema-card-mini-value\"\u003e100 % vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-card-mini\"\u003e\n        \u003cspan class=\"soi-xema-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-xema-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-xema-card-mini-value\"\u003eFrance, Val de Loire\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-card-mini\"\u003e\n        \u003cspan class=\"soi-xema-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-xema-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-xema-card-mini-value\"\u003eParabènes, silicones, parfums de synthèse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-xema-card-mini\"\u003e\n        \u003cspan class=\"soi-xema-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-xema-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-xema-card-mini-value\"\u003eFlacon airless 50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-xema-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-xema-cta-box\"\u003e\n      \u003cp class=\"soi-xema-cta-tag\" style=\"color: white;\"\u003eUn soin bio qui respecte vraiment votre peau\u003c\/p\u003e\n      \u003cp class=\"soi-xema-cta-text\" style=\"color: white;\"\u003eParce que votre peau mérite mieux que des soins qui la tolèrent à peine, BIO XEMA vous offre une vraie réponse naturelle aux rougeurs, squames et inconforts du quotidien. Certifiée bio, vegan et fabriquée en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-xema-marine: #1A2D3D;\n  --soi-xema-marine-dark: #0F1E2B;\n  --soi-xema-marine-light: #2C4458;\n  --soi-xema-pomme: #A1C544;\n  --soi-xema-pomme-dark: #84A636;\n  --soi-xema-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-xema-white: #FFFFFF;\n  --soi-xema-off-white: #F8FAF6;\n  --soi-xema-stone: #F1F3EE;\n  --soi-xema-line: #E5E8E0;\n\n  --soi-xema-primary: #7B8FC2;\n  --soi-xema-primary-soft: rgba(123,143,194,0.12);\n  --soi-xema-accent: #D88B6E;\n\n  --soi-xema-text: #1A2D3D;\n  --soi-xema-text-soft: #4A5B6B;\n  --soi-xema-text-muted: #7B8693;\n\n  --soi-xema-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-xema-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-xema-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-xema-radius: 12px;\n  --soi-xema-radius-sm: 8px;\n  --soi-xema-radius-pill: 999px;\n}\n\n.soi-xema-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-xema-fiche img { max-width: 100%; height: auto; }\n\n.soi-xema-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-xema-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-xema-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-xema-hero {\n  position: relative;\n  background: var(--soi-xema-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-xema-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-xema-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-xema-pomme);\n}\n\n.soi-xema-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-xema-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-xema-pomme);\n  border-radius: 50%;\n}\n\n.soi-xema-hero-title {\n  display: block;\n  color: var(--soi-xema-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-xema-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-xema-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-xema-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-xema-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-xema-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-xema-label-accent {\n  background: var(--soi-xema-pomme);\n  border-color: var(--soi-xema-pomme);\n  color: var(--soi-xema-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-xema-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-xema-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-xema-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-xema-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-xema-pomme);\n  border-radius: 2px;\n}\n\n.soi-xema-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-xema-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-xema-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-xema-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-xema-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-xema-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-xema-benefit {\n  background: var(--soi-xema-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-xema-radius);\n  border: 1px solid var(--soi-xema-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-xema-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-xema-shadow-md);\n}\n\n.soi-xema-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-xema-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-xema-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-xema-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-xema-benefit:hover .soi-xema-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-xema-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-xema-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-xema-benefit p {\n  font-size: 13px;\n  color: var(--soi-xema-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-xema-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-xema-card {\n  background: var(--soi-xema-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-xema-radius);\n  border-left: 3px solid var(--soi-xema-pomme);\n}\n\n.soi-xema-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-xema-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-xema-card p {\n  font-size: 14px;\n  color: var(--soi-xema-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-xema-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-xema-card-mini {\n  background: var(--soi-xema-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-xema-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-xema-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-xema-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-xema-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-xema-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-xema-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-xema-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-xema-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-xema-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-xema-radius);\n  border: 1px solid var(--soi-xema-line);\n  align-items: flex-start;\n}\n\n.soi-xema-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-xema-marine);\n  color: var(--soi-xema-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-xema-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-xema-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-xema-step-content p {\n  font-size: 14px;\n  color: var(--soi-xema-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-xema-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-xema-pomme-light);\n  border-left: 4px solid var(--soi-xema-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-xema-radius) var(--soi-xema-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-xema-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-xema-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-xema-marine);\n  margin-bottom: 4px;\n}\n\n.soi-xema-tip p {\n  font-size: 14px;\n  color: var(--soi-xema-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-xema-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-xema-accordion-item {\n  background: var(--soi-xema-off-white);\n  border-radius: var(--soi-xema-radius-sm);\n  border: 1px solid var(--soi-xema-line);\n  overflow: hidden;\n}\n\n.soi-xema-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-xema-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-xema-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-xema-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-xema-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-xema-accordion-item[open] .soi-xema-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-xema-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-xema-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-xema-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-xema-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-xema-cta-box {\n  background: var(--soi-xema-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-xema-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-xema-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-xema-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-xema-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-xema-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-xema-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-xema-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-xema-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-xema-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-xema-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-xema-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-xema-fiche {\n    --soi-xema-text-soft: #2C3E50;\n    --soi-xema-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Science et Equilibre","offers":[{"title":"Default Title","offer_id":61603780297034,"sku":"SQ0070","price":28.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/bio-xema-creme-certifiee-bio-et-vegan-science-et-equilibre-packshot.webp?v=1785763289","url":"https:\/\/firmtoaromatherapy.com\/products\/bio-xema-creme-certifiee-bio-et-vegan-science-et-equilibre","provider":"Soinature","version":"1.0","type":"link"}