{"title":"Prendre soin de son visage","description":"","products":[{"product_id":"creme-nuit-cassiopee","title":"Cassiopée - Crème de nuit anti-âge","description":"ss`\n\n\n\u003cdiv class=\"soi-cass-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-cass-hero\"\u003e\n    \u003cdiv class=\"soi-cass-hero-tag\"\u003e\n      \u003cspan class=\"soi-cass-tag-dot\"\u003e\u003c\/span\u003e\n      Soin visage · Crystal of Life\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-cass-hero-title\"\u003eLa régénération nocturne sublimée par le cristal\u003c\/span\u003e\n    \u003cp class=\"soi-cass-hero-subtitle\"\u003eChaque nuit, la Crème Cassiopée amplifie le processus naturel de récupération de votre peau grâce à des actifs issus de la lithothérapie et de la biotechnologie moderne. Au réveil, une peau visiblement plus douce, plus ferme et plus lumineuse.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cass-hero-labels\"\u003e\n      \u003cspan class=\"soi-cass-label soi-cass-label-accent\"\u003eLITHOTHÉRAPIE\u003c\/span\u003e\n      \u003cspan class=\"soi-cass-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n      \u003cspan class=\"soi-cass-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-cass-label\"\u003eFABRIQUÉ EN EUROPE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Actifs d'exception --\u003e\n  \u003csection class=\"soi-cass-section\"\u003e\n    \u003ch2\u003eUne crème de nuit anti-âge formulée autour d'actifs d'exception\u003c\/h2\u003e\n    \u003cp class=\"soi-cass-section-intro\"\u003eCe qui distingue la Cassiopée des autres crèmes de nuit anti-âge, c'est la présence d'ingrédients rares, travaillés en synergie pour une action réparatrice complète.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cass-grid\"\u003e\n      \u003cdiv class=\"soi-cass-card\"\u003e\n        \u003ch3\u003e💎 Élixir de Cristal de roche\u003c\/h3\u003e\n        \u003cp\u003ePuissant anti-ride naturel, il soutient la régénération cellulaire et redonne fermeté et éclat à l'épiderme fatigué.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cass-card\"\u003e\n        \u003ch3\u003e✨ Huile de Cristal de roche\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés anti-radicaux libres, elle protège les cellules cutanées contre le vieillissement oxydatif et revitalise la peau en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cass-card\"\u003e\n        \u003ch3\u003e🔬 Silicium bio-activated™\u003c\/h3\u003e\n        \u003cp\u003eCet actif innovant stimule la synthèse naturelle de collagène, renforçant l'élasticité et la structure de votre peau au fil des nuits.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cass-card\"\u003e\n        \u003ch3\u003e🌿 Cire liquide de Jojoba\u003c\/h3\u003e\n        \u003cp\u003eProche du sébum naturel, elle régule l'équilibre hydro-lipidique, enveloppe la peau d'un voile nutritif et maintient une hydratation profonde jusqu'au matin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Ce que vous ressentez --\u003e\n  \u003csection class=\"soi-cass-section\"\u003e\n    \u003ch2\u003eCe que vous ressentez nuit après nuit\u003c\/h2\u003e\n    \u003cp class=\"soi-cass-section-intro\"\u003eContrairement à une simple crème hydratante de nuit, la Cassiopée agit sur plusieurs dimensions du vieillissement cutané simultanément.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cass-benefits\"\u003e\n      \u003cdiv class=\"soi-cass-benefit\"\u003e\n        \u003cdiv class=\"soi-cass-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRégénération cellulaire accélérée\u003c\/h3\u003e\n        \u003cp\u003eLes actifs pénètrent durant votre sommeil pour soutenir le renouvellement naturel des cellules, là où la peau est la plus réceptive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cass-benefit\"\u003e\n        \u003cdiv class=\"soi-cass-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation intense et durable\u003c\/h3\u003e\n        \u003cp\u003eLa cire de jojoba et les autres agents hydratants forment un réseau protecteur qui prévient la perte en eau transépidermique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cass-benefit\"\u003e\n        \u003cdiv class=\"soi-cass-benefit-icon\"\u003e\u003cspan\u003e⏳\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction anti-âge ciblée\u003c\/h3\u003e\n        \u003cp\u003eEn stimulant le collagène et en neutralisant les radicaux libres, cette crème anti-âge de nuit contribue à atténuer ridules et manque de tonicité dès les premières semaines d'utilisation régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cass-benefit\"\u003e\n        \u003cdiv class=\"soi-cass-benefit-icon\"\u003e\u003cspan\u003e🌅\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTeint unifié au réveil\u003c\/h3\u003e\n        \u003cp\u003eLa peau paraît plus lisse, plus lumineuse, comme reposée de l'intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser --\u003e\n  \u003csection class=\"soi-cass-section\"\u003e\n    \u003ch2\u003eComment utiliser la Crème de Nuit Cassiopée ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cass-timeline\"\u003e\n      \u003cdiv class=\"soi-cass-step\"\u003e\n        \u003cdiv class=\"soi-cass-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-cass-step-content\"\u003e\n          \u003ch3\u003eNettoyez et démaquillez\u003c\/h3\u003e\n          \u003cp\u003eNettoyez soigneusement votre visage avant l'application pour libérer les pores et préparer la peau à recevoir les actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cass-step\"\u003e\n        \u003cdiv class=\"soi-cass-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-cass-step-content\"\u003e\n          \u003ch3\u003eAppliquez une noisette de crème\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de crème sur le visage, le cou et le décolleté, puis massez avec de légères pressions circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cass-step\"\u003e\n        \u003cdiv class=\"soi-cass-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-cass-step-content\"\u003e\n          \u003ch3\u003eLaissez agir toute la nuit\u003c\/h3\u003e\n          \u003cp\u003eAucun rinçage nécessaire. La crème travaille pendant votre sommeil pour régénérer votre peau en profondeur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cass-tip\"\u003e\n      \u003cdiv class=\"soi-cass-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour des résultats visibles et durables, une utilisation quotidienne sur 6 à 8 semaines est recommandée. La Cassiopée convient aux peaux normales, sèches et mixtes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir la Cassiopée --\u003e\n  \u003csection class=\"soi-cass-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la Cassiopée plutôt qu'une autre crème de nuit ?\u003c\/h2\u003e\n    \u003cp\u003eLa Crème de Nuit Cassiopée se démarque par une approche holistique inédite : des ingrédients issus de la lithothérapie, comme le cristal de roche, associés à des biotechnologies modernes telles que le Silicium bio-activated™. Le résultat est une formule qui respecte votre peau tout en la régénérant en profondeur, sans parabènes ni agents agressifs.\u003c\/p\u003e\n    \u003cp\u003eCe n'est pas simplement une crème de nuit performante pour votre budget, c'est celle qui correspond à une vision de la beauté consciente, où chaque ingrédient a une raison d'être.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition INCI --\u003e\n  \u003csection class=\"soi-cass-section\"\u003e\n    \u003ch2\u003eComposition INCI\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cass-grid-compact\"\u003e\n      \u003cdiv class=\"soi-cass-card-mini\"\u003e\n        \u003cspan class=\"soi-cass-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-cass-card-mini-label\"\u003eType\u003c\/span\u003e\n        \u003cspan class=\"soi-cass-card-mini-value\"\u003eCrème de nuit\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cass-card-mini\"\u003e\n        \u003cspan class=\"soi-cass-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n        \u003cspan class=\"soi-cass-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-cass-card-mini-value\"\u003eEurope\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cass-card-mini\"\u003e\n        \u003cspan class=\"soi-cass-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-cass-card-mini-label\"\u003eTests animaux\u003c\/span\u003e\n        \u003cspan class=\"soi-cass-card-mini-value\"\u003eNon testé\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cass-accordion\"\u003e\n      \u003cdetails class=\"soi-cass-accordion-item\"\u003e\n        \u003csummary class=\"soi-cass-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-cass-accordion-content\"\u003e\n          \u003cp\u003eAqua, Simmondsia Chinensis (Jojoba) Seed Oil, Glycerin, Cetearyl Alcohol, Rock Crystal Elixir, Rock Crystal Oil, Bio-activated Silicon, Tocopherol (Vitamine E), Xanthan Gum, Parfum (naturel), Citric Acid, Phenoxyethanol, Ethylhexylglycerin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-cass-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-cass-cta-box\"\u003e\n      \u003cp class=\"soi-cass-cta-tag\" style=\"color: white;\"\u003eLe rituel nocturne de votre peau\u003c\/p\u003e\n      \u003cp class=\"soi-cass-cta-text\" style=\"color: white;\"\u003eChaque nuit est une nouvelle opportunité pour votre peau de se régénérer. Avec la Crème de Nuit Cassiopée, vous lui offrez les actifs les plus précieux pour qu'elle en profite pleinement. La science et la nature réunies, au service de votre éclat.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-cass-marine: #1A2D3D;\n  --soi-cass-marine-dark: #0F1E2B;\n  --soi-cass-marine-light: #2C4458;\n  --soi-cass-pomme: #A1C544;\n  --soi-cass-pomme-dark: #84A636;\n  --soi-cass-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-cass-white: #FFFFFF;\n  --soi-cass-off-white: #F8FAF6;\n  --soi-cass-stone: #F1F3EE;\n  --soi-cass-line: #E5E8E0;\n\n  --soi-cass-primary: #9B7AB5;\n  --soi-cass-primary-soft: rgba(155,122,181,0.10);\n  --soi-cass-accent: #C9A84C;\n\n  --soi-cass-text: #1A2D3D;\n  --soi-cass-text-soft: #4A5B6B;\n  --soi-cass-text-muted: #7B8693;\n\n  --soi-cass-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-cass-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-cass-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-cass-radius: 12px;\n  --soi-cass-radius-sm: 8px;\n  --soi-cass-radius-pill: 999px;\n}\n\n.soi-cass-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cass-fiche img { max-width: 100%; height: auto; }\n\n.soi-cass-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-cass-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-cass-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cass-hero {\n  position: relative;\n  background: var(--soi-cass-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-cass-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-cass-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-cass-pomme);\n}\n\n.soi-cass-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-cass-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-cass-pomme);\n  border-radius: 50%;\n}\n\n.soi-cass-hero-title {\n  display: block;\n  color: var(--soi-cass-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-cass-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-cass-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-cass-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-cass-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-cass-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-cass-label-accent {\n  background: var(--soi-cass-pomme);\n  border-color: var(--soi-cass-pomme);\n  color: var(--soi-cass-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cass-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cass-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-cass-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-cass-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-cass-pomme);\n  border-radius: 2px;\n}\n\n.soi-cass-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-cass-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-cass-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-cass-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-cass-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-cass-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-cass-benefit {\n  background: var(--soi-cass-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-cass-radius);\n  border: 1px solid var(--soi-cass-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cass-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-cass-shadow-md);\n}\n\n.soi-cass-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-cass-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-cass-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-cass-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-cass-benefit:hover .soi-cass-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-cass-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cass-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cass-benefit p {\n  font-size: 13px;\n  color: var(--soi-cass-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-cass-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-cass-card {\n  background: var(--soi-cass-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cass-radius);\n  border-left: 3px solid var(--soi-cass-pomme);\n}\n\n.soi-cass-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cass-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cass-card p {\n  font-size: 14px;\n  color: var(--soi-cass-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-cass-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-cass-card-mini {\n  background: var(--soi-cass-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-cass-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-cass-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-cass-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-cass-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-cass-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-cass-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-cass-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-cass-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-cass-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cass-radius);\n  border: 1px solid var(--soi-cass-line);\n  align-items: flex-start;\n}\n\n.soi-cass-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-cass-marine);\n  color: var(--soi-cass-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-cass-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-cass-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-cass-step-content p {\n  font-size: 14px;\n  color: var(--soi-cass-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-cass-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-cass-pomme-light);\n  border-left: 4px solid var(--soi-cass-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-cass-radius) var(--soi-cass-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-cass-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-cass-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-cass-marine);\n  margin-bottom: 4px;\n}\n\n.soi-cass-tip p {\n  font-size: 14px;\n  color: var(--soi-cass-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-cass-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-cass-accordion-item {\n  background: var(--soi-cass-off-white);\n  border-radius: var(--soi-cass-radius-sm);\n  border: 1px solid var(--soi-cass-line);\n  overflow: hidden;\n}\n\n.soi-cass-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-cass-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-cass-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-cass-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-cass-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-cass-accordion-item[open] .soi-cass-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-cass-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-cass-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-cass-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cass-cta-box {\n  background: var(--soi-cass-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-cass-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-cass-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-cass-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-cass-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-cass-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-cass-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-cass-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-cass-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-cass-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-cass-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-cass-fiche {\n    --soi-cass-text-soft: #2C3E50;\n    --soi-cass-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ansil","offers":[{"title":"Default Title","offer_id":61602576171338,"sku":"CL4000","price":55.92,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-de-nuit-cassiopee-packshot_3d1bb12c-95e0-4ca2-9140-95d39c0b442e.webp?v=1781359268"},{"product_id":"baume-levres-propolia","title":"Baume à lèvres cire, karité bio et propolis - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0040_c81497fc-da6b-4f56-8ef0-2860ca9ae0d0.jpg?v=1776180226\" alt=\"Photo d'un baume à lèvre sur des lèvres\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe baume à lèvres Propolis et Karité de Propolia est spécialement formulé pour \u003cstrong\u003enourrir, réparer et protéger les lèvres sèches et gercées\u003c\/strong\u003e. Combinant les bienfaits de la propolis, du beurre de karité, et des huiles naturelles, il offre une solution naturelle et efficace pour des lèvres douces et hydratées.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales du baume à lèvres\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels :\u003c\/strong\u003e Formulé avec 100% d'ingrédients d'origine naturelle, dont 68,5% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRichesse en actifs :\u003c\/strong\u003e Contient de la cire de propolis, du beurre de karité, et des huiles de noix de coco et de noyau d’abricots.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture non grasse :\u003c\/strong\u003e Facile à appliquer, laisse les lèvres souples et douces.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat pratique :\u003c\/strong\u003e Stick de 4g, facile à emporter partout.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du baume à lèvres cire, karité bio et propolis\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrit en profondeur :\u003c\/strong\u003e Les huiles et le beurre de karité hydratent intensément les lèvres.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRépare et protège :\u003c\/strong\u003e La propolis et la cire d'abeille aident à réparer les lèvres gercées et à les protéger des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisant et adoucissant :\u003c\/strong\u003e Le miel et l'huile de noyaux d'abricot apportent douceur et apaisement aux lèvres irritées.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du baume à lèvres Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Développé et produit en Occitanie, garantissant des normes de qualité élevées.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients bio et naturels :\u003c\/strong\u003e 100% des ingrédients sont d'origine naturelle et 68,5% sont issus de l’agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePureté garantie :\u003c\/strong\u003e Sans conservateurs, sans actifs de synthèse et sans paraffine, pour une utilisation saine et naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe baume à lèvres Propolis et Karité de Propolia est la solution idéale pour ceux qui cherchent \u003cstrong\u003eà réparer et protéger leurs lèvres naturellement\u003c\/strong\u003e. Grâce à sa formule riche en actifs naturels et sa \u003cstrong\u003etexture non grasse\u003c\/strong\u003e, il convient parfaitement à une utilisation quotidienne pour toute la famille. Utilisé régulièrement, ce baume à lèvres assure des \u003cstrong\u003elèvres douces, hydratées et protégées\u003c\/strong\u003e contre les agressions extérieures. Profitez des bienfaits de la propolis, du karité et des huiles naturelles dans un format pratique à emporter partout avec vous.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61602856304970,"sku":"AP0040","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_propolia_ap0040_baume-levres.jpg?v=1776155376"},{"product_id":"creme-arcane-reine-revitalisante","title":"Crème revitalisante Gelée Royale, Pollen et Q10 en pot - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0054_eeb30cda-a4dd-4992-bff1-e0e2575dba96.jpg?v=1776180227\" alt=\"Photo d'une jeune et jolie femme dans une eau claire et savonneuse\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa crème revitalisante \"Les Arcanes de la Reine\" de Propolia est un soin haut de gamme spécialement conçu pour \u003cstrong\u003enourrir, protéger et revitaliser les peaux sèches, fatiguées et matures\u003c\/strong\u003e. Enrichie en gelée royale, pollen et coenzyme Q10, elle hydrate en profondeur tout en apportant des \u003cstrong\u003epropriétés anti-âge\u003c\/strong\u003e pour une \u003cstrong\u003epeau éclatante et rajeunie\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cette crème\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels :\u003c\/strong\u003e Formulée avec des actifs tels que la gelée royale, le pollen, l'aloès et les huiles végétales (amande douce, pépins de raisin) pour un produit sain et de qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture onctueuse :\u003c\/strong\u003e Une texture crémeuse qui pénètre facilement sans laisser de film gras.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdaptée aux peaux sèches et sensibles :\u003c\/strong\u003e Apaise les rougeurs et les sensations d'inconfort, offrant un confort durable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la crème revitalisante gelée royale, pollen et Q10\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense :\u003c\/strong\u003e La gelée royale et le pollen hydratent en profondeur, laissant la peau douce et souple.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet anti-âge :\u003c\/strong\u003e Les propriétés antioxydantes du Q10 et de la gelée royale aident à lutter contre les radicaux libres et retardent l'apparition des rides et ridules.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéparation et protection :\u003c\/strong\u003e Renforce la barrière cutanée et protège la peau des agressions extérieures.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité de la crème Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale :\u003c\/strong\u003e Développée et fabriquée en France, assurant un savoir-faire de haute qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule pure :\u003c\/strong\u003e Sans colorants ni conservateurs de synthèse, pour une utilisation respectueuse de la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestée dermatologiquement :\u003c\/strong\u003e Garantie de sécurité et de tolérance optimale, même pour les peaux les plus sensibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa crème revitalisante \"Les Arcanes de la Reine\" de Propolia est idéale pour ceux qui cherchent un soin naturel et efficace pour \u003cstrong\u003ehydrater et revitaliser leur peau\u003c\/strong\u003e. Utilisée régulièrement, elle \u003cstrong\u003eapporte éclat, douceur et jeunesse \u003c\/strong\u003eà votre visage, tout en respectant l’environnement grâce à ses ingrédients naturels et son emballage recyclable.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61602878587210,"sku":"AP0054","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ap0054_1_45c02760-e9e2-4b59-bf84-ec7a908e4514.jpg?v=1778842777"},{"product_id":"creme-de-jour-visage-au-triphala-certifiee-bio-ayurvana","title":"Crème de jour visage au Triphala certifiée bio - Ayurvana","description":"\u003cdiv class=\"soi-triph-fiche\"\u003e\n\n\u003csection class=\"soi-triph-hero\"\u003e\n  \u003cdiv class=\"soi-triph-hero-tag\"\u003e\n    \u003cspan class=\"soi-triph-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique visage · Ayurvana\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-triph-hero-title\"\u003eL'Ayurveda au service de votre éclat\u003c\/span\u003e\n  \u003cp class=\"soi-triph-hero-subtitle\"\u003eLa sagesse millénaire de l'Ayurveda au service de votre peau : une formule bio, fabriquée en France, qui nourrit, protège et révèle votre éclat naturel au quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-triph-hero-labels\"\u003e\n    \u003cspan class=\"soi-triph-label soi-triph-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-triph-label\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-triph-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-triph-label\"\u003eAYURVÉDIQUE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-triph-section\"\u003e\n  \u003ch2\u003eQu'est-ce que le Triphala et pourquoi en mettre dans une crème visage bio ?\u003c\/h2\u003e\n  \u003cp\u003eLe Triphala est l'une des formules phares de la médecine ayurvédique, utilisée depuis des millénaires en Inde. Il réunit trois fruits aux vertus complémentaires, faisant de cette crème bio pour le visage un soin vraiment complet, adapté à tous les types de peaux, y compris les peaux sensibles et mixtes.\u003c\/p\u003e\n  \u003cdiv class=\"soi-triph-benefits\"\u003e\n    \u003cdiv class=\"soi-triph-benefit\"\u003e\n      \u003cdiv class=\"soi-triph-benefit-icon\"\u003e\u003cspan\u003e🍂\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHaritaki\u003c\/h3\u003e\n      \u003cp\u003eAction purifiante et antibactérienne en profondeur, idéale pour les peaux sujettes aux imperfections.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-benefit\"\u003e\n      \u003cdiv class=\"soi-triph-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eBibhitaki\u003c\/h3\u003e\n      \u003cp\u003eFavorise la tonification et la régénération cellulaire pour un grain de peau affiné.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-benefit\"\u003e\n      \u003cdiv class=\"soi-triph-benefit-icon\"\u003e\u003cspan\u003e🍈\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAmalaki (amla)\u003c\/h3\u003e\n      \u003cp\u003eExceptionnellement riche en vitamine C naturelle, il protège la peau du vieillissement prématuré et lui restitue son éclat.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-triph-section\"\u003e\n  \u003ch2\u003eUne formule enrichie d'actifs naturels certifiés bio\u003c\/h2\u003e\n  \u003cp\u003eAu-delà du Triphala, la formule intègre des ingrédients soigneusement sélectionnés pour leur efficacité :\u003c\/p\u003e\n  \u003cdiv class=\"soi-triph-grid\"\u003e\n    \u003cdiv class=\"soi-triph-card\"\u003e\n      \u003ch3\u003e🌸 Huile d'onagre\u003c\/h3\u003e\n      \u003cp\u003eApaise les sensations de tiraillement et soutient le confort des peaux sèches ou réactives.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-card\"\u003e\n      \u003ch3\u003e🌿 Hamamélis\u003c\/h3\u003e\n      \u003cp\u003eTonifie les vaisseaux superficiels, réduit les rougeurs et resserre les pores visibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-card\"\u003e\n      \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n      \u003cp\u003eProtège l'épiderme des agressions extérieures grâce à ses propriétés antioxydantes et hydratantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-card\"\u003e\n      \u003ch3\u003e🌰 Huile essentielle de calophyllum\u003c\/h3\u003e\n      \u003cp\u003eFavorise la régénération des tissus fragilisés et restitue souplesse et élasticité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-card\"\u003e\n      \u003ch3\u003e🧈 Beurre de karité, cire d'abeille, camomille romaine, huile de tournesol\u003c\/h3\u003e\n      \u003cp\u003eUn bouquet nourrissant et apaisant qui enveloppe les peaux sèches et sensibles d'un véritable cocon de douceur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-triph-section\"\u003e\n  \u003ch2\u003eComment utiliser la crème de jour visage au Triphala ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-triph-timeline\"\u003e\n    \u003cdiv class=\"soi-triph-step\"\u003e\n      \u003cdiv class=\"soi-triph-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-step-content\"\u003e\n        \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n        \u003cp\u003eNettoyez et séchez soigneusement votre visage avant l'application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-step\"\u003e\n      \u003cdiv class=\"soi-triph-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-step-content\"\u003e\n        \u003ch3\u003eAppliquez la crème\u003c\/h3\u003e\n        \u003cp\u003eAppliquez une noisette de crème sur le visage et le cou en massages circulaires doux, matin et soir si vous le souhaitez.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-step\"\u003e\n      \u003cdiv class=\"soi-triph-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-step-content\"\u003e\n        \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n        \u003cp\u003eLaissez pénétrer quelques instants : la texture légère s'absorbe rapidement sans laisser de film gras, idéale sous le maquillage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-triph-tip\"\u003e\n    \u003cdiv class=\"soi-triph-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour un résultat optimal, utilisez cette crème en cure régulière. Les premiers effets sur l'éclat et le confort de la peau se ressentent généralement en 2 à 4 semaines d'utilisation quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-triph-section\"\u003e\n  \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n  \u003cp class=\"soi-triph-inci\"\u003eAqua, Aloe Barbadensis Leaf Juice*, Helianthus Annuus Seed Oil*, Butyrospermum Parkii Butter*, Oenothera Biennis Oil*, Beeswax*, Calophyllum Inophyllum Seed Oil*, Hamamelis Virginiana Leaf Extract*, Phyllanthus Emblica Fruit Extract* (Amalaki), Terminalia Chebula Fruit Extract* (Haritaki), Terminalia Bellirica Fruit Extract* (Bibhitaki), Anthemis Nobilis Flower Extract* (Camomille romaine), Citrus Sinensis Peel Oil* (Orange), Citrus Reticulata Peel Oil* (Mandarine), Citrus Limon Peel Oil* (Citron), Glycerin, Xanthan Gum, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-triph-section\"\u003e\n  \u003ch2\u003ePourquoi choisir une crème visage bio certifiée COSMOS ORGANIC ?\u003c\/h2\u003e\n  \u003cp\u003eLa certification \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e est la référence européenne la plus exigeante en cosmétique bio. Elle garantit que la majorité des ingrédients sont d'origine naturelle, qu'une part significative est issue de l'agriculture biologique certifiée, et que le produit est exempt de parabènes, de sulfates, de silicones ou de colorants de synthèse.\u003c\/p\u003e\n  \u003cp\u003eChoisir cette crème visage hydratante bio certifiée, c'est aussi faire un geste pour votre peau et pour la planète.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-triph-section\"\u003e\n  \u003ch2\u003ePour qui est recommandée cette crème bio pour le visage ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-triph-grid\"\u003e\n    \u003cdiv class=\"soi-triph-card\"\u003e\n      \u003ch3\u003e🏜️ Peaux sèches ou déshydratées\u003c\/h3\u003e\n      \u003cp\u003eEn quête de confort durable et d'une nutrition en profondeur au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-card\"\u003e\n      \u003ch3\u003e🌷 Peaux sensibles ou réactives\u003c\/h3\u003e\n      \u003cp\u003eQui supportent mal les formules conventionnelles et recherchent la douceur d'actifs naturels certifiés.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-card\"\u003e\n      \u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n      \u003cp\u003eSouhaitant équilibrer brillance et hydratation sans effet gras.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-card\"\u003e\n      \u003ch3\u003e🧘 Adeptes de l'Ayurveda\u003c\/h3\u003e\n      \u003cp\u003eToute personne souhaitant intégrer la phytothérapie ayurvédique dans sa routine beauté quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-triph-accordion\"\u003e\n    \u003cdetails class=\"soi-triph-accordion-item\"\u003e\n      \u003csummary class=\"soi-triph-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-triph-accordion-content\"\u003e\n        \u003cp\u003eCe produit cosmétique ne remplace pas un traitement dermatologique. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-triph-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-triph-cta-box\"\u003e\n    \u003cp class=\"soi-triph-cta-tag\" style=\"color: white;\"\u003eUn rituel beauté inspiré de l'Ayurveda\u003c\/p\u003e\n    \u003cp class=\"soi-triph-cta-text\" style=\"color: white;\"\u003eDouce et enveloppante, la crème de jour Triphala d'Ayurvana transforme chaque matin en un moment de soin. Une formule bio, fabriquée en France, qui nourrit, protège et révèle le meilleur de votre peau, naturellement.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-triph-marine: #1A2D3D;\n  --soi-triph-marine-dark: #0F1E2B;\n  --soi-triph-marine-light: #2C4458;\n  --soi-triph-pomme: #A1C544;\n  --soi-triph-pomme-dark: #84A636;\n  --soi-triph-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-triph-white: #FFFFFF;\n  --soi-triph-off-white: #F8FAF6;\n  --soi-triph-stone: #F1F3EE;\n  --soi-triph-line: #E5E8E0;\n\n  --soi-triph-primary: #7CA86E;\n  --soi-triph-primary-soft: rgba(124,168,110,0.12);\n  --soi-triph-accent: #D88542;\n\n  --soi-triph-text: #1A2D3D;\n  --soi-triph-text-soft: #4A5B6B;\n  --soi-triph-text-muted: #7B8693;\n\n  --soi-triph-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-triph-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-triph-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-triph-radius: 12px;\n  --soi-triph-radius-sm: 8px;\n  --soi-triph-radius-pill: 999px;\n}\n\n.soi-triph-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-triph-fiche img { max-width: 100%; height: auto; }\n\n.soi-triph-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-triph-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-triph-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-triph-hero {\n  position: relative;\n  background: var(--soi-triph-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-triph-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-triph-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-triph-pomme);\n}\n\n.soi-triph-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-triph-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-triph-pomme);\n  border-radius: 50%;\n}\n\n.soi-triph-hero-title {\n  display: block;\n  color: var(--soi-triph-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-triph-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-triph-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-triph-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-triph-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-triph-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-triph-label-accent {\n  background: var(--soi-triph-pomme);\n  border-color: var(--soi-triph-pomme);\n  color: var(--soi-triph-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-triph-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-triph-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-triph-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-triph-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-triph-pomme);\n  border-radius: 2px;\n}\n\n.soi-triph-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-triph-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-triph-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-triph-section p em {\n  color: var(--soi-triph-text-soft);\n  font-size: 13px;\n}\n\n.soi-triph-inci {\n  background: var(--soi-triph-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-triph-radius-sm);\n  border: 1px solid var(--soi-triph-line);\n  font-size: 13px;\n  color: var(--soi-triph-text-soft);\n  line-height: 1.7;\n  word-break: break-word;\n}\n\n\/* === BENEFITS === *\/\n.soi-triph-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-triph-benefit {\n  background: var(--soi-triph-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-triph-radius);\n  border: 1px solid var(--soi-triph-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-triph-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-triph-shadow-md);\n}\n\n.soi-triph-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-triph-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-triph-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-triph-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-triph-benefit:hover .soi-triph-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-triph-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-triph-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-triph-benefit p {\n  font-size: 13px;\n  color: var(--soi-triph-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-triph-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-triph-card {\n  background: var(--soi-triph-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-triph-radius);\n  border-left: 3px solid var(--soi-triph-pomme);\n}\n\n.soi-triph-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-triph-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-triph-card p {\n  font-size: 14px;\n  color: var(--soi-triph-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-triph-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-triph-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-triph-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-triph-radius);\n  border: 1px solid var(--soi-triph-line);\n  align-items: flex-start;\n}\n\n.soi-triph-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-triph-marine);\n  color: var(--soi-triph-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-triph-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-triph-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-triph-step-content p {\n  font-size: 14px;\n  color: var(--soi-triph-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-triph-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-triph-pomme-light);\n  border-left: 4px solid var(--soi-triph-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-triph-radius) var(--soi-triph-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-triph-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-triph-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-triph-marine);\n  margin-bottom: 4px;\n}\n\n.soi-triph-tip p {\n  font-size: 14px;\n  color: var(--soi-triph-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-triph-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-triph-accordion-item {\n  background: var(--soi-triph-off-white);\n  border-radius: var(--soi-triph-radius-sm);\n  border: 1px solid var(--soi-triph-line);\n  overflow: hidden;\n}\n\n.soi-triph-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-triph-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-triph-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-triph-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-triph-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-triph-accordion-item[open] .soi-triph-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-triph-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-triph-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-triph-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-triph-cta-box {\n  background: var(--soi-triph-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-triph-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-triph-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-triph-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-triph-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-triph-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-triph-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-triph-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-triph-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-triph-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-triph-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-triph-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-triph-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-triph-fiche {\n    --soi-triph-text-soft: #2C3E50;\n    --soi-triph-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61602907095370,"sku":"AY9947","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-de-jour-visage-au-triphala-certifiee-bio-ayurvana-packshot_f0a2bdb3-807b-4afc-94e9-5a1e31f744e6.webp?v=1779980469"},{"product_id":"silagene-restructurant-anti-age","title":"SILAGENE® Restructurant - Crème anti-âge au Silagène","description":"\u003cdiv class=\"soi-silg-fiche\"\u003e\n\n  \u003csection class=\"soi-silg-hero\"\u003e\n    \u003cdiv class=\"soi-silg-hero-tag\"\u003e\n      \u003cspan class=\"soi-silg-tag-dot\"\u003e\u003c\/span\u003e\n      Soin anti-âge restructurant · Dr. Saubens\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-silg-hero-title\"\u003eSilagène® Restructurant\u003c\/span\u003e\n    \u003cp class=\"soi-silg-hero-subtitle\"\u003eQuatre actifs complémentaires au service de votre peau mixte : fermeté retrouvée, rides atténuées, éclat ravivé, hydratation durable.\u003c\/p\u003e\n    \u003cdiv class=\"soi-silg-hero-labels\"\u003e\n      \u003cspan class=\"soi-silg-label soi-silg-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-silg-label\"\u003eFLACON POMPE 50 ML\u003c\/span\u003e\n      \u003cspan class=\"soi-silg-label\"\u003ePEAUX MIXTES\u003c\/span\u003e\n      \u003cspan class=\"soi-silg-label\"\u003e4 ACTIFS ANTI-ÂGE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-silg-section\"\u003e\n    \u003ch2\u003ePourquoi le Silagène® Restructurant se distingue des autres crèmes anti-âge\u003c\/h2\u003e\n    \u003cp class=\"soi-silg-section-intro\"\u003eContrairement à de nombreuses crèmes restructurantes du marché, le Silagène® Restructurant ne mise pas sur un seul actif phare. Sa force réside dans la synergie de quatre ingrédients clés, chacun ciblant un aspect précis du vieillissement cutané.\u003c\/p\u003e\n    \u003cdiv class=\"soi-silg-benefits\"\u003e\n      \u003cdiv class=\"soi-silg-benefit\"\u003e\n        \u003cdiv class=\"soi-silg-benefit-icon\"\u003e\u003cspan\u003e🔬\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSilicium Organique\u003c\/h3\u003e\n        \u003cp\u003eIl renforce la matrice dermique, stimule naturellement la synthèse de collagène et redonne à votre peau son architecture d'origine. C'est l'ingrédient signature de la gamme Silagène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-benefit\"\u003e\n        \u003cdiv class=\"soi-silg-benefit-icon\"\u003e\u003cspan\u003e🐚\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCollagène Marin\u003c\/h3\u003e\n        \u003cp\u003eSource de peptides hautement biodisponibles, il contribue à lisser les rides installées et à raffermir le contour du visage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-benefit\"\u003e\n        \u003cdiv class=\"soi-silg-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAcide Hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eIl comble les ridules de surface et maintient une hydratation profonde et durable dans les couches supérieures de l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-benefit\"\u003e\n        \u003cdiv class=\"soi-silg-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine E\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant, elle neutralise les radicaux libres et protège votre peau des agressions extérieures responsables du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-silg-section\"\u003e\n    \u003ch2\u003eÀ quoi s'attendre concrètement après utilisation ?\u003c\/h2\u003e\n    \u003cp class=\"soi-silg-section-intro\"\u003eLes utilisatrices de peaux mixtes témoignent régulièrement d'une peau plus lisse, plus lumineuse et visiblement repulpée après 4 à 6 semaines d'utilisation quotidienne. Voici ce que la formule cible.\u003c\/p\u003e\n    \u003cdiv class=\"soi-silg-grid\"\u003e\n      \u003cdiv class=\"soi-silg-card\"\u003e\n        \u003ch3\u003e✨ Rides atténuées\u003c\/h3\u003e\n        \u003cp\u003eAtténuation des rides et ridules du front, des pattes d'oie et du contour des lèvres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-card\"\u003e\n        \u003ch3\u003e🌟 Teint ravivé\u003c\/h3\u003e\n        \u003cp\u003eRéduction de l'aspect fatigué et des cernes grâce à une texture légère, idéale aussi autour des yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-card\"\u003e\n        \u003ch3\u003e🎯 Teint uniforme\u003c\/h3\u003e\n        \u003cp\u003eUniformisation du teint et réduction de l'apparence des taches de vieillesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-card\"\u003e\n        \u003ch3\u003e💎 Fermeté retrouvée\u003c\/h3\u003e\n        \u003cp\u003ePeau plus ferme, plus dense au toucher, sans sensation de lourdeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-silg-tip\"\u003e\n      \u003cdiv class=\"soi-silg-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSa texture légère à pénétration rapide est l'un de ses véritables atouts pour les peaux mixtes : elle hydrate sans obstruer les pores et laisse un fini mat naturel, sans film gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-silg-section\"\u003e\n    \u003ch2\u003eComment utiliser la crème restructurante Silagène® ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-silg-timeline\"\u003e\n      \u003cdiv class=\"soi-silg-step\"\u003e\n        \u003cdiv class=\"soi-silg-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-silg-step-content\"\u003e\n          \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n          \u003cp\u003eNettoyez soigneusement votre visage le matin et\/ou le soir avant l'application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-step\"\u003e\n        \u003cdiv class=\"soi-silg-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-silg-step-content\"\u003e\n          \u003ch3\u003eDosez avec la pompe hygiénique\u003c\/h3\u003e\n          \u003cp\u003eAppuyez sur la pompe luxe hygiénique pour déposer une noisette de crème dans le creux de la main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-step\"\u003e\n        \u003cdiv class=\"soi-silg-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-silg-step-content\"\u003e\n          \u003ch3\u003eAppliquez en mouvements circulaires\u003c\/h3\u003e\n          \u003cp\u003eAppliquez en mouvements circulaires ascendants sur le visage, le cou et le décolleté si souhaité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-step\"\u003e\n        \u003cdiv class=\"soi-silg-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-silg-step-content\"\u003e\n          \u003ch3\u003eMatin et soir\u003c\/h3\u003e\n          \u003cp\u003eUtilisez matin et soir pour des résultats optimaux et durables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-silg-section\"\u003e\n    \u003ch2\u003eComposition du Silagène® Restructurant (50 ml)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-silg-compo\"\u003e\n      \u003cdiv class=\"soi-silg-compo-row\"\u003e\n        \u003cspan class=\"soi-silg-compo-label\"\u003eActifs principaux\u003c\/span\u003e\n        \u003cspan class=\"soi-silg-compo-value\"\u003eSilicium Organique, Collagène Marin, Acide Hyaluronique, Vitamine E (tocophérol)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-compo-row\"\u003e\n        \u003cspan class=\"soi-silg-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-silg-compo-value\"\u003eFlacon pompe 50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-compo-row\"\u003e\n        \u003cspan class=\"soi-silg-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-silg-compo-value\"\u003eQuotidien, matin et soir\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-compo-row\"\u003e\n        \u003cspan class=\"soi-silg-compo-label\"\u003eType de peau\u003c\/span\u003e\n        \u003cspan class=\"soi-silg-compo-value\"\u003ePeaux mixtes à tendance mixte à grasse vieillissante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-silg-compo-row\"\u003e\n        \u003cspan class=\"soi-silg-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-silg-compo-value\"\u003eFrance, Dr. Saubens\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-silg-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-silg-accordion\"\u003e\n      \u003cdetails class=\"soi-silg-accordion-item\"\u003e\n        \u003csummary class=\"soi-silg-accordion-header\"\u003e⚠️ Usage et application\u003c\/summary\u003e\n        \u003cdiv class=\"soi-silg-accordion-content\"\u003e\n          \u003cp\u003eRéservé à un usage externe, sur peau propre et sèche. Évitez le contact avec les yeux. En cas d'irritation, cessez l'utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-silg-accordion-item\"\u003e\n        \u003csummary class=\"soi-silg-accordion-header\"\u003e💊 Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-silg-accordion-content\"\u003e\n          \u003cp\u003eCe produit cosmétique ne se substitue à aucun traitement médical dermatologique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-silg-accordion-item\"\u003e\n        \u003csummary class=\"soi-silg-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-silg-accordion-content\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-silg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-silg-cta-box\"\u003e\n      \u003cp class=\"soi-silg-cta-tag\" style=\"color: white;\"\u003eVotre routine anti-âge, simplifiée\u003c\/p\u003e\n      \u003cp class=\"soi-silg-cta-text\" style=\"color: white;\"\u003eQuand votre peau mixte commence à manquer de tonus et d'éclat, le Silagène® Restructurant lui redonne sa densité perdue, ridule après ridule. Silicium organique, collagène marin, acide hyaluronique et vitamine E : un flacon, quatre actifs, une routine qui fait vraiment la différence.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-silg-marine: #1A2D3D;\n  --soi-silg-marine-dark: #0F1E2B;\n  --soi-silg-marine-light: #2C4458;\n  --soi-silg-pomme: #A1C544;\n  --soi-silg-pomme-dark: #84A636;\n  --soi-silg-pomme-light: rgba(161,197,68,0.10);\n  --soi-silg-white: #FFFFFF;\n  --soi-silg-off-white: #F8FAF6;\n  --soi-silg-stone: #F1F3EE;\n  --soi-silg-line: #E5E8E0;\n  --soi-silg-primary: #8DC5B6;\n  --soi-silg-primary-soft: #C5E4DA;\n  --soi-silg-accent: #B8C4CC;\n  --soi-silg-text: #1A2D3D;\n  --soi-silg-text-soft: #4A5B6B;\n  --soi-silg-text-muted: #7B8693;\n  --soi-silg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-silg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-silg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-silg-radius: 12px;\n  --soi-silg-radius-sm: 8px;\n  --soi-silg-radius-pill: 999px;\n}\n\n.soi-silg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-silg-fiche img { max-width: 100%; height: auto; }\n\n.soi-silg-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-silg-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-silg-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-silg-hero {\n  position: relative;\n  background: var(--soi-silg-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-silg-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-silg-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-silg-pomme);\n}\n\n.soi-silg-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-silg-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-silg-pomme);\n  border-radius: 50%;\n}\n\n.soi-silg-hero-title {\n  display: block;\n  color: var(--soi-silg-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-silg-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-silg-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-silg-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-silg-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-silg-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-silg-label-accent {\n  background: var(--soi-silg-pomme);\n  border-color: var(--soi-silg-pomme);\n  color: var(--soi-silg-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-silg-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-silg-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-silg-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-silg-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-silg-pomme);\n  border-radius: 2px;\n}\n\n.soi-silg-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-silg-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-silg-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-silg-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-silg-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-silg-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-silg-benefit {\n  background: var(--soi-silg-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-silg-radius);\n  border: 1px solid var(--soi-silg-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-silg-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-silg-shadow-md);\n}\n\n.soi-silg-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-silg-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-silg-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-silg-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-silg-benefit:hover .soi-silg-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-silg-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-silg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-silg-benefit p {\n  font-size: 13px;\n  color: var(--soi-silg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-silg-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-silg-card {\n  background: var(--soi-silg-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-silg-radius);\n  border-left: 3px solid var(--soi-silg-pomme);\n}\n\n.soi-silg-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-silg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-silg-card p {\n  font-size: 14px;\n  color: var(--soi-silg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-silg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-silg-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-silg-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-silg-radius);\n  border: 1px solid var(--soi-silg-line);\n  align-items: flex-start;\n}\n\n.soi-silg-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-silg-marine);\n  color: var(--soi-silg-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-silg-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-silg-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-silg-step-content p {\n  font-size: 14px;\n  color: var(--soi-silg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-silg-compo {\n  background: var(--soi-silg-off-white);\n  border-radius: var(--soi-silg-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-silg-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-silg-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-silg-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-silg-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-silg-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-silg-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-silg-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-silg-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-silg-pomme-light);\n  border-left: 4px solid var(--soi-silg-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-silg-radius) var(--soi-silg-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-silg-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-silg-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-silg-marine);\n  margin-bottom: 4px;\n}\n\n.soi-silg-tip p {\n  font-size: 14px;\n  color: var(--soi-silg-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-silg-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-silg-accordion-item {\n  background: var(--soi-silg-off-white);\n  border-radius: var(--soi-silg-radius-sm);\n  border: 1px solid var(--soi-silg-line);\n  overflow: hidden;\n}\n\n.soi-silg-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-silg-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-silg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-silg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-silg-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-silg-accordion-item[open] .soi-silg-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-silg-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-silg-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-silg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-silg-cta-box {\n  background: var(--soi-silg-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-silg-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-silg-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-silg-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-silg-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-silg-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-silg-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-silg-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-silg-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-silg-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-silg-compo-value {\n    text-align: left;\n  }\n\n  .soi-silg-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-silg-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-silg-fiche {\n    --soi-silg-text-soft: #2C3E50;\n    --soi-silg-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Labo Santé Silice","offers":[{"title":"Default Title","offer_id":61602985771338,"sku":"LS0130","price":22.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/silagene-restructurant-en-flacon-packshot_9b91c9cb-b879-4cc1-b5c3-5169c755af6c.webp?v=1781356193"},{"product_id":"silagene®-nutri-intense-en-flacon","title":"SILAGENE® Nutri-Intense - Crème anti-âge Peau Mature","description":"\u003cdiv class=\"soi-ntri-fiche\"\u003e\n\n\u003csection class=\"soi-ntri-hero\"\u003e\n  \u003cdiv class=\"soi-ntri-hero-tag\"\u003e\n    \u003cspan class=\"soi-ntri-tag-dot\"\u003e\u003c\/span\u003e\n    Soin visage anti-âge · Labo Santé Silice\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-ntri-hero-title\"\u003eSILAGÈNE® Nutri-Intense\u003c\/span\u003e\n  \u003cp class=\"soi-ntri-hero-subtitle\"\u003eSept actifs complémentaires pour offrir à votre peau mature hydratation intense, nutrition durable et action visible sur les rides.\u003c\/p\u003e\n  \u003cdiv class=\"soi-ntri-hero-labels\"\u003e\n    \u003cspan class=\"soi-ntri-label soi-ntri-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-ntri-label\"\u003eSANS SILICONES DE SYNTHÈSE\u003c\/span\u003e\n    \u003cspan class=\"soi-ntri-label\"\u003eFLACON POMPE 50 ML\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ntri-section\"\u003e\n  \u003ch2\u003ePourquoi choisir SILAGÈNE® Nutri-Intense parmi les soins visage ?\u003c\/h2\u003e\n  \u003cp\u003eContrairement aux crèmes classiques qui se contentent d'agir en surface, la Nutri-Intense cible simultanément plusieurs mécanismes du vieillissement cutané : la perte d'élasticité, la fragilité de la barrière cutanée et le déficit en hydratation.\u003c\/p\u003e\n  \u003cp\u003eSa texture soyeuse pénètre rapidement, sans effet gras ni résidu collant, ce qui en fait un soin naturel du visage parfaitement adapté à une utilisation matin et soir, y compris sur le délicat contour des yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ntri-section\"\u003e\n  \u003ch2\u003eComposition complète et actifs clés\u003c\/h2\u003e\n  \u003cp class=\"soi-ntri-section-intro\"\u003eVoici ce que contient chaque application de SILAGÈNE® Nutri-Intense, et pourquoi chaque ingrédient compte :\u003c\/p\u003e\n  \u003cdiv class=\"soi-ntri-grid\"\u003e\n    \u003cdiv class=\"soi-ntri-card\"\u003e\n      \u003ch3\u003e🔬 Silicium Organique\u003c\/h3\u003e\n      \u003cp\u003eMinéral structurant, il stimule la production naturelle de collagène et renforce la tonicité cutanée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-card\"\u003e\n      \u003ch3\u003e🐚 Collagène Marin\u003c\/h3\u003e\n      \u003cp\u003eRaffermit les tissus, atténue les rides de surface et redensifie le grain de peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-card\"\u003e\n      \u003ch3\u003e🛡️ Céramides\u003c\/h3\u003e\n      \u003cp\u003eRestaurent la barrière cutanée pour limiter la perte en eau et protéger des agressions extérieures.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-card\"\u003e\n      \u003ch3\u003e⚡ Co-Enzyme Q10\u003c\/h3\u003e\n      \u003cp\u003eAntioxydant puissant qui neutralise les radicaux libres responsables du vieillissement accéléré.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-card\"\u003e\n      \u003ch3\u003e🌿 Vitamine E\u003c\/h3\u003e\n      \u003cp\u003eProtège la peau des stress environnementaux (pollution, UV diffus) et favorise un teint unifié.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-card\"\u003e\n      \u003ch3\u003e🫐 Huile de pépins de Framboise\u003c\/h3\u003e\n      \u003cp\u003eRiche en oméga 3 et 6, elle nourrit en profondeur et apporte un confort immédiat, même sur les peaux les plus desséchées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-card\"\u003e\n      \u003ch3\u003e💧 Acide Hyaluronique\u003c\/h3\u003e\n      \u003cp\u003eRepulpe et lisse en attirant l'eau au cœur des cellules pour une hydratation durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ntri-section\"\u003e\n  \u003ch2\u003eComment utiliser ce soin naturel pour le visage ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-ntri-timeline\"\u003e\n    \u003cdiv class=\"soi-ntri-step\"\u003e\n      \u003cdiv class=\"soi-ntri-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-ntri-step-content\"\u003e\n        \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n        \u003cp\u003eNettoyez soigneusement votre peau avant chaque application pour permettre aux actifs de pénétrer sans obstacle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-step\"\u003e\n      \u003cdiv class=\"soi-ntri-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-ntri-step-content\"\u003e\n        \u003ch3\u003eDéposez une noisette de crème\u003c\/h3\u003e\n        \u003cp\u003eAppuyez sur la pompe pour déposer une noisette de crème dans le creux de la main.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-step\"\u003e\n      \u003cdiv class=\"soi-ntri-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-ntri-step-content\"\u003e\n        \u003ch3\u003eAppliquez en massages circulaires\u003c\/h3\u003e\n        \u003cp\u003eMassez délicatement le visage, le cou et le contour des yeux, matin et soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-step\"\u003e\n      \u003cdiv class=\"soi-ntri-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-ntri-step-content\"\u003e\n        \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n        \u003cp\u003eNe rincez pas. Les résultats sur la souplesse et l'éclat sont généralement visibles après 4 à 6 semaines d'utilisation régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ntri-section\"\u003e\n  \u003ch2\u003ePour qui est fait ce soin hydratant visage ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-ntri-benefits\"\u003e\n    \u003cdiv class=\"soi-ntri-benefit\"\u003e\n      \u003cdiv class=\"soi-ntri-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePeaux matures\u003c\/h3\u003e\n      \u003cp\u003eUn apport nutritif ciblé et une stimulation de la régénération naturelle pour les peaux en quête de fermeté retrouvée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-benefit\"\u003e\n      \u003cdiv class=\"soi-ntri-benefit-icon\"\u003e\u003cspan\u003e💦\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePeaux sèches ou déshydratées\u003c\/h3\u003e\n      \u003cp\u003eUne hydratation profonde et durable grâce à l'acide hyaluronique et aux céramides, pour restaurer le confort cutané.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-benefit\"\u003e\n      \u003cdiv class=\"soi-ntri-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePeaux fatiguées\u003c\/h3\u003e\n      \u003cp\u003eS'intègre parfaitement dans une routine de soin du visage au naturel, seule ou en complément d'un sérum visage hydratant plus ciblé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-ntri-tip\"\u003e\n    \u003cdiv class=\"soi-ntri-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eSon format flacon pompe 50 ml, hygiénique et pratique, garantit une formule préservée du premier au dernier usage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ntri-section\"\u003e\n  \u003ch2\u003eCe qu'on apprécie vraiment dans cette crème\u003c\/h2\u003e\n  \u003cdiv class=\"soi-ntri-grid-compact\"\u003e\n    \u003cdiv class=\"soi-ntri-card-mini\"\u003e\n      \u003cspan class=\"soi-ntri-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n      \u003cspan class=\"soi-ntri-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-ntri-card-mini-value\"\u003eSans silicones de synthèse\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-card-mini\"\u003e\n      \u003cspan class=\"soi-ntri-card-mini-icon\"\u003e🎯\u003c\/span\u003e\n      \u003cspan class=\"soi-ntri-card-mini-label\"\u003eAction\u003c\/span\u003e\n      \u003cspan class=\"soi-ntri-card-mini-value\"\u003eRides, fermeté, hydratation, protection\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-card-mini\"\u003e\n      \u003cspan class=\"soi-ntri-card-mini-icon\"\u003e☁️\u003c\/span\u003e\n      \u003cspan class=\"soi-ntri-card-mini-label\"\u003eTexture\u003c\/span\u003e\n      \u003cspan class=\"soi-ntri-card-mini-value\"\u003eNon grasse, idéale sous le maquillage\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ntri-card-mini\"\u003e\n      \u003cspan class=\"soi-ntri-card-mini-icon\"\u003e👁️\u003c\/span\u003e\n      \u003cspan class=\"soi-ntri-card-mini-label\"\u003eZone\u003c\/span\u003e\n      \u003cspan class=\"soi-ntri-card-mini-value\"\u003eVisage, cou et contour des yeux\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ntri-section\"\u003e\n  \u003cdiv class=\"soi-ntri-accordion\"\u003e\n    \u003cdetails class=\"soi-ntri-accordion-item\"\u003e\n      \u003csummary class=\"soi-ntri-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"soi-ntri-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un cosmétique, il ne se substitue pas à un traitement médical. En cas de doute sur votre type de peau ou de réaction, consultez un dermatologue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-ntri-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-ntri-cta-box\"\u003e\n    \u003cp class=\"soi-ntri-cta-tag\" style=\"color: white;\"\u003eVotre rituel anti-âge au naturel\u003c\/p\u003e\n    \u003cp class=\"soi-ntri-cta-text\" style=\"color: white;\"\u003eSept actifs, une texture qui fond sur la peau, et des résultats qui s'installent dans la durée. Jour après jour, votre peau retrouve souplesse, éclat et ce confort qu'on reconnaît immédiatement au toucher.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-ntri-marine: #1A2D3D;\n  --soi-ntri-marine-dark: #0F1E2B;\n  --soi-ntri-marine-light: #2C4458;\n  --soi-ntri-pomme: #A1C544;\n  --soi-ntri-pomme-dark: #84A636;\n  --soi-ntri-pomme-light: rgba(161,197,68,0.10);\n  --soi-ntri-white: #FFFFFF;\n  --soi-ntri-off-white: #F8FAF6;\n  --soi-ntri-stone: #F1F3EE;\n  --soi-ntri-line: #E5E8E0;\n  --soi-ntri-primary: #B2CDD3;\n  --soi-ntri-primary-soft: #D6E7EB;\n  --soi-ntri-accent: #D4A8A4;\n  --soi-ntri-text: #1A2D3D;\n  --soi-ntri-text-soft: #4A5B6B;\n  --soi-ntri-text-muted: #7B8693;\n  --soi-ntri-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ntri-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ntri-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ntri-radius: 12px;\n  --soi-ntri-radius-sm: 8px;\n  --soi-ntri-radius-pill: 999px;\n}\n\n.soi-ntri-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ntri-fiche img { max-width: 100%; height: auto; }\n\n.soi-ntri-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ntri-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ntri-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-ntri-hero {\n  position: relative;\n  background: var(--soi-ntri-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-ntri-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ntri-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ntri-pomme);\n}\n\n.soi-ntri-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-ntri-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ntri-pomme);\n  border-radius: 50%;\n}\n\n.soi-ntri-hero-title {\n  display: block;\n  color: var(--soi-ntri-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-ntri-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-ntri-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ntri-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-ntri-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ntri-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ntri-label-accent {\n  background: var(--soi-ntri-pomme);\n  border-color: var(--soi-ntri-pomme);\n  color: var(--soi-ntri-marine);\n  font-weight: 600;\n}\n\n.soi-ntri-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ntri-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ntri-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-ntri-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ntri-pomme);\n  border-radius: 2px;\n}\n\n.soi-ntri-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ntri-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-ntri-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ntri-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ntri-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-ntri-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-ntri-benefit {\n  background: var(--soi-ntri-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ntri-radius);\n  border: 1px solid var(--soi-ntri-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ntri-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ntri-shadow-md);\n}\n\n.soi-ntri-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ntri-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-ntri-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ntri-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ntri-benefit:hover .soi-ntri-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ntri-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ntri-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ntri-benefit p {\n  font-size: 13px;\n  color: var(--soi-ntri-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ntri-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-ntri-card {\n  background: var(--soi-ntri-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ntri-radius);\n  border-left: 3px solid var(--soi-ntri-pomme);\n}\n\n.soi-ntri-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ntri-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ntri-card p {\n  font-size: 14px;\n  color: var(--soi-ntri-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ntri-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-ntri-card-mini {\n  background: var(--soi-ntri-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-ntri-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-ntri-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-ntri-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-ntri-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-ntri-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ntri-marine);\n}\n\n.soi-ntri-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-ntri-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ntri-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ntri-radius);\n  border: 1px solid var(--soi-ntri-line);\n  align-items: flex-start;\n}\n\n.soi-ntri-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ntri-marine);\n  color: var(--soi-ntri-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-ntri-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ntri-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ntri-step-content p {\n  font-size: 14px;\n  color: var(--soi-ntri-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ntri-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ntri-pomme-light);\n  border-left: 4px solid var(--soi-ntri-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ntri-radius) var(--soi-ntri-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-ntri-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ntri-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ntri-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ntri-tip p {\n  font-size: 14px;\n  color: var(--soi-ntri-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ntri-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ntri-accordion-item {\n  background: var(--soi-ntri-off-white);\n  border-radius: var(--soi-ntri-radius-sm);\n  border: 1px solid var(--soi-ntri-line);\n  overflow: hidden;\n}\n\n.soi-ntri-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ntri-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-ntri-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ntri-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ntri-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ntri-accordion-item[open] .soi-ntri-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ntri-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ntri-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ntri-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-ntri-cta-box {\n  background: var(--soi-ntri-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ntri-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ntri-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-ntri-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ntri-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-ntri-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ntri-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ntri-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-ntri-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-ntri-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-ntri-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ntri-fiche {\n    --soi-ntri-text-soft: #2C3E50;\n    --soi-ntri-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Labo Santé Silice","offers":[{"title":"Default Title","offer_id":61602986983754,"sku":"LS0140","price":25.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/silagene-nutri-intense-en-flacon-packshots.webp?v=1781356867"},{"product_id":"gommage-visage-triphala-bio","title":"Gommage Visage au Triphala Bio - Ayurvana","description":"\u003cdiv class=\"soi-triph-fiche\"\u003e\n\n  \u003csection class=\"soi-triph-hero\"\u003e\n    \u003cdiv class=\"soi-triph-hero-tag\"\u003e\n      \u003cspan class=\"soi-triph-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique visage · Ayurvana\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-triph-hero-title\"\u003eGommage visage au Triphala certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-triph-hero-subtitle\"\u003eTrois fruits sacrés de l'Ayurveda réunis dans un gommage doux et purifiant, pour révéler l'éclat naturel de votre peau.\u003c\/p\u003e\n    \u003cdiv class=\"soi-triph-hero-labels\"\u003e\n      \u003cspan class=\"soi-triph-label soi-triph-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-triph-label\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-triph-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-triph-label\"\u003eAYURVÉDIQUE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-triph-section\"\u003e\n    \u003ch2\u003eLe Triphala : l'or vert de l'Ayurveda au service de votre peau\u003c\/h2\u003e\n    \u003cp\u003eLe \u003cstrong\u003eTriphala bio\u003c\/strong\u003e est un concentré de trois fruits sacrés de la médecine ayurvédique : l'Amalaki (groseille indienne), le Bibhitaki et le Haritaki. Ensemble, ils forment un complexe exfoliant naturel d'exception.\u003c\/p\u003e\n    \u003cdiv class=\"soi-triph-benefits\"\u003e\n      \u003cdiv class=\"soi-triph-benefit\"\u003e\n        \u003cdiv class=\"soi-triph-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eExfoliation douce\u003c\/h3\u003e\n        \u003cp\u003eLes micro-grains éliminent en douceur les cellules mortes, les impuretés et l'excès de sébum, sans agresser la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-benefit\"\u003e\n        \u003cdiv class=\"soi-triph-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eGrain de peau affiné\u003c\/h3\u003e\n        \u003cp\u003eVotre peau retrouve une texture lisse et uniforme, libérée des rugosités et des pores obstrués.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-benefit\"\u003e\n        \u003cdiv class=\"soi-triph-benefit-icon\"\u003e\u003cspan\u003e🌟\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTeint lumineux\u003c\/h3\u003e\n        \u003cp\u003eLa peau respire à nouveau et le teint retrouve immédiatement son éclat naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-triph-section\"\u003e\n    \u003ch2\u003eUne formule enrichie pour une efficacité complète\u003c\/h2\u003e\n    \u003cdiv class=\"soi-triph-grid\"\u003e\n      \u003cdiv class=\"soi-triph-card\"\u003e\n        \u003ch3\u003e💧 Eau florale d'hamamélis bio\u003c\/h3\u003e\n        \u003cp\u003eAstringente et purifiante, elle resserre les pores et laisse la peau fraîche après le rinçage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-card\"\u003e\n        \u003ch3\u003e🪷 Huile de lotus bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en polysaccharides et flavonoïdes, elle hydrate en profondeur et redonne de l'élasticité à la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-card\"\u003e\n        \u003ch3\u003e🌿 Huile essentielle de cannelle\u003c\/h3\u003e\n        \u003cp\u003eStimulante et purifiante, elle favorise l'élimination des toxines accumulées et redonne de l'éclat au teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-tip\"\u003e\n      \u003cdiv class=\"soi-triph-tip-icon\"\u003e🧴\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePas de silicone, pas de parfum de synthèse, pas d'ingrédients controversés : ce gommage naturel pour le visage s'inscrit dans une démarche de soin vraiment propre et responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-triph-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cp class=\"soi-triph-inci\"\u003eAqua, Prunus Amygdalus Dulcis (Sweet Almond) Oil*, Hamamelis Virginiana Flower Water*, Emulsifying Wax, Glycerin*, Phyllanthus Emblica Fruit Powder* (Amalaki), Terminalia Bellirica Fruit Powder* (Bibhitaki), Terminalia Chebula Fruit Powder* (Haritaki), Nelumbo Nucifera Seed Oil* (Lotus), Cinnamomum Zeylanicum Bark Oil*, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n    \u003cp class=\"soi-triph-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique. Certifié Cosmos Organic par Ecocert Greenlife.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-triph-section\"\u003e\n    \u003ch2\u003eComment utiliser votre gommage visage bio Triphala ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-triph-timeline\"\u003e\n      \u003cdiv class=\"soi-triph-step\"\u003e\n        \u003cdiv class=\"soi-triph-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-triph-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eAppliquez le gommage sur un visage humide, en évitant le contour des yeux et les lèvres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-step\"\u003e\n        \u003cdiv class=\"soi-triph-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-triph-step-content\"\u003e\n          \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eEffectuez de légères rotations pendant 1 à 2 minutes pour activer la microcirculation et libérer les actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-step\"\u003e\n        \u003cdiv class=\"soi-triph-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-triph-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède, puis appliquez votre soin habituel sur une peau propre et réceptive.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-triph-tip\"\u003e\n      \u003cdiv class=\"soi-triph-tip-icon\"\u003e📅\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFréquence recommandée\u003c\/strong\u003e\n        \u003cp\u003e1 à 2 fois par semaine, pour tous les types de peaux, y compris les peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-triph-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce gommage naturel plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-triph-grid-compact\"\u003e\n      \u003cdiv class=\"soi-triph-card-mini\"\u003e\n        \u003cspan class=\"soi-triph-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-triph-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-triph-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-card-mini\"\u003e\n        \u003cspan class=\"soi-triph-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-triph-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-triph-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-card-mini\"\u003e\n        \u003cspan class=\"soi-triph-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-triph-card-mini-label\"\u003eExfoliation\u003c\/span\u003e\n        \u003cspan class=\"soi-triph-card-mini-value\"\u003eMécanique douce, sans microplastiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-triph-card-mini\"\u003e\n        \u003cspan class=\"soi-triph-card-mini-icon\"\u003e🧬\u003c\/span\u003e\n        \u003cspan class=\"soi-triph-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-triph-card-mini-value\"\u003ePeaux normales, mixtes, grasses, sensibles\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eSans sulfates, sans silicone, sans conservateurs controversés.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-triph-section\"\u003e\n    \u003cdiv class=\"soi-triph-accordion\"\u003e\n      \u003cdetails class=\"soi-triph-accordion-item\"\u003e\n        \u003csummary class=\"soi-triph-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-triph-accordion-content\"\u003e\n          \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-triph-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-triph-cta-box\"\u003e\n      \u003cp class=\"soi-triph-cta-tag\" style=\"color: white;\"\u003eLe rituel ayurvédique que votre peau mérite\u003c\/p\u003e\n      \u003cp class=\"soi-triph-cta-text\" style=\"color: white;\"\u003eOffrez à votre visage l'éclat du Triphala : un gommage bio, fabriqué en France, qui efface en douceur les impuretés pour révéler une peau lumineuse et pleine de vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-triph-marine: #1A2D3D;\n  --soi-triph-marine-dark: #0F1E2B;\n  --soi-triph-marine-light: #2C4458;\n  --soi-triph-pomme: #A1C544;\n  --soi-triph-pomme-dark: #84A636;\n  --soi-triph-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-triph-white: #FFFFFF;\n  --soi-triph-off-white: #F8FAF6;\n  --soi-triph-stone: #F1F3EE;\n  --soi-triph-line: #E5E8E0;\n\n  --soi-triph-primary: #7BA65E;\n  --soi-triph-primary-soft: #EAF2E3;\n  --soi-triph-accent: #D88542;\n\n  --soi-triph-text: #1A2D3D;\n  --soi-triph-text-soft: #4A5B6B;\n  --soi-triph-text-muted: #7B8693;\n\n  --soi-triph-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-triph-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-triph-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-triph-radius: 12px;\n  --soi-triph-radius-sm: 8px;\n  --soi-triph-radius-pill: 999px;\n}\n\n.soi-triph-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-triph-fiche img { max-width: 100%; height: auto; }\n\n.soi-triph-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-triph-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-triph-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-triph-hero {\n  position: relative;\n  background: var(--soi-triph-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-triph-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-triph-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-triph-pomme);\n}\n\n.soi-triph-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-triph-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-triph-pomme);\n  border-radius: 50%;\n}\n\n.soi-triph-hero-title {\n  display: block;\n  color: var(--soi-triph-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-triph-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-triph-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-triph-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-triph-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-triph-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-triph-label-accent {\n  background: var(--soi-triph-pomme);\n  border-color: var(--soi-triph-pomme);\n  color: var(--soi-triph-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-triph-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-triph-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-triph-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-triph-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-triph-pomme);\n  border-radius: 2px;\n}\n\n.soi-triph-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-triph-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-triph-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-triph-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-top: 1.25rem;\n}\n\n.soi-triph-benefit {\n  background: var(--soi-triph-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-triph-radius);\n  border: 1px solid var(--soi-triph-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-triph-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-triph-shadow-md);\n}\n\n.soi-triph-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-triph-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-triph-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-triph-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-triph-benefit:hover .soi-triph-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-triph-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-triph-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-triph-benefit p {\n  font-size: 13px;\n  color: var(--soi-triph-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-triph-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-triph-card {\n  background: var(--soi-triph-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-triph-radius);\n  border-left: 3px solid var(--soi-triph-pomme);\n}\n\n.soi-triph-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-triph-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-triph-card p {\n  font-size: 14px;\n  color: var(--soi-triph-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-triph-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-triph-card-mini {\n  background: var(--soi-triph-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-triph-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-triph-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-triph-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-triph-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-triph-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--soi-triph-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-triph-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-triph-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-triph-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-triph-radius);\n  border: 1px solid var(--soi-triph-line);\n  align-items: flex-start;\n}\n\n.soi-triph-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-triph-marine);\n  color: var(--soi-triph-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-triph-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-triph-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-triph-step-content p {\n  font-size: 14px;\n  color: var(--soi-triph-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === INCI === *\/\n.soi-triph-inci {\n  font-size: clamp(13px, 1.8vw, 14px);\n  color: var(--soi-triph-text-soft);\n  line-height: 1.7;\n  background: var(--soi-triph-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-triph-radius);\n  border: 1px solid var(--soi-triph-line);\n  word-break: break-word;\n}\n\n.soi-triph-inci-note {\n  font-size: 13px;\n  color: var(--soi-triph-text-muted);\n  font-style: italic;\n  margin-top: 0.75rem;\n}\n\n\/* === TIP === *\/\n.soi-triph-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-triph-pomme-light);\n  border-left: 4px solid var(--soi-triph-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-triph-radius) var(--soi-triph-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-triph-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-triph-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-triph-marine);\n  margin-bottom: 4px;\n}\n\n.soi-triph-tip p {\n  font-size: 14px;\n  color: var(--soi-triph-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-triph-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-triph-accordion-item {\n  background: var(--soi-triph-off-white);\n  border-radius: var(--soi-triph-radius-sm);\n  border: 1px solid var(--soi-triph-line);\n  overflow: hidden;\n}\n\n.soi-triph-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-triph-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-triph-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-triph-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-triph-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-triph-accordion-item[open] .soi-triph-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-triph-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-triph-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-triph-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-triph-cta-box {\n  background: var(--soi-triph-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-triph-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-triph-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-triph-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-triph-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-triph-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-triph-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-triph-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-triph-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-triph-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-triph-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-triph-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-triph-fiche {\n    --soi-triph-text-soft: #2C3E50;\n    --soi-triph-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603068838218,"sku":"AY9949","price":15.8,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gommage-visage-au-triphala-certifie-bio-ayurvana-packshot.webp?v=1779709161"},{"product_id":"creme-de-nuit-au-tulsi-certifiee-bio-ayurvana","title":"Crème de nuit au Tulsi certifiée bio - Ayurvana","description":"\u003cdiv class=\"soi-tuls-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-tuls-hero\"\u003e\n    \u003cdiv class=\"soi-tuls-hero-tag\"\u003e\n      \u003cspan class=\"soi-tuls-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique ayurvédique · Ayurvana\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-tuls-hero-title\"\u003eUn rituel ancré dans la sagesse ayurvédique\u003c\/span\u003e\n    \u003cp class=\"soi-tuls-hero-subtitle\"\u003eUne formule à 99 % d'ingrédients d'origine naturelle, certifiée Cosmos Organic par Ecocert, qui accompagne le cycle naturel de régénération de votre peau pendant la nuit.\u003c\/p\u003e\n    \u003cdiv class=\"soi-tuls-hero-labels\"\u003e\n      \u003cspan class=\"soi-tuls-label soi-tuls-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-tuls-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-tuls-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-tuls-label\"\u003eAYURVÉDIQUE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir une crème de nuit bio au Tulsi ? --\u003e\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une crème de nuit bio au Tulsi ?\u003c\/h2\u003e\n    \u003cp\u003eDans la tradition ayurvédique, le \u003cstrong\u003eTulsi (Ocimum tenuiflorum)\u003c\/strong\u003e, aussi appelé basilic sacré, est vénéré depuis des millénaires pour ses vertus purifiantes et revitalisantes. Intégré dans une crème de nuit bio, il apporte à l'épiderme des actifs détoxifiants qui stimulent le renouvellement cellulaire naturel et redonnent éclat et vitalité à un teint terne ou fatigué.\u003c\/p\u003e\n    \u003cp\u003eLà où beaucoup de crèmes de nuit bio se contentent d'hydrater en surface, cette formule agit en profondeur grâce à une synergie d'actifs botaniques soigneusement sélectionnés.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les actifs clés de la formule --\u003e\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003eLes actifs clés de la formule\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tuls-grid\"\u003e\n      \u003cdiv class=\"soi-tuls-card\"\u003e\n        \u003ch3\u003e🌿 Tulsi bio\u003c\/h3\u003e\n        \u003cp\u003ePurifie, régénère et redonne de l'éclat à la peau en favorisant l'élimination des toxines cutanées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-card\"\u003e\n        \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaise, cicatrise et forme un film protecteur qui maintient l'hydratation tout au long de la nuit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-card\"\u003e\n        \u003ch3\u003e🌸 Eau florale d'hamamélis\u003c\/h3\u003e\n        \u003cp\u003eTonifie les pores, stimule la microcirculation et contribue à réduire les ridules visibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-card\"\u003e\n        \u003ch3\u003e🌼 Eau florale de calendula\u003c\/h3\u003e\n        \u003cp\u003eApaisante et régénérante, elle renforce l'élasticité cutanée et unifie le teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur les peaux sèches ou tiraillées, pour une sensation de confort dès le matin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-card\"\u003e\n        \u003ch3\u003e🌻 Huile de carthame bio\u003c\/h3\u003e\n        \u003cp\u003eLégère et pénétrante, elle repulpe l'épiderme sans effet gras et soutient la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : À qui s'adresse cette crème de nuit certifiée bio ? --\u003e\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette crème de nuit certifiée bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tuls-benefits\"\u003e\n      \u003cdiv class=\"soi-tuls-benefit\"\u003e\n        \u003cdiv class=\"soi-tuls-benefit-icon\"\u003e\u003cspan\u003e🌙\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTous types de peaux\u003c\/h3\u003e\n        \u003cp\u003eConvient aux peaux sèches, mixtes ou normales, y compris les peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-benefit\"\u003e\n        \u003cdiv class=\"soi-tuls-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoin anti-âge accessible\u003c\/h3\u003e\n        \u003cp\u003eUn choix pertinent si vous recherchez une crème de nuit bio anti-âge, sans silicones ni parabènes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-benefit\"\u003e\n        \u003cdiv class=\"soi-tuls-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRoutine naturelle et engagée\u003c\/h3\u003e\n        \u003cp\u003eUne texture suffisamment nourrissante pour combler les manques, suffisamment légère pour ne pas occlure les pores.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser la Crème de Nuit Tulsi Ayurvana ? --\u003e\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003eComment utiliser cette crème de nuit au Tulsi Ayurvana ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tuls-timeline\"\u003e\n      \u003cdiv class=\"soi-tuls-step\"\u003e\n        \u003cdiv class=\"soi-tuls-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-tuls-step-content\"\u003e\n          \u003ch3\u003eDémaquillez et nettoyez\u003c\/h3\u003e\n          \u003cp\u003eNettoyez soigneusement votre visage avant application pour maximiser la pénétration des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-step\"\u003e\n        \u003cdiv class=\"soi-tuls-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-tuls-step-content\"\u003e\n          \u003ch3\u003eAppliquez une noisette de crème\u003c\/h3\u003e\n          \u003cp\u003eSur le visage, le cou et le décolleté en massant délicatement avec des mouvements ascendants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-step\"\u003e\n        \u003cdiv class=\"soi-tuls-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-tuls-step-content\"\u003e\n          \u003ch3\u003eUtilisez chaque soir\u003c\/h3\u003e\n          \u003cp\u003eProfitez pleinement du cycle naturel de régénération cutanée nocturne en intégrant ce soin à votre rituel quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition (INCI) --\u003e\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Hamamelis Virginiana Flower Water*, Calendula Officinalis Flower Water*, Carthamus Tinctorius Seed Oil*, Butyrospermum Parkii Butter*, Ocimum Tenuiflorum Leaf Extract*, Glycerin*, Cetearyl Alcohol, Cetearyl Glucoside, Xanthan Gum, Tocopherol, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n    \u003cdiv class=\"soi-tuls-tip\"\u003e\n      \u003cdiv class=\"soi-tuls-tip-icon\"\u003e🌱\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n        \u003cp\u003e*Ingrédients issus de l'agriculture biologique. 99 % du total des ingrédients sont d'origine naturelle. 27 % du total des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Informations pratiques --\u003e\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tuls-compo\"\u003e\n      \u003cdiv class=\"soi-tuls-compo-row\"\u003e\n        \u003cspan class=\"soi-tuls-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-tuls-compo-value\"\u003eCosmos Organic, certifié par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-compo-row\"\u003e\n        \u003cspan class=\"soi-tuls-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-tuls-compo-value\"\u003eTous types de peaux, peaux sensibles incluses\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-compo-row\"\u003e\n        \u003cspan class=\"soi-tuls-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-tuls-compo-value\"\u003eSilicones, parabènes, colorants synthétiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-compo-row\"\u003e\n        \u003cspan class=\"soi-tuls-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-tuls-compo-value\"\u003eTube 50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-compo-row\"\u003e\n        \u003cspan class=\"soi-tuls-compo-label\"\u003eUtilisation\u003c\/span\u003e\n        \u003cspan class=\"soi-tuls-compo-value\"\u003eSoin nocturne, usage externe uniquement\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-tuls-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-tuls-cta-box\"\u003e\n      \u003cp class=\"soi-tuls-cta-tag\" style=\"color: white;\"\u003eUn rituel ancré dans la sagesse ayurvédique\u003c\/p\u003e\n      \u003cp class=\"soi-tuls-cta-text\" style=\"color: white;\"\u003ePendant que vous dormez, votre peau se ressource. La Crème de Nuit au Tulsi Ayurvana l'accompagne avec la douceur de la nature certifiée bio : purifiante, nourrissante, régénérante. Dès le matin, le teint est visiblement plus reposé, la peau plus souple.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-tuls-marine: #1A2D3D;\n  --soi-tuls-marine-dark: #0F1E2B;\n  --soi-tuls-marine-light: #2C4458;\n  --soi-tuls-pomme: #A1C544;\n  --soi-tuls-pomme-dark: #84A636;\n  --soi-tuls-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-tuls-white: #FFFFFF;\n  --soi-tuls-off-white: #F8FAF6;\n  --soi-tuls-stone: #F1F3EE;\n  --soi-tuls-line: #E5E8E0;\n\n  --soi-tuls-primary: #E8734A;\n  --soi-tuls-primary-soft: #F4DDD3;\n  --soi-tuls-accent: #D88542;\n\n  --soi-tuls-text: #1A2D3D;\n  --soi-tuls-text-soft: #4A5B6B;\n  --soi-tuls-text-muted: #7B8693;\n\n  --soi-tuls-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-tuls-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-tuls-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-tuls-radius: 12px;\n  --soi-tuls-radius-sm: 8px;\n  --soi-tuls-radius-pill: 999px;\n}\n\n.soi-tuls-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-tuls-fiche img { max-width: 100%; height: auto; }\n\n.soi-tuls-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-tuls-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-tuls-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-tuls-hero {\n  position: relative;\n  background: var(--soi-tuls-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-tuls-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-tuls-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-tuls-pomme);\n}\n\n.soi-tuls-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-tuls-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-tuls-pomme);\n  border-radius: 50%;\n}\n\n.soi-tuls-hero-title {\n  display: block;\n  color: var(--soi-tuls-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-tuls-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-tuls-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-tuls-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-tuls-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-tuls-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-tuls-label-accent {\n  background: var(--soi-tuls-pomme);\n  border-color: var(--soi-tuls-pomme);\n  color: var(--soi-tuls-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-tuls-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-tuls-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-tuls-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-tuls-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-tuls-pomme);\n  border-radius: 2px;\n}\n\n.soi-tuls-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-tuls-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-tuls-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-tuls-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-tuls-benefit {\n  background: var(--soi-tuls-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-tuls-radius);\n  border: 1px solid var(--soi-tuls-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-tuls-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-tuls-shadow-md);\n}\n\n.soi-tuls-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-tuls-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-tuls-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-tuls-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-tuls-benefit:hover .soi-tuls-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-tuls-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-tuls-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-tuls-benefit p {\n  font-size: 13px;\n  color: var(--soi-tuls-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-tuls-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-tuls-card {\n  background: var(--soi-tuls-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-tuls-radius);\n  border-left: 3px solid var(--soi-tuls-pomme);\n}\n\n.soi-tuls-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-tuls-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-tuls-card p {\n  font-size: 14px;\n  color: var(--soi-tuls-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-tuls-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-tuls-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-tuls-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-tuls-radius);\n  border: 1px solid var(--soi-tuls-line);\n  align-items: flex-start;\n}\n\n.soi-tuls-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-tuls-marine);\n  color: var(--soi-tuls-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-tuls-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-tuls-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-tuls-step-content p {\n  font-size: 14px;\n  color: var(--soi-tuls-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-tuls-compo {\n  background: var(--soi-tuls-off-white);\n  border-radius: var(--soi-tuls-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-tuls-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-tuls-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-tuls-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-tuls-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-tuls-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-tuls-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-tuls-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-tuls-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-tuls-pomme-light);\n  border-left: 4px solid var(--soi-tuls-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-tuls-radius) var(--soi-tuls-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-tuls-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-tuls-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-tuls-marine);\n  margin-bottom: 4px;\n}\n\n.soi-tuls-tip p {\n  font-size: 14px;\n  color: var(--soi-tuls-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-tuls-cta-box {\n  background: var(--soi-tuls-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-tuls-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-tuls-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-tuls-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-tuls-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-tuls-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-tuls-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-tuls-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-tuls-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-tuls-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-tuls-compo-value {\n    text-align: left;\n  }\n\n  .soi-tuls-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-tuls-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-tuls-fiche {\n    --soi-tuls-text-soft: #2C3E50;\n    --soi-tuls-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603070181706,"sku":"AY9948","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-de-nuit-au-tulsi-certifiee-bio-ayurvana-packshot.webp?v=1779902858"},{"product_id":"eau-micellaire-format-familial-centifolia","title":"Eau micellaire certifié bio pour toute la famille","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0196_a9a9ac7e-12f1-433e-a5a0-c9962d4ed043.jpg?v=1776180362\" alt=\"Photo d'une femme qui se démaquille avec un coton dans sa salle de bain\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e\u003cstrong\u003eL'Eau Micellaire Bio pour Toute la Famille de Centifolia\u003c\/strong\u003e est la solution idéale pour un \u003cstrong\u003enettoyage doux et hydratant\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eDisponible en un généreux format de 500 ml, cette eau micellaire élimine efficacement les impuretés, les traces de pollution, et même le maquillage waterproof, tout en respectant l'équilibre naturel de la peau.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients principaux de l'Eau micellaire Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGinkgo Biloba Bio\u003c\/strong\u003e : hydrate, apaise et protège la peau contre les agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau Florale Bio\u003c\/strong\u003e : apporte une sensation de fraîcheur et de douceur.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et avantages de l'Eau micellaire\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTous types de peaux\u003c\/strong\u003e : convient à tous les types de peaux, y compris les plus sensibles. Peut être utilisée sur le visage et les yeux sans nécessiter de rinçage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule hydratante et apaisante\u003c\/strong\u003e : enrichie en Ginkgo Biloba bio, un extrait de feuilles d'origine française réputé pour ses propriétés hydratantes, apaisantes et protectrices contre les dommages liés aux UV.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort et fraîcheur\u003c\/strong\u003e : laisse la peau propre, fraîche et confortable après chaque application.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEngagement écologique\u003c\/strong\u003e : flacon recyclable à 50%, conçu pour un dosage facile et une conservation optimale du produit. Sans phtalates ni Bisphénol A, soutenant ainsi l'engagement environnemental de Centifolia.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e : une garantie de qualité et de savoir-faire local. Adapté pour une utilisation à partir de 3 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eL'Eau Micellaire Bio pour Toute la Famille de Centifolia\u003c\/strong\u003e est le choix parfait pour ceux qui cherchent une solution de nettoyage efficace, douce et respectueuse de la peau et de l'environnement. Offrez à votre peau le soin qu'elle mérite, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603119235402,"sku":"CE0196","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0196_centifolia_eau_micellaire_famille_4e56b302-744d-4e01-8e49-fc63cf7bf21f.jpg?v=1778842778"},{"product_id":"dermoline-hydric-serum-30ml","title":"Sérum Hydratant Bio Dermoline Hydric - 30 ml - LT Labo","description":"\u003cdiv class=\"soi-derm-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-derm-hero\"\u003e\n    \u003cdiv class=\"soi-derm-hero-tag\"\u003e\n      \u003cspan class=\"soi-derm-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins beauté · LT Labo\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-derm-hero-title\"\u003eSérum hydratant visage ultra-concentré\u003c\/span\u003e\n    \u003cp class=\"soi-derm-hero-subtitle\"\u003eSept actifs naturels d'exception pour une hydratation intense, une repulpation visible et une régénération en profondeur de votre épiderme.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-hero-labels\"\u003e\n      \u003cspan class=\"soi-derm-label soi-derm-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pourquoi choisir ce sérum --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce sérum hydratant visage certifié bio ?\u003c\/h2\u003e\n    \u003cp\u003eParmi les nombreux sérums hydratants visage disponibles, le Dermoline Hydric se distingue par sa double promesse : une texture ultra-légère qui pénètre instantanément, sans film gras, et une composition bio rigoureusement sélectionnée. Là où d'autres formules misent sur un seul actif phare, celui-ci associe \u003cstrong\u003esept actifs complémentaires\u003c\/strong\u003e pour agir sur tous les niveaux de l'hydratation cutanée.\u003c\/p\u003e\n    \u003cp\u003eIl est particulièrement recommandé pour les \u003cstrong\u003epeaux sèches, sensibles ou matures\u003c\/strong\u003e qui réclament un soin concentré et respectueux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Les actifs clés --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eLes actifs clés et leurs bienfaits concrets\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-grid\"\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eVéritable aimant à eau, il maintient l'équilibre hydrique de la peau et atténue les signes visibles de déshydratation dès les premières applications.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🌿 Silicium végétal\u003c\/h3\u003e\n        \u003cp\u003eStimule la synthèse naturelle de collagène pour une peau plus ferme et plus élastique dans la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🫒 Huile de Jojoba Bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur sans occlusion, idéale pour les peaux qui tolèrent mal les textures riches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🌱 Aloe Vera Bio\u003c\/h3\u003e\n        \u003cp\u003eApaisant et régénérant, il calme les inconforts et renforce la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🍵 Extrait de Thé Vert Bio\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant puissant, il neutralise les radicaux libres responsables du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E\u003c\/h3\u003e\n        \u003cp\u003eProtège les cellules cutanées et potentialise l'action des autres actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🌸 Hamamélis\u003c\/h3\u003e\n        \u003cp\u003eResserre les pores, unifie le grain de peau et réduit les petites imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Comment utiliser --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eComment utiliser le sérum Dermoline Hydric ?\u003c\/h2\u003e\n    \u003cp class=\"soi-derm-section-intro\"\u003eIntégrez ce sérum hydratant à votre routine matin et\/ou soir, sur une peau propre et légèrement humide.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-timeline\"\u003e\n      \u003cdiv class=\"soi-derm-step\"\u003e\n        \u003cdiv class=\"soi-derm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-derm-step-content\"\u003e\n          \u003ch3\u003eDosez\u003c\/h3\u003e\n          \u003cp\u003eAppuyez une à deux fois sur la pompe pour déposer le sérum dans le creux de votre main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step\"\u003e\n        \u003cdiv class=\"soi-derm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-derm-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eRépartissez par légers tapotements sur le visage et le cou, en insistant sur les zones tiraillées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step\"\u003e\n        \u003cdiv class=\"soi-derm-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-derm-step-content\"\u003e\n          \u003ch3\u003eComplétez\u003c\/h3\u003e\n          \u003cp\u003eLaissez pénétrer quelques secondes, puis appliquez votre soin habituel si vous souhaitez superposer les textures.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-tip\"\u003e\n      \u003cdiv class=\"soi-derm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour des résultats durables sur la repulpation et la fermeté, une cure de 4 à 6 semaines est recommandée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition complète --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Glycerin, Simmondsia Chinensis (Jojoba) Seed Oil*, Camellia Sinensis Leaf Extract*, Sodium Hyaluronate, Silicon (Vegetal), Hamamelis Virginiana Water, Tocopherol (Vitamine E), Parfum naturel, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n    \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-compo\"\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003eFlacon pompe airless 30 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003eCOSMOS Organic par Cosmébio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eActifs principaux\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003e7 actifs complémentaires\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Engagements --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eEngagements LT Labo : une formule éthique et responsable\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-benefits\"\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifié COSMOS Organic\u003c\/h3\u003e\n        \u003cp\u003eFormulation bio vérifiée par Cosmébio, organisme indépendant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans parabènes, sans silicones\u003c\/h3\u003e\n        \u003cp\u003eRespectueux de votre peau et de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eNon testé sur les animaux\u003c\/h3\u003e\n        \u003cp\u003eEngagement éthique total de la marque LT Labo.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🔒\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFlacon pompe airless\u003c\/h3\u003e\n        \u003cp\u003ePréserve l'intégrité de la formule et limite le gaspillage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Ce sérum est-il fait pour vous ? --\u003e\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eCe sérum est-il fait pour vous ?\u003c\/h2\u003e\n    \u003cp\u003eSi vous cherchez un sérum hydratant visage pour une peau qui manque de tonus, de rebond et de confort, le Dermoline Hydric coche toutes les cases : texture non grasse, certification bio sérieuse, actifs synergiques et format hygiénique. Il convient à toutes les peaux, avec une attention particulière pour les \u003cstrong\u003epeaux sèches, sensibles et matures\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-accordion\"\u003e\n      \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n        \u003csummary class=\"soi-derm-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis ou un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-derm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-derm-cta-box\"\u003e\n      \u003cp class=\"soi-derm-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, en commançant par la peau\u003c\/p\u003e\n      \u003cp class=\"soi-derm-cta-text\" style=\"color: white;\"\u003eParce que votre peau mérite bien plus qu'une hydratation en surface, le Dermoline Hydric Sérum va chercher l'eau là où elle manque vraiment. Sept actifs bio, une texture fondante, une certification sérieuse : pour une peau repulpée, apaisée et véritablement régénérée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-derm-marine: #1A2D3D;\n  --soi-derm-marine-dark: #0F1E2B;\n  --soi-derm-marine-light: #2C4458;\n  --soi-derm-pomme: #A1C544;\n  --soi-derm-pomme-dark: #84A636;\n  --soi-derm-pomme-light: rgba(161,197,68,0.10);\n  --soi-derm-white: #FFFFFF;\n  --soi-derm-off-white: #F8FAF6;\n  --soi-derm-stone: #F1F3EE;\n  --soi-derm-line: #E5E8E0;\n  --soi-derm-primary: #7A9A8E;\n  --soi-derm-primary-soft: #D6E4DF;\n  --soi-derm-accent: #6B8F5E;\n  --soi-derm-text: #1A2D3D;\n  --soi-derm-text-soft: #4A5B6B;\n  --soi-derm-text-muted: #7B8693;\n  --soi-derm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-derm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-derm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-derm-radius: 12px;\n  --soi-derm-radius-sm: 8px;\n  --soi-derm-radius-pill: 999px;\n}\n\n.soi-derm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-derm-fiche img { max-width: 100%; height: auto; }\n\n.soi-derm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-derm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-derm-hero {\n  position: relative;\n  background: var(--soi-derm-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-derm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-derm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-derm-pomme);\n}\n\n.soi-derm-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-derm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-derm-pomme);\n  border-radius: 50%;\n}\n\n.soi-derm-hero-title {\n  display: block;\n  color: var(--soi-derm-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-derm-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-derm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-derm-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-derm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-derm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-derm-label-accent {\n  background: var(--soi-derm-pomme);\n  border-color: var(--soi-derm-pomme);\n  color: var(--soi-derm-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-derm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-derm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-derm-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-derm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-derm-pomme);\n  border-radius: 2px;\n}\n\n.soi-derm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-derm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-derm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-derm-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-derm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-derm-benefit {\n  background: var(--soi-derm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-derm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-derm-shadow-md);\n}\n\n.soi-derm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-derm-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-derm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-derm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-derm-benefit:hover .soi-derm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-derm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-benefit p {\n  font-size: 13px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-derm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-derm-card {\n  background: var(--soi-derm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border-left: 3px solid var(--soi-derm-pomme);\n}\n\n.soi-derm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-card p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-derm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-derm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-derm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  align-items: flex-start;\n}\n\n.soi-derm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-derm-marine);\n  color: var(--soi-derm-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-derm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-derm-step-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION DATA ROWS *\/\n.soi-derm-compo {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.soi-derm-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-derm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-derm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-derm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-derm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-derm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-derm-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-derm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-derm-pomme-light);\n  border-left: 4px solid var(--soi-derm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-derm-radius) var(--soi-derm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-derm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-derm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-derm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-derm-tip p {\n  font-size: 14px;\n  color: var(--soi-derm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-derm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.soi-derm-accordion-item {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius-sm);\n  border: 1px solid var(--soi-derm-line);\n  overflow: hidden;\n}\n\n.soi-derm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-derm-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-derm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-derm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-derm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-derm-accordion-item[open] .soi-derm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-derm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-derm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-derm-cta-box {\n  background: var(--soi-derm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-derm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-derm-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-derm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-derm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-derm-white);\n  line-height: 1.5;\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-derm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-derm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-derm-compo-value {\n    text-align: left;\n  }\n\n  .soi-derm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-derm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-derm-fiche {\n    --soi-derm-text-soft: #2C3E50;\n    --soi-derm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"LT Labo","offers":[{"title":"Default Title","offer_id":61603124838730,"sku":"LT0025","price":46.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/dermoline-hydric-serum-certifie-bio-30-ml-lt-labo-packshot.webp?v=1779718957"},{"product_id":"masque-visage-bio-propolia","title":"Masque visage certifié Bio Propolis, Miel, Argiles - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0098_2a8fdd85-5323-40b6-8667-8633bb811e23.jpg?v=1776180384\" alt=\"Photo du visage d'une femme avec un masque d'argile partiellement appliqué\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe masque visage Bio de Propolia associe la \u003cstrong\u003epuissance purifiante\u003c\/strong\u003e des argiles verte et blanche aux \u003cstrong\u003evertus apaisantes et hydratantes\u003c\/strong\u003e du miel et de la propolis. Ce \u003cstrong\u003esoin multi-actif\u003c\/strong\u003e est conçu pour tous les types de peau, y compris les peaux sensibles, et offre une expérience sensorielle douce et rafraîchissante.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce masque visage\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et bio :\u003c\/strong\u003e Formulé avec 99% d'ingrédients d'origine naturelle, dont 27% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePour tous :\u003c\/strong\u003e Contient de la propolis, du miel, des argiles verte et blanche, ainsi que des huiles essentielles pour une formule douce adaptée à tous les types de peaux, même les plus sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture onctueuse :\u003c\/strong\u003e S'applique facilement et procure une sensation de fraîcheur immédiate.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du masque visage argiles, miel et propolis\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurification et apaisement :\u003c\/strong\u003e Les argiles verte et blanche absorbent l'excès de sébum, purifient les pores, tandis que le miel et la propolis apaisent et régénèrent la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et douceur :\u003c\/strong\u003e Les huiles de noisette et d'amande douce hydratent en profondeur, laissant la peau douce et nourrie.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet revitalisant :\u003c\/strong\u003e Les huiles essentielles de lavande, romarin et sauge sclarée revitalisent et tonifient la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du masque visage Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Développé, fabriqué et conditionné en Occitanie, assurant des normes de qualité élevées.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients bio et naturels :\u003c\/strong\u003e Composé à 99% d'ingrédients d'origine naturelle, dont 27% issus de l’agriculture biologique, respectant l'environnement et votre santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePureté garantie :\u003c\/strong\u003e Sans tensio-actifs sulfatés, sans actifs ni colorants de synthèse, et certifié Bio par Ecocert pour un produit sain et de qualité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe masque visage Bio de Propolia est idéal pour ceux qui cherchent à \u003cstrong\u003epurifier, apaiser et hydrater leur peau\u003c\/strong\u003e naturellement et efficacement. Grâce à sa formule riche en actifs naturels et sa texture onctueuse, il convient parfaitement à une utilisation régulière. Utilisez ce masque pour profiter d'une peau saine, douce et éclatante.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603154362698,"sku":"AP0098","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ap0098_1.jpg?v=1776156776"},{"product_id":"huile-seche-sublimante-centifolia","title":"Huile sèche sublimatrice - Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0240_725e9bb0-566e-4c32-9477-3678251b92db.jpg?v=1776180388\" alt=\"Photo d'une femme qui s'applique de l'huile sur ses cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e\u003cstrong\u003eDécouvrez l'Huile Sèche Sublimatrice de Centifolia\u003c\/strong\u003e, une huile d'exception alliant la richesse de 4 huiles précieuses soigneusement sélectionnées pour leurs bienfaits nourrissants et réparateurs. Adaptée pour le visage, le corps, et les cheveux, cette huile polyvalente est votre alliée beauté de la tête aux pieds.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de l'Huile sèche sublimatrice Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrit et répare\u003c\/strong\u003e : grâce à sa composition riche en huiles naturelles, cette huile hydrate en profondeur et aide à restaurer les cheveux et la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture légère\u003c\/strong\u003e : sa texture fine et légère s'absorbe rapidement sans laisser de film gras, offrant un fini satiné et confortable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum subtil\u003c\/strong\u003e : laissez-vous envoûter par son parfum délicat qui apporte une touche d'élégance à votre routine de soins.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisation polyvalente\u003c\/strong\u003e : idéale pour sublimer le visage, le corps et les cheveux, cette huile est un véritable soin tout-en-un.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de l'environnement\u003c\/strong\u003e : chaque flacon est fabriqué en France, respectueux de l'environnement et garantit l'absence de phtalates et de Bisphénol A.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTesté dermatologiquement\u003c\/strong\u003e : ce produit a été testé sous contrôle dermatologique pour assurer sécurité et efficacité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de l'Huile sublimatrice Centifolia :\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e100% d'ingrédients d'origine naturelle et vegan\u003c\/strong\u003e : pour une peau et des cheveux sublimes sans compromis.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFlacon Spray\u003c\/strong\u003e : pour une application pratique et économique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSublime Visage, Corps et Cheveux\u003c\/strong\u003e : une peau satinée, des cheveux souples et nourris.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à votre peau et vos cheveux le meilleur de la nature avec l'Huile Sèche Sublimatrice de Centifolia. Pour une beauté sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603156296010,"sku":"CE0241","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_centifolia_ce0241_huile_sublimatrice.jpg?v=1776156790"},{"product_id":"creme-riche-bio-centifolia","title":"Crème riche certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Crème riche Éclat de Rose de Centifolia\u003c\/strong\u003e, disponible\u003cstrong\u003e en format de 50 ml et certifié Cosmos Organic\u003c\/strong\u003e par Ecocert, est une source inépuisable d’hydratation et d’éclat pour la peau. Sa\u003cstrong\u003e texture onctueuse\u003c\/strong\u003e offre un fini velouté, tandis que son parfum subtil ajoute une touche de raffinement à chaque application. Idéale pour les peaux normales à sèches, même les plus sensibles, cette crème riche\u003cstrong\u003e hydrate intensément et durablement\u003c\/strong\u003e, tout en lissant et illuminant la peau.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0398_8cfbaaa0-65db-4ab4-a887-4e859d143d0c.jpg?v=1776180497\" alt=\"Photo d'une femme qui se met de la crème sur son visage\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eLes actifs clés de le Crème riche certifiée bio Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRose Centifolia (Rose aux « Cent Feuilles »)\u003c\/strong\u003e :\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003ePropriétés :\u003c\/span\u003e éclaircissantes, hydratantes, antioxydantes, apaisantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eParticularité :\u003c\/span\u003e cueillie à la main à l'aube, moment où sa concentration en composés actifs est maximale, pour une efficacité optimale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide Hyaluronique d’origine naturelle\u003c\/strong\u003e :\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003ePropriétés :\u003c\/span\u003e capte jusqu’à 1000 fois son poids en eau, maintenant ainsi une hydratation optimale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eEffets :\u003c\/span\u003e comble l’espace entre les fibres de collagène, améliorant l’apparence visuelle de la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine C\u003c\/strong\u003e :\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003ePropriétés :\u003c\/span\u003e puissante activité antioxydante, neutralise les radicaux libres causés par le soleil, la pollution et le stress.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eEffets :\u003c\/span\u003e prévient le vieillissement prématuré de la peau et améliore l’éclat du teint en inhibant la surproduction de mélanine due aux UV.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de la Crème riche Éclat de Rose \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense\u003c\/strong\u003e : maintient l’hydratation de la peau grâce à l’acide hyaluronique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTeint éclatant\u003c\/strong\u003e : la Rose Centifolia et la vitamine C travaillent en synergie pour un teint lumineux et uniforme.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection antioxydante\u003c\/strong\u003e : la vitamine C protège la peau des agressions extérieures, réduisant les signes de vieillissement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur et confort\u003c\/strong\u003e : sa texture onctueuse et son fini velouté procurent une sensation de confort à chaque application.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à votre peau le soin qu’elle mérite avec \u003cstrong\u003ela Crème riche Éclat de Rose de Centifolia\u003c\/strong\u003e. Une alliance parfaite d’actifs naturels pour \u003cstrong\u003eune peau éclatante de santé, intensément hydratée et protégée\u003c\/strong\u003e contre les signes de l’âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603231334730,"sku":"CE0398","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/c_r_creme-riche-eclat-de-rose_1_24_9f4c5a65-34e3-4ca0-b64d-a45f2d792791.jpg?v=1778842824"},{"product_id":"lait-demaquillant-triphala-bio","title":"Lait démaquillant au Triphala certifié bio Ayurvana","description":"\u003cdiv class=\"soi-trip-fiche\"\u003e\n\n  \u003csection class=\"soi-trip-hero\"\u003e\n    \u003cdiv class=\"soi-trip-hero-tag\"\u003e\n      \u003cspan class=\"soi-trip-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique ayurvédique · Ayur-Vana\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-trip-hero-title\"\u003eUn rituel ayurvédique pour votre peau\n\n\u003c\/span\u003e\n    \u003cp class=\"soi-trip-hero-subtitle\"\u003eLe geste douceur inspiré de l'Ayurveda : nettoyer, purifier et nourrir votre visage en une seule application, pour une peau apaisée et lumineuse.\u003c\/p\u003e\n    \u003cdiv class=\"soi-trip-hero-labels\"\u003e\n      \u003cspan class=\"soi-trip-label soi-trip-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-trip-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-trip-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-trip-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-trip-label\"\u003eAYURVÉDIQUE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-trip-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce lait démaquillant bio plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à de nombreux laits démaquillants classiques, la formule Ayur-Vana repose sur le \u003cstrong\u003eTriphala\u003c\/strong\u003e, un complexe botanique issu de l'Ayurveda associant trois baies aux vertus complémentaires. Résultat : un démaquillant qui ne se contente pas d'effacer le maquillage, mais qui prend soin de votre peau en profondeur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-trip-grid\"\u003e\n      \u003cdiv class=\"soi-trip-card\"\u003e\n        \u003ch3\u003e🫐 Triphala (Amalaki, Bibhitaki, Haritaki bio)\u003c\/h3\u003e\n        \u003cp\u003eCe trio de baies nettoie en douceur, unifie le teint et révèle l'éclat naturel de la peau. L'Amalaki est particulièrement riche en vitamine C naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-trip-card\"\u003e\n        \u003ch3\u003e🌿 Extrait d'Aloe Vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaise les rougeurs et les irritations, favorise la régénération cutanée après le démaquillage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-trip-card\"\u003e\n        \u003ch3\u003e💧 Eau d'Hamamélis\u003c\/h3\u003e\n        \u003cp\u003eResserre les pores visibles et tonifie instantanément la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-trip-card\"\u003e\n        \u003ch3\u003e✨ Huile de sésame bio\u003c\/h3\u003e\n        \u003cp\u003ePénètre rapidement pour nourrir sans graisser, idéale même pour les peaux mixtes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-trip-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eProtège la barrière cutanée, prévient les tiraillements, parfait pour les peaux sèches et sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-trip-section\"\u003e\n    \u003ch2\u003eComment utiliser le lait démaquillant Triphala Ayurvana ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-trip-timeline\"\u003e\n      \u003cdiv class=\"soi-trip-step\"\u003e\n        \u003cdiv class=\"soi-trip-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-trip-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de lait sur le visage sec, en incluant le contour des yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-trip-step\"\u003e\n        \u003cdiv class=\"soi-trip-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-trip-step-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements circulaires pour dissoudre le maquillage et les impuretés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-trip-step\"\u003e\n        \u003cdiv class=\"soi-trip-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-trip-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède ou retirez à l'aide d'un coton, matin et soir selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-trip-tip\"\u003e\n      \u003cdiv class=\"soi-trip-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUtilisable matin et soir, ce lait convient aussi bien au démaquillage du soir qu'au nettoyage doux du matin. Votre peau reste souple, confortable, jamais tiraillée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-trip-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cp class=\"soi-trip-inci\"\u003eAqua, Aloe Barbadensis Leaf Juice*, Sesamum Indicum Seed Oil*, Butyrospermum Parkii Butter*, Hamamelis Virginiana Water, Emblica Officinalis Fruit Extract* (Amalaki), Terminalia Bellirica Fruit Extract* (Bibhitaki), Terminalia Chebula Fruit Extract* (Haritaki), Glycerin*, Xanthan Gum, Parfum (fragrance naturelle), Tocopherol (vitamine E).\u003c\/p\u003e\n    \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. Produit certifié Cosmos Organic par Ecocert. Fabriqué en France.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-trip-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur ce lait démaquillant bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-trip-accordion\"\u003e\n      \u003cdetails class=\"soi-trip-accordion-item\"\u003e\n        \u003csummary class=\"soi-trip-accordion-header\"\u003e🧴 Ce lait démaquille-t-il le maquillage waterproof ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-trip-accordion-content\"\u003e\n          \u003cp\u003eIl élimine efficacement les maquillages légers à moyens, fond de teint, blush et fard à paupières. Pour un maquillage très résistant ou waterproof intense, un second passage peut être utile.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-trip-accordion-item\"\u003e\n        \u003csummary class=\"soi-trip-accordion-header\"\u003e🌸 Convient-il aux peaux grasses ou mixtes ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-trip-accordion-content\"\u003e\n          \u003cp\u003eOui. L'huile de sésame a un indice comédogène très faible et pénètre rapidement. La peau reste nette sans excès de sébum après rinçage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-trip-accordion-item\"\u003e\n        \u003csummary class=\"soi-trip-accordion-header\"\u003e🔍 Quelle différence avec un lait démaquillant classique ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-trip-accordion-content\"\u003e\n          \u003cp\u003eLes grandes marques pharmaceutiques misent sur la tolérance et la simplicité. Le lait Ayur-Vana va plus loin : il est certifié bio, enrichi en actifs botaniques ayurvédiques éprouvés, sans silicones ni conservateurs synthétiques, avec une démarche éco-responsable de bout en bout.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-trip-section\"\u003e\n    \u003ch2\u003eCertification Cosmos Organic\u003c\/h2\u003e\n    \u003cdiv class=\"soi-trip-tip\"\u003e\n      \u003cdiv class=\"soi-trip-tip-icon\"\u003e🌱\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eGarantie Cosmos Organic par Ecocert\u003c\/strong\u003e\n        \u003cp\u003eCe lait démaquillant est certifié selon le référentiel Cosmos Organic, garantissant au minimum 95 % d'ingrédients d'origine naturelle et un pourcentage significatif d'ingrédients biologiques dans la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-trip-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-trip-cta-box\"\u003e\n      \u003cp class=\"soi-trip-cta-tag\" style=\"color: white;\"\u003eUn rituel ayurvédique pour votre peau\u003c\/p\u003e\n      \u003cp class=\"soi-trip-cta-text\" style=\"color: white;\"\u003eChaque soir, offrez à votre peau un geste qui va au-delà du simple nettoyage. Le lait démaquillant Triphala Ayur-Vana unit la sagesse ayurvédique millénaire à une certification bio rigoureuse, pour une peau réellement apaisée, lumineuse et nourrie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-trip-marine: #1A2D3D;\n  --soi-trip-marine-dark: #0F1E2B;\n  --soi-trip-marine-light: #2C4458;\n  --soi-trip-pomme: #A1C544;\n  --soi-trip-pomme-dark: #84A636;\n  --soi-trip-pomme-light: rgba(161,197,68,0.10);\n  --soi-trip-white: #FFFFFF;\n  --soi-trip-off-white: #F8FAF6;\n  --soi-trip-stone: #F1F3EE;\n  --soi-trip-line: #E5E8E0;\n  --soi-trip-primary: #D4A52A;\n  --soi-trip-primary-soft: #F5ECD4;\n  --soi-trip-accent: #8BAD48;\n  --soi-trip-text: #1A2D3D;\n  --soi-trip-text-soft: #4A5B6B;\n  --soi-trip-text-muted: #7B8693;\n  --soi-trip-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-trip-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-trip-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-trip-radius: 12px;\n  --soi-trip-radius-sm: 8px;\n  --soi-trip-radius-pill: 999px;\n}\n\n.soi-trip-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-trip-fiche img { max-width: 100%; height: auto; }\n\n.soi-trip-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-trip-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-trip-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-trip-hero {\n  position: relative;\n  background: var(--soi-trip-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-trip-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-trip-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-trip-pomme);\n}\n\n.soi-trip-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-trip-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-trip-pomme);\n  border-radius: 50%;\n}\n\n.soi-trip-hero-title {\n  display: block;\n  color: var(--soi-trip-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-trip-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-trip-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-trip-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-trip-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-trip-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-trip-label-accent {\n  background: var(--soi-trip-pomme);\n  border-color: var(--soi-trip-pomme);\n  color: var(--soi-trip-marine);\n  font-weight: 600;\n}\n\n.soi-trip-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-trip-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-trip-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-trip-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-trip-pomme);\n  border-radius: 2px;\n}\n\n.soi-trip-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-trip-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-trip-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-trip-inci {\n  font-size: clamp(13px, 1.8vw, 14px);\n  color: var(--soi-trip-text-soft);\n  background: var(--soi-trip-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-trip-radius-sm);\n  border: 1px solid var(--soi-trip-line);\n  word-break: break-word;\n}\n\n.soi-trip-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-trip-card {\n  background: var(--soi-trip-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-trip-radius);\n  border-left: 3px solid var(--soi-trip-pomme);\n}\n\n.soi-trip-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-trip-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-trip-card p {\n  font-size: 14px;\n  color: var(--soi-trip-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-trip-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-trip-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-trip-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-trip-radius);\n  border: 1px solid var(--soi-trip-line);\n  align-items: flex-start;\n}\n\n.soi-trip-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-trip-marine);\n  color: var(--soi-trip-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-trip-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-trip-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-trip-step-content p {\n  font-size: 14px;\n  color: var(--soi-trip-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-trip-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-trip-pomme-light);\n  border-left: 4px solid var(--soi-trip-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-trip-radius) var(--soi-trip-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-trip-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-trip-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-trip-marine);\n  margin-bottom: 4px;\n}\n\n.soi-trip-tip p {\n  font-size: 14px;\n  color: var(--soi-trip-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-trip-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-trip-accordion-item {\n  background: var(--soi-trip-off-white);\n  border-radius: var(--soi-trip-radius-sm);\n  border: 1px solid var(--soi-trip-line);\n  overflow: hidden;\n}\n\n.soi-trip-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-trip-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-trip-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-trip-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-trip-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-trip-accordion-item[open] .soi-trip-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-trip-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-trip-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-trip-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-trip-cta-box {\n  background: var(--soi-trip-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-trip-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-trip-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-trip-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-trip-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-trip-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-trip-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-trip-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-trip-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-trip-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-trip-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-trip-fiche {\n    --soi-trip-text-soft: #2C3E50;\n    --soi-trip-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603258073418,"sku":"AY9916","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lait-demaquillant-au-triphala-certifie-bio-ayurvana-packshot.webp?v=1780154879"},{"product_id":"mousse-nettoyante-tulsi-bio","title":"Mousse Nettoyante Tulsi Bio - Ayurvana","description":"\n\n\u003cdiv class=\"soi-tuls-fiche\"\u003e\n\n  \u003csection class=\"soi-tuls-hero\"\u003e\n    \u003cdiv class=\"soi-tuls-hero-tag\"\u003e\n      \u003cspan class=\"soi-tuls-tag-dot\"\u003e\u003c\/span\u003e\n      Soin visage ayurvédique · Ayurvana\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-tuls-hero-title\"\u003eUn rituel purifiant ancré dans l'Ayurveda\u003c\/span\u003e\n    \u003cp class=\"soi-tuls-hero-subtitle\"\u003eLe rituel purifiant de l'Ayurveda pour votre visage : une mousse onctueuse au basilic sacré qui nettoie en profondeur, hydrate et protège votre épiderme en un seul geste.\u003c\/p\u003e\n    \u003cdiv class=\"soi-tuls-hero-labels\"\u003e\n      \u003cspan class=\"soi-tuls-label soi-tuls-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-tuls-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-tuls-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-tuls-label\"\u003eSANS SULFATES AGRESSIFS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003eMousse nettoyante visage au Tulsi bio : le rituel ayurvédique pour une peau purifiée\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez une \u003cstrong\u003emousse nettoyante pour le visage\u003c\/strong\u003e vraiment efficace, douce et respectueuse de votre peau ? La mousse nettoyante au Tulsi bio d'Ayurvana puise dans la sagesse millénaire de l'Ayurveda pour vous offrir un nettoyage en profondeur, sans jamais agresser votre épiderme. Certifiée \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e et fabriquée en France, elle se distingue par sa formulation unique à base de plantes bio soigneusement sélectionnées.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette mousse nettoyante visage ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tuls-grid\"\u003e\n      \u003cdiv class=\"soi-tuls-card\"\u003e\n        \u003ch3\u003e🌿 Tulsi (Ocimum sanctum)\u003c\/h3\u003e\n        \u003cp\u003eSurnommé le « basilic sacré », le Tulsi est l'actif vedette de cette formule. Reconnu en Ayurveda pour ses vertus purifiantes et détoxifiantes, il débarrasse l'épiderme des impuretés, de l'excès de sébum et des traces de pollution accumulées au fil de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-card\"\u003e\n        \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eIncontournable des soins naturels, l'aloe vera apaise les micro-irritations, hydrate en profondeur et laisse une \u003cstrong\u003esensation de confort immédiate\u003c\/strong\u003e, même sur les peaux les plus réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-card\"\u003e\n        \u003ch3\u003e🫧 Huile de ricin\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés cicatrisantes et protectrices, elle forme un voile délicat sur la peau et travaille en synergie avec l'aloe vera pour renforcer la barrière cutanée après chaque nettoyage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-card\"\u003e\n        \u003ch3\u003e🍊 Huiles essentielles de patchouli et d'orange douce\u003c\/h3\u003e\n        \u003cp\u003eAu-delà de leur parfum fruité et chaleureux, ces huiles essentielles bio contribuent à tonifier et à améliorer l'élasticité cutanée pour une \u003cstrong\u003epeau visiblement plus ferme et lumineuse\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003eComment utiliser la mousse nettoyante visage Tulsi ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tuls-timeline\"\u003e\n      \u003cdiv class=\"soi-tuls-step\"\u003e\n        \u003cdiv class=\"soi-tuls-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-tuls-step-content\"\u003e\n          \u003ch3\u003eMatin et soir\u003c\/h3\u003e\n          \u003cp\u003eAppuyez sur le diffuseur pour obtenir une noix de mousse onctueuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-step\"\u003e\n        \u003cdiv class=\"soi-tuls-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-tuls-step-content\"\u003e\n          \u003ch3\u003eApplication\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur le visage humide en massages circulaires doux, en évitant le contour des yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-step\"\u003e\n        \u003cdiv class=\"soi-tuls-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-tuls-step-content\"\u003e\n          \u003ch3\u003eRinçage\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède et séchez délicatement avec une serviette propre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-step\"\u003e\n        \u003cdiv class=\"soi-tuls-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-tuls-step-content\"\u003e\n          \u003ch3\u003eComplétez votre rituel\u003c\/h3\u003e\n          \u003cp\u003ePoursuivez avec votre soin habituel (sérum, hydratant) pour un résultat optimal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-tuls-tip\"\u003e\n      \u003cdiv class=\"soi-tuls-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCette mousse nettoyante convient à tous les types de peaux, y compris les peaux matures, mixtes ou sujettes aux rougeurs. Deux utilisations quotidiennes suffisent pour constater une peau plus nette, plus douce et visiblement revitalisée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tuls-compo\"\u003e\n      \u003cdiv class=\"soi-tuls-compo-row\"\u003e\n        \u003cspan class=\"soi-tuls-compo-label\"\u003eListe INCI complète\u003c\/span\u003e\n        \u003cspan class=\"soi-tuls-compo-value\"\u003eAqua, Aloe Barbadensis Leaf Juice*, Cocamidopropyl Betaine, Glycerin, Ricinus Communis Seed Oil*, Ocimum Sanctum Leaf Extract*, Pogostemon Cablin Leaf Oil*, Citrus Sinensis Peel Oil*, Xanthan Gum, Citric Acid, Sodium Benzoate, Potassium Sorbate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-compo-row\"\u003e\n        \u003cspan class=\"soi-tuls-compo-label\"\u003eMention\u003c\/span\u003e\n        \u003cspan class=\"soi-tuls-compo-value\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003ch2\u003eCe qui rend cette mousse vraiment différente\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tuls-benefits\"\u003e\n      \u003cdiv class=\"soi-tuls-benefit\"\u003e\n        \u003cdiv class=\"soi-tuls-benefit-icon\"\u003e\u003cspan\u003e✅\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifiée COSMOS ORGANIC\u003c\/h3\u003e\n        \u003cp\u003eFormulation 100 % conforme aux exigences de la cosmétique biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-benefit\"\u003e\n        \u003cdiv class=\"soi-tuls-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriquée en France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité garantie, du sourcing des ingrédients à la mise en flacon.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-benefit\"\u003e\n        \u003cdiv class=\"soi-tuls-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans sulfates agressifs\u003c\/h3\u003e\n        \u003cp\u003eLa mousse nettoie sans dessécher ni dérégler le microbiome cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-benefit\"\u003e\n        \u003cdiv class=\"soi-tuls-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFlacon pompe hygiénique\u003c\/h3\u003e\n        \u003cp\u003eDosage précis, zéro gaspillage, praticité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tuls-benefit\"\u003e\n        \u003cdiv class=\"soi-tuls-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAdaptée aux peaux sensibles et matures\u003c\/h3\u003e\n        \u003cp\u003eConvient également à tous les autres types de peaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tuls-section\"\u003e\n    \u003cdiv class=\"soi-tuls-accordion\"\u003e\n      \u003cdetails class=\"soi-tuls-accordion-item\"\u003e\n        \u003csummary class=\"soi-tuls-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-tuls-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à l'avis d'un dermatologue en cas de problème cutané persistant. Évitez le contour des yeux lors de l'application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tuls-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-tuls-cta-box\"\u003e\n      \u003cp class=\"soi-tuls-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur du Tulsi bio : chaque matin et chaque soir, votre visage retrouve fraîcheur, douceur et éclat naturel avec des ingrédients bio certifiés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-tuls-marine: #1A2D3D;\n  --soi-tuls-marine-dark: #0F1E2B;\n  --soi-tuls-marine-light: #2C4458;\n  --soi-tuls-pomme: #A1C544;\n  --soi-tuls-pomme-dark: #84A636;\n  --soi-tuls-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-tuls-white: #FFFFFF;\n  --soi-tuls-off-white: #F8FAF6;\n  --soi-tuls-stone: #F1F3EE;\n  --soi-tuls-line: #E5E8E0;\n\n  --soi-tuls-primary: #D88542;\n  --soi-tuls-primary-soft: #F5E6D4;\n  --soi-tuls-accent: #5A8A52;\n\n  --soi-tuls-text: #1A2D3D;\n  --soi-tuls-text-soft: #4A5B6B;\n  --soi-tuls-text-muted: #7B8693;\n\n  --soi-tuls-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-tuls-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-tuls-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-tuls-radius: 12px;\n  --soi-tuls-radius-sm: 8px;\n  --soi-tuls-radius-pill: 999px;\n}\n\n.soi-tuls-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-tuls-fiche img { max-width: 100%; height: auto; }\n\n.soi-tuls-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-tuls-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-tuls-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-tuls-hero {\n  position: relative;\n  background: var(--soi-tuls-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-tuls-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-tuls-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-tuls-pomme);\n}\n\n.soi-tuls-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-tuls-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-tuls-pomme);\n  border-radius: 50%;\n}\n\n.soi-tuls-hero-title {\n  display: block;\n  color: var(--soi-tuls-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-tuls-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-tuls-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-tuls-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-tuls-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-tuls-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-tuls-label-accent {\n  background: var(--soi-tuls-pomme);\n  border-color: var(--soi-tuls-pomme);\n  color: var(--soi-tuls-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-tuls-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-tuls-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-tuls-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-tuls-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-tuls-pomme);\n  border-radius: 2px;\n}\n\n.soi-tuls-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-tuls-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-tuls-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-tuls-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-tuls-card {\n  background: var(--soi-tuls-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-tuls-radius);\n  border-left: 3px solid var(--soi-tuls-pomme);\n}\n\n.soi-tuls-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-tuls-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-tuls-card p {\n  font-size: 14px;\n  color: var(--soi-tuls-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-tuls-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-tuls-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-tuls-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-tuls-radius);\n  border: 1px solid var(--soi-tuls-line);\n  align-items: flex-start;\n}\n\n.soi-tuls-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-tuls-marine);\n  color: var(--soi-tuls-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-tuls-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-tuls-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-tuls-step-content p {\n  font-size: 14px;\n  color: var(--soi-tuls-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-tuls-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-tuls-benefit {\n  background: var(--soi-tuls-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-tuls-radius);\n  border: 1px solid var(--soi-tuls-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-tuls-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-tuls-shadow-md);\n}\n\n.soi-tuls-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-tuls-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-tuls-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-tuls-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-tuls-benefit:hover .soi-tuls-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-tuls-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-tuls-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-tuls-benefit p {\n  font-size: 13px;\n  color: var(--soi-tuls-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-tuls-compo {\n  background: var(--soi-tuls-off-white);\n  border-radius: var(--soi-tuls-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-tuls-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-tuls-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-tuls-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-tuls-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-tuls-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-tuls-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-tuls-marine);\n  text-align: right;\n  line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.soi-tuls-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-tuls-pomme-light);\n  border-left: 4px solid var(--soi-tuls-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-tuls-radius) var(--soi-tuls-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-tuls-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-tuls-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-tuls-marine);\n  margin-bottom: 4px;\n}\n\n.soi-tuls-tip p {\n  font-size: 14px;\n  color: var(--soi-tuls-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-tuls-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-tuls-accordion-item {\n  background: var(--soi-tuls-off-white);\n  border-radius: var(--soi-tuls-radius-sm);\n  border: 1px solid var(--soi-tuls-line);\n  overflow: hidden;\n}\n\n.soi-tuls-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-tuls-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-tuls-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-tuls-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-tuls-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-tuls-accordion-item[open] .soi-tuls-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-tuls-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-tuls-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-tuls-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-tuls-cta-box {\n  background: var(--soi-tuls-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-tuls-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-tuls-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-tuls-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-tuls-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-tuls-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-tuls-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-tuls-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-tuls-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-tuls-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-tuls-compo-value {\n    text-align: left;\n  }\n\n  .soi-tuls-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-tuls-benefits {\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-tuls-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-tuls-fiche {\n    --soi-tuls-text-soft: #2C3E50;\n    --soi-tuls-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603261088074,"sku":"AY9917","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/mousse-nettoyante-au-tulsi-certifiee-bio-ayurvana-packshot.webp?v=1779633246"},{"product_id":"serum-booster-hydratation-centifolia","title":"Sérum Booster d'Hydratation bio - Éclat de Rose - Centifolia","description":"\n\n\u003cdiv class=\"soi-rose-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-rose-hero\"\u003e\n    \u003cdiv class=\"soi-rose-hero-tag\"\u003e\n      \u003cspan class=\"soi-rose-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique visage · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-rose-hero-title\"\u003eSérum Booster d'Hydratation Éclat de Rose®\u003c\/span\u003e\n    \u003cp class=\"soi-rose-hero-subtitle\"\u003eTrois actifs précieux réunis dans une texture fluide et légère pour repulper, illuminer et apaiser votre peau au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rose-hero-labels\"\u003e\n      \u003cspan class=\"soi-rose-label soi-rose-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003e30 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi ce sérum se démarque --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003ePourquoi ce sérum booster d'hydratation se démarque\u003c\/h2\u003e\n    \u003cp\u003eLà où de nombreux sérums hydratants se contentent d'une action de surface, le sérum Centifolia combine trois actifs à fort potentiel dans une texture fluide ultra-légère qui pénètre instantanément sans laisser de résidu gras. Résultat : une peau visiblement repulpée, plus lisse et lumineuse, sans effet collant ni surcharge.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Les 3 actifs clés --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eLes 3 actifs clés du sérum Éclat de Rose®\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-timeline\"\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eRose Centifolia biologique\u003c\/h3\u003e\n          \u003cp\u003eCueillie à la main à maturité optimale, cette \"rose aux cent feuilles\" est riche en actifs antioxydants et apaisants. Elle unifie le teint, calme les rougeurs et apporte une hydratation durable à la peau fragilisée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eAcide hyaluronique d'origine naturelle\u003c\/h3\u003e\n          \u003cp\u003eCapable de retenir jusqu'à 1 000 fois son poids en eau, il comble les espaces entre les fibres de collagène pour une hydratation en profondeur et un effet repulpant visible. Votre peau retrouve sa souplesse et son rebond.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eVitamine C\u003c\/h3\u003e\n          \u003cp\u003ePuissant antioxydant, elle neutralise les radicaux libres liés à la pollution et au stress oxydatif. Elle agit aussi sur les taches et l'homogénéité du teint pour un éclat naturel et durable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Pour qui --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003ePour qui est ce sérum hydratant bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-grid\"\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e💧 Peaux déshydratées ou tiraillées\u003c\/h3\u003e\n        \u003cp\u003eQuelle que soit leur nature (sèche, mixte, normale), ce sérum apporte l'hydratation dont elles ont besoin pour retrouver confort et souplesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles ou réactives\u003c\/h3\u003e\n        \u003cp\u003eSa formule douce convient aux peaux qui supportent mal les formules chargées, sans parfum agressif ni ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e🏙️ Peaux exposées au stress environnemental\u003c\/h3\u003e\n        \u003cp\u003eClimatisation, pollution, changements de saison : ce sérum protège et préserve l'éclat de votre peau face aux agressions du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e✨ Envie de renforcer votre routine\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à décupler l'efficacité de votre crème hydratante existante ? Ce sérum s'utilise en complément pour en amplifier les bienfaits.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eComment utiliser le sérum booster Centifolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-timeline\"\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eSur un visage propre et légèrement humide, appliquez 2 à 3 pressions de sérum, matin et\/ou soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eTapotez délicatement\u003c\/h3\u003e\n          \u003cp\u003eDu bout des doigts, tapotez le sérum sans frotter pour favoriser l'absorption. Laissez poser quelques secondes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n          \u003cp\u003eAppliquez ensuite votre crème hydratante. Utilisé en synergie avec le Fluide Léger ou la Crème Riche Éclat de Rose® de Centifolia, il en décuple les effets illuminateurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Nos engagements qualité --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eLes engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-benefits\"\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifié Cosmos Organic Ecocert\u003c\/h3\u003e\n        \u003cp\u003eGarantie d'une formule respectueuse de votre peau et de l'environnement, sans ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré selon des normes rigoureuses de cosmétique botanique, dans le respect du savoir-faire français.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEmballage éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eFlacon recyclable, sans phtalates ni Bisphénol A. Un geste pour votre peau et pour la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eConvient aux peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eFormulé sans parfum agressif, il respecte les peaux les plus délicates tout en restant efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Composition (INCI) --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-accordion\"\u003e\n      \u003cdetails class=\"soi-rose-accordion-item\" open\u003e\n        \u003csummary class=\"soi-rose-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-rose-accordion-content\"\u003e\n          \u003cp\u003eAqua, Rosa Centifolia Flower Water*, Glycerin, Sodium Hyaluronate, Ascorbyl Glucoside (Vitamine C), Xanthan Gum, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. Certifié Cosmos Organic par Ecocert.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-compo\" style=\"margin-top: 1rem;\"\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eRose Centifolia biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eAcide hyaluronique d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eActif éclat\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eVitamine C (Ascorbyl Glucoside)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003e30 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- TIP --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003cdiv class=\"soi-rose-tip\"\u003e\n      \u003cdiv class=\"soi-rose-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour décupler les bienfaits de ce sérum, associez-le au Fluide Léger ou à la Crème Riche Éclat de Rose® de Centifolia. Appliqué sur peau légèrement humide, il favorise une absorption optimale de ses actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-rose-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-rose-cta-box\"\u003e\n      \u003cp class=\"soi-rose-cta-tag\" style=\"color: white;\"\u003eVotre rituel d'hydratation certifié bio\u003c\/p\u003e\n      \u003cp class=\"soi-rose-cta-text\" style=\"color: white;\"\u003eOffrez à votre visage l'éclat qu'il mérite avec la douceur de la Rose Centifolia, la puissance de l'acide hyaluronique et l'énergie de la Vitamine C.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-rose-marine: #1A2D3D;\n  --soi-rose-marine-dark: #0F1E2B;\n  --soi-rose-marine-light: #2C4458;\n  --soi-rose-pomme: #A1C544;\n  --soi-rose-pomme-dark: #84A636;\n  --soi-rose-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-rose-white: #FFFFFF;\n  --soi-rose-off-white: #F8FAF6;\n  --soi-rose-stone: #F1F3EE;\n  --soi-rose-line: #E5E8E0;\n\n  --soi-rose-primary: #D4A8A4;\n  --soi-rose-primary-soft: #F0D5D1;\n  --soi-rose-accent: #E8B5A0;\n\n  --soi-rose-text: #1A2D3D;\n  --soi-rose-text-soft: #4A5B6B;\n  --soi-rose-text-muted: #7B8693;\n\n  --soi-rose-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-rose-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-rose-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-rose-radius: 12px;\n  --soi-rose-radius-sm: 8px;\n  --soi-rose-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-rose-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rose-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-rose-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-rose-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-rose-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-rose-hero {\n  position: relative;\n  background: var(--soi-rose-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-rose-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-rose-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-rose-pomme);\n}\n\n.soi-rose-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-rose-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-rose-pomme);\n  border-radius: 50%;\n}\n\n.soi-rose-hero-title {\n  display: block;\n  color: var(--soi-rose-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-rose-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-rose-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-rose-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-rose-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-rose-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-rose-label-accent {\n  background: var(--soi-rose-pomme);\n  border-color: var(--soi-rose-pomme);\n  color: var(--soi-rose-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-rose-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rose-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-rose-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-rose-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-rose-pomme);\n  border-radius: 2px;\n}\n\n.soi-rose-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-rose-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-rose-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS (cercles marine) === *\/\n.soi-rose-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-rose-benefit {\n  background: var(--soi-rose-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-rose-radius);\n  border: 1px solid var(--soi-rose-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rose-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-rose-shadow-md);\n}\n\n.soi-rose-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-rose-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-rose-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-rose-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-rose-benefit:hover .soi-rose-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-rose-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rose-benefit p {\n  font-size: 13px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-rose-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-rose-card {\n  background: var(--soi-rose-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rose-radius);\n  border-left: 3px solid var(--soi-rose-pomme);\n}\n\n.soi-rose-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rose-card p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-rose-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-rose-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-rose-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rose-radius);\n  border: 1px solid var(--soi-rose-line);\n  align-items: flex-start;\n}\n\n.soi-rose-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-rose-marine);\n  color: var(--soi-rose-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-rose-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-rose-step-content p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-rose-compo {\n  background: var(--soi-rose-off-white);\n  border-radius: var(--soi-rose-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-rose-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-rose-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-rose-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-rose-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-rose-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-rose-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-rose-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-rose-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-rose-pomme-light);\n  border-left: 4px solid var(--soi-rose-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-rose-radius) var(--soi-rose-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-rose-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-rose-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-rose-marine);\n  margin-bottom: 4px;\n}\n\n.soi-rose-tip p {\n  font-size: 14px;\n  color: var(--soi-rose-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-rose-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-rose-accordion-item {\n  background: var(--soi-rose-off-white);\n  border-radius: var(--soi-rose-radius-sm);\n  border: 1px solid var(--soi-rose-line);\n  overflow: hidden;\n}\n\n.soi-rose-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-rose-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-rose-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-rose-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-rose-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-rose-accordion-item[open] .soi-rose-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-rose-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-rose-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-rose-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-rose-cta-box {\n  background: var(--soi-rose-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-rose-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-rose-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-rose-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-rose-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-rose-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-rose-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-rose-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-rose-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-rose-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-rose-compo-value {\n    text-align: left;\n  }\n\n  .soi-rose-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-rose-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-rose-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-rose-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-rose-fiche {\n    --soi-rose-text-soft: #2C3E50;\n    --soi-rose-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603262300490,"sku":"CE0408","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/serum-booster-dhydratation-certifie-bio-centifolia-packshot.webp?v=1779454708"},{"product_id":"gelee-nettoyante-purifiante-centifolia","title":"Gelée Nettoyante Purifiante Bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Gelée Nettoyante Purifiante \u003c\/strong\u003e\"Fraîcheur de Thé\" de Centifolia est le soin incontournable \u003cstrong\u003epour une peau propre, douce et éclatante\u003c\/strong\u003e. Spécialement formulée pour nettoyer en profondeur, cette gelée élimine efficacement les impuretés et l'excès de sébum tout en préservant l'hydratation naturelle de la peau.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0425_63e9b8ee-144f-4fcc-98a4-81fea855fa3c.jpg?v=1776180556\" alt=\"Photo d'une personne qui se lave le visage dans son lavabo\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et avantages de la Gelée nettoyante purifiante\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage en profondeur\u003c\/strong\u003e : élimine les impuretés et l'excès de sébum sans assécher la peau, laissant une sensation de fraîcheur et de propreté.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients Actifs\u003c\/strong\u003e : \n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolat de Thé Vert Biologique (Camellia Sinensis Leaf Extract)\u003c\/strong\u003e : riche en théine, polyphénols et flavonoïdes, cet extrait de Thé Vert offre des propriétés anti-oxydantes, rafraîchissantes, purifiantes et apaisantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZinc PCA\u003c\/strong\u003e : complexe actif sébo-régulateur qui aide à diminuer la production de sébum, offrant à la peau une texture matifiée et équilibrée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe Vera\u003c\/strong\u003e : reconnu pour ses propriétés hydratantes, l'Aloe Vera permet un nettoyage en profondeur tout en respectant la barrière cutanée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eEngagement et qualité du produit Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestée sous contrôle dermatologique\u003c\/strong\u003e : garantie de douceur et de sécurité pour tous les types de peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉcologique et responsable\u003c\/strong\u003e : flacon recyclable à 50% et garanti sans phtalate ni Bisphénol A, reflétant l'engagement de Centifolia pour l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriquée en France\u003c\/strong\u003e : conception et fabrication 100% françaises, garantissant un produit de haute qualité et respectueux des normes strictes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eDes résultats visibles \u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003eUne peau nette et douce\u003c\/li\u003e\n\u003cli\u003eRéduction visible des excès de sébum\u003c\/li\u003e\n\u003cli\u003eSensation de fraîcheur revitalisante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eTransformez votre routine de nettoyage avec la \u003cstrong\u003eGelée Nettoyante Purifiante \"Fraîcheur de Thé\" de Centifolia\u003c\/strong\u003e et ressentez la différence d'une peau fraîche, pure et équilibrée.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603286221130,"sku":"CE0425","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0425_gelee_demaquillante.jpg?v=1776158332"},{"product_id":"fluide-regulateur-matifiant-centifolia","title":"Fluide Régulateur Matifiant certifié bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eCentifolia vous présente son \u003cstrong\u003eFluide Régulateur Matifiant \"Fraîcheur de Thé\"\u003c\/strong\u003e, conçu pour apporter à votre peau une hydratation optimale tout en contrôlant la brillance. Ce fluide allie des ingrédients naturels aux propriétés exceptionnelles pour offrir une peau douce, équilibrée et sans excès de sébum.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0426_e613173b-7751-4433-ae48-5426f05a7882.jpg?v=1776180556\" alt=\"Photo d'une femme qui se regarde dans le miroir et qui sourit\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés du Fluide régulateur Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: square;\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHydrolat de Thé Vert Biologique (Camellia Sinensis Leaf Extract):\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eVertus :\u003c\/span\u003e Riche en théine, polyphénols et flavonoïdes, cet hydrolat est un puissant anti-oxydant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eBienfaits :\u003c\/span\u003e Purifie et apaise la peau tout en offrant une sensation de fraîcheur.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eZinc PCA:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eOrigine :\u003c\/span\u003e Sel de zinc de l’acide pyrrolidone carboxylique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eVertus :\u003c\/span\u003e Connue pour ses propriétés sébo-régulatrices.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eBienfaits :\u003c\/span\u003e Diminue la production de sébum et régule la peau grasse.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eComplexe de Sucres d'Origine Marine:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eOrigine :\u003c\/span\u003e Extrait de phytoplancton produit en Bretagne.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eVertus :\u003c\/span\u003e Absorbe l’excès de sébum et matifie la peau à court et long terme.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eBienfaits :\u003c\/span\u003e Offre des propriétés hydratantes et apaisantes tout en réduisant la brillance.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePoudre de Riz:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eVertus :\u003c\/span\u003e Naturellement lissante et matifiante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"text-decoration: underline;\"\u003eBienfaits :\u003c\/span\u003e Réduit la brillance, laisse un fini doux sans effet gras, et assure une hydratation continue.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eUn produit respectueux et de qualité\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eTesté dermatologiquement :\u003c\/strong\u003e Sécurité et douceur pour tous types de peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans Phtalate ni Bisphénol A :\u003c\/strong\u003e Emballage respectueux de votre santé et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConçu et Fabriqué en France :\u003c\/strong\u003e Gage de qualité et de savoir-faire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Fluide Régulateur Matifiant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatification longue durée :\u003c\/strong\u003e contrôle efficacement la brillance tout au long de la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation idéale :\u003c\/strong\u003e maintient la peau hydratée sans obstruer les pores.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePores resserrés :\u003c\/strong\u003e améliore la texture de la peau jour après jour.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeau équilibrée :\u003c\/strong\u003e régule les excès de sébum, laissant la peau fraîche et équilibrée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eDécouvrez une \u003cstrong\u003epeau rafraîchie, matifiée et parfaitement hydratée\u003c\/strong\u003e avec le \u003cstrong\u003eFluide Régulateur Matifiant \"Fraîcheur de Thé\" de Centifolia\u003c\/strong\u003e. Un soin innovant et naturel pour une peau équilibrée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603286450506,"sku":"CE0426","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0426_fluide_regulateur_matifiant_353051f0-04e3-43fd-85ff-eaae5e5541dc.jpg?v=1778842835"},{"product_id":"centifolia-embellisseur-de-teint","title":"Embellisseur de teint certifié bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003eDécouvrez \u003cstrong\u003el'Embellisseur de Teint Éclat de Rose® de Centifolia\u003c\/strong\u003e, le secret d'une peau éclatante et parfaitement hydratée. Sa formule unique, enrichie de \u003cstrong\u003etrois actifs puissants\u003c\/strong\u003e, offre une hydratation intense et une luminosité naturelle qui\u003cstrong\u003e convient à tous les types de peaux\u003c\/strong\u003e, même les plus sensibles.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques principales de l'Embelisseur de Teint\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et luminosité\u003c\/strong\u003e : grâce à sa texture légère et à sa teinte rose universelle, cet embellisseur rehausse le teint pour un effet bonne mine immédiat et naturel, sans marquer les rides.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à tous les types de peaux\u003c\/strong\u003e : formulé pour convenir à tous les types de peaux, même les plus sensibles, pour une utilisation quotidienne en toute sécurité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespectueux de l'environnement\u003c\/strong\u003e : emballage éco-conçu sans phtalates ni Bisphénol A, fabriqué en France.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0410_df63ba7d-74fa-4409-aab5-b9d6265b82a9.jpg?v=1776180556\" alt=\"Photo d'une femme qui se touche le visage et qui esquisse un sourire\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eActifs principaux de l'Embelisseur de Teint Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRose Centifolia\u003c\/strong\u003e : cueillie à la main à l’aube, cette rose aux « Cent Feuilles » est riche en composés actifs éclaircissants, hydratants, antioxydants et apaisants. Elle illumine et unifie le teint pour une peau visiblement plus radieuse.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAcide Hyaluronique\u003c\/strong\u003e : d'origine naturelle, cet actif capture jusqu’à 1000 fois son poids en eau, maintenant ainsi une hydratation optimale. Il comble les espaces entre les fibres de collagène, améliorant l'apparence de la peau en la rendant plus lisse et repulpée.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine C\u003c\/strong\u003e : ce puissant antioxydant protège la peau des radicaux libres causés par le soleil, la pollution et le stress, prévenant ainsi le vieillissement prématuré. Elle contribue également à l'éclat du teint en inhibant la surproduction de mélanine due aux UV.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong style=\"color: #333333; font-size: 26px;\"\u003eAvantages et bienfaits du produit Centifolia\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation longue durée\u003c\/strong\u003e : maintient l'hydratation tout au long de la journée grâce à l’acide hyaluronique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTeint lumineux\u003c\/strong\u003e : la teinte rose universelle et les pigments non couvrants offrent un effet bonne mine instantané et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce\u003c\/strong\u003e : convient même aux peaux les plus sensibles, assurant une utilisation quotidienne sans irritation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEco-Friendly\u003c\/strong\u003e : emballage respectueux de l’environnement, fabriqué sans phtalates ni Bisphénol A. Produit certifié Cosmos Organic par Ecocert, gage de pureté et de qualité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eAdoptez l'Embellisseur de Teint Éclat de Rose® pour une peau éclatante, hydratée et naturellement belle jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603286745418,"sku":"CE0410","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/embelisseur-de-teint-eclat-de-rose-centifolia_d228133a-6eae-48f9-b9de-220e336ddf26.jpg?v=1778842871"},{"product_id":"eau-micellaire-purifiante-centifolia","title":"Eau Micellaire Purifiante certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe nettoyage du visage et le démaquillage sont des étapes essentielles de toute routine de soin de la peau\u003c\/strong\u003e. Ils permettent d'éliminer les impuretés, les résidus de maquillage et la pollution accumulés au cours de la journée, laissant la peau propre et prête à absorber les soins appliqués ensuite. Un bon nettoyage aide également à prévenir les imperfections, à affiner le grain de peau et à maintenir une peau saine et éclatante.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0414_ca4132c5-4cbf-4489-8f91-4afd8acb474e.jpg?v=1776180555\" alt=\"Photo d'une femme qui se démquille\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e\u003cstrong\u003eL'Eau Micellaire Purifiante de Centifolia\u003c\/strong\u003e, certifiée \u003cstrong\u003eCosmos Organic par Ecocert et fabriquée en France\u003c\/strong\u003e, est spécialement formulée pour nettoyer et purifier les peaux mixtes à grasses sans les dessécher. Elle élimine efficacement les impuretés, les traces de pollution et même le maquillage waterproof tout en douceur.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de l'Eau micellaire certifiée bio Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage doux et efficace\u003c\/strong\u003e : élimine les impuretés et le maquillage, y compris waterproof, sans agresser la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAffinement du grain de peau\u003c\/strong\u003e : utilisation régulière pour une peau plus lisse et des pores moins visibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTeint illuminé\u003c\/strong\u003e : redonne de l'éclat à la peau terne.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect des yeux sensibles\u003c\/strong\u003e : formule testée sous contrôle dermatologique et ophtalmologique, convient aux yeux sensibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003ePrincipes actifs du produit Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolat de Thé Vert Biologique (Camellia Sinensis Leaf Extract)\u003c\/strong\u003e : connu pour ses propriétés anti-oxydantes, rafraîchissantes, purifiantes et apaisantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZinc PCA\u003c\/strong\u003e : réduit la production de sébum, idéal pour les peaux grasses.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe Vera\u003c\/strong\u003e : hydrate et nettoie la peau en profondeur sans l'agresser.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eDécouvrez une\u003cstrong\u003e peau purifiée, douce et éclatante\u003c\/strong\u003e avec l'Eau Micellaire Purifiante Centifolia, un soin indispensable pour les peaux mixtes à grasses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603287302474,"sku":"CE0414","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0414_centifolia_eau_micellaire_purifiante_96d4239a-366e-4ea7-a547-43d8220453cb.jpg?v=1778842853"},{"product_id":"eau-micellaire-eclat-rose-centifolia","title":"Eau micellaire Éclat de Rose certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003el'Eau Micellaire Éclat de Rose® de Centifolia\u003c\/strong\u003e, un soin délicat et efficace pour \u003cstrong\u003enettoyer, démaquiller et rafraîchir la peau\u003c\/strong\u003e. Cette formule douce élimine les impuretés, les traces de pollution et le maquillage, même waterproof, sans dessécher la peau. La peau est propre, fraîche et éclatante après chaque utilisation.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0409_1c4ef956-f19d-4287-b11c-15c3fac12fcf.jpg?v=1776180556\" alt=\"Pgoto d'une femme qui est en train de se nettoyer le visage avec de l'eau micellaire\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de l'Eau Micellaire Éclat de Rose\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoie en profondeur \u003c\/strong\u003e: Élimine les impuretés et le maquillage waterproof.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense \u003c\/strong\u003e: Grâce à l'acide hyaluronique d'origine naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉclat du teint \u003c\/strong\u003e: La Rose Centifolia améliore l'éclat et apaise la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection antioxydante \u003c\/strong\u003e: La vitamine C protège contre les radicaux libres et le vieillissement prématuré.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eConvient à :\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003eTous types de peau, y compris les peaux et yeux sensibles.\u003c\/li\u003e\n\u003cli\u003eTestée sous contrôle dermatologique et ophtalmologique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés de l'Eau Micellaire Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRose Centifolia\u003c\/strong\u003e: Cueillie à la main, elle possède des propriétés éclaircissantes, hydratantes, antioxydantes et apaisantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide Hyaluronique\u003c\/strong\u003e: Naturellement présent dans le derme, il maintient l'hydratation en captant jusqu’à 1000 fois son poids en eau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine C\u003c\/strong\u003e: Puissant antioxydant qui neutralise les radicaux libres et améliore l'éclat du teint.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong style=\"color: #333333; font-size: 26px;\"\u003eQualité et engagement écologique\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003eProduit certifié Cosmos Organic par Ecocert.\u003c\/li\u003e\n\u003cli\u003eConçu et fabriqué en France.\u003c\/li\u003e\n\u003cli\u003eFlacon recyclable et fabriqué à partir de 50 % de matériaux recyclés.\u003c\/li\u003e\n\u003cli\u003eGaranti sans phtalate ni Bisphénol A.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603287400778,"sku":"CE0409","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0409_centifolia_eau-micellaire_c801e7b3-938e-441f-8410-82796fb0a285.jpg?v=1778842853"},{"product_id":"creme-hydratante-neutre-centifolia","title":"Crème Hydratante Neutre certifiée bio - Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0417_752360a2-daf1-424c-9b6a-a60116a30f91.jpg?v=1776180563\" alt=\"Photo d'une femme de profil et les yeux fermés\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e\u003cstrong\u003eLa Crème Hydratante Neutre Centifolia\u003c\/strong\u003e, en flacon de 40 ml et certifiée \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, est votre alliée idéale pour apaiser et hydrater immédiatement les peaux sensibles et réactives de toute la famille. Sa formule unique procure une sensation de confort immédiat et offre une protection efficace contre les agressions extérieures.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de la crème hydratante Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et Apaisement Immédiats\u003c\/strong\u003e : Réduit les pics de sécheresse et les sensations de démangeaisons, offrant un soulagement rapide et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection Renforcée\u003c\/strong\u003e : Formule protectrice qui préserve la peau des agressions environnementales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage Quotidien\u003c\/strong\u003e : Convient pour une utilisation quotidienne dès la naissance, pour les bébés, enfants, adultes et femmes enceintes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTestée Dermatologiquement\u003c\/strong\u003e : Garantit une tolérance optimale même pour les peaux les plus sensibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de la Crème neutre hydratante\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGamme Neutre\u003c\/strong\u003e : Développée sans parfum, elle répond parfaitement aux besoins des peaux sensibles et réactives.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrébiotique et Polysaccharide Actifs\u003c\/strong\u003e : Une synergie unique pour prévenir le déséquilibre et restaurer le microbiote cutané.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage Écologique\u003c\/strong\u003e : Tube fabriqué à partir de 26 % de matériaux recyclés, garanti sans phtalate ni Bisphénol A.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à votre peau la douceur et le confort qu'elle mérite avec la\u003cstrong\u003e Crème Hydratante Neutre Centifolia\u003c\/strong\u003e. Adaptée à toute la famille, elle est le choix parfait pour un soin quotidien respectueux des peaux les plus délicates.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603288678730,"sku":"CE0417","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-hydratante-neutre_7a3082ae-0148-475c-9f56-a333bb397582.jpg?v=1778842854"},{"product_id":"lotion-perfectrice-de-peau-certifiee-bio-centifolia","title":"Lotion Perfectrice de peau certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez la \u003cstrong\u003eLotion Perfectrice de peau \"Fraîcheur de Thé\" de Centifolia\u003c\/strong\u003e, une solution parfaite pour une peau nette, tonifiée et éclatante. \u003cstrong\u003eCertifiée Cosmos Organic \u003c\/strong\u003eet spécialement formulée pour offrir un \u003cstrong\u003eeffet matifiant \u003c\/strong\u003eet réduire la taille des pores, cette lotion respecte la douceur de votre peau tout en la purifiant.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0427_562a2647-2f0b-4fa9-a24f-ed1cb2923058.jpg?v=1776180580\" alt=\"Photo d'une femme qui se regarde dans un miroir de poche\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eActifs principaux de la Lotion Perfectrice de peau\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolat de Thé Vert Biologique (Camellia Sinensis Leaf Extract)\u003c\/strong\u003e : riche en théine, polyphénols et flavonoïdes, cet hydrolat possède un puissant pouvoir anti-oxydant, purifiant et apaisant. Il aide à unifier le teint pour une peau éclatante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZinc PCA\u003c\/strong\u003e : ce complexe d’actifs est reconnu pour son activité sébo-régulatrice. Issu du Sel de zinc de l’acide pyrrolidone carboxylique, il diminue la production de sébum, offrant à la peau les effets bénéfiques du zinc et du L-PCA, un agent réducteur de sébum.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrolat d'Hamamélis Bio\u003c\/strong\u003e : actif astringent naturel, il limite les irritations et contribue à une peau plus douce et apaisée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de la Lotion Perfectrice Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatifiant\u003c\/strong\u003e : réduit la brillance et laisse la peau non grasse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéducteur de pores\u003c\/strong\u003e : diminue visiblement la taille des pores.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurifiant\u003c\/strong\u003e : élimine l'excès de sébum pour un effet matifiant durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUnifiant\u003c\/strong\u003e : apporte un teint homogène et éclatant.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eFormule sûre et de qualité\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003eTestée sous contrôle dermatologique, cette lotion garantit une utilisation sûre et douce pour la peau.\u003c\/li\u003e\n\u003cli\u003eEmballage recyclable, composé à 50% de matériaux recyclés,\u003cstrong\u003e sans phtalate ni Bisphénol A\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConçue et fabriquée en France\u003c\/strong\u003e, reflétant l'engagement de Centifolia envers l'environnement.\u003c\/li\u003e\n\u003cli\u003eProduit certifié Cosmos Organic, gage de pureté et de qualité pour une peau respectée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eTransformez votre routine de soins avec la Lotion Astringente Matifiante \"Fraîcheur de Thé\" de Centifolia et retrouvez une peau nette, équilibrée et éclatante au quotidien.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603289923914,"sku":"CE0427","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0427_1_96b9e11f-da00-42c8-963a-6cb29c20f875.jpg?v=1778842871"},{"product_id":"creme-jour-propolis-calendula","title":"Crème de jour Bio peaux sèches - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0130_a97ad874-f929-4fdd-8748-250187b9656b.jpg?v=1776180655\" alt=\"Photo d'un visage de femme avec de la crème\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa crème de jour Bio peaux sèches de Propolia est spécialement conçue pour \u003cstrong\u003ehydrater, nourrir et protéger la peau sèche et sensible\u003c\/strong\u003e. Enrichie en propolis, calendula et aloe vera, elle offre une hydratation profonde et une protection efficace contre les agressions extérieures, tout en revitalisant la peau.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cette crème bio\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et bio :\u003c\/strong\u003e Formulée avec des ingrédients à 98% d'origine naturelle, dont 51% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture légère :\u003c\/strong\u003e Une crème non grasse qui pénètre rapidement, laissant la peau douce et hydratée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdaptée aux peaux sèches :\u003c\/strong\u003e Conçue spécifiquement pour répondre aux besoins des peaux sèches et sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage écologique :\u003c\/strong\u003e Le flacon airless protège les actifs, distribue la juste dose de produit, empêche le gaspillage et maintient une utilisation hygiénique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la crème de jour Calendula, propolis et karité bio\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense :\u003c\/strong\u003e Les actifs naturels comme l'aloe vera et le beurre de karité hydratent et nourrissent la peau en profondeur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRégénération cellulaire :\u003c\/strong\u003e La propolis et le calendula aident à la réparation cellulaire et revitalisent la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection quotidienne :\u003c\/strong\u003e Protège la peau des agressions extérieures grâce à ses propriétés antioxydantes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité de la crème Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale :\u003c\/strong\u003e Développée et fabriquée en Occitanie, assurant un savoir-faire régional de haute qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifiée Bio :\u003c\/strong\u003e Conforme à la charte Cosmebio, garantissant l'utilisation d'ingrédients respectueux de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation pure :\u003c\/strong\u003e Sans conservateurs de synthèse, testée sous contrôle dermatologique pour une tolérance optimale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa crème de jour Bio peaux sèches de Propolia est idéale pour ceux qui cherchent à \u003cstrong\u003ehydrater et protéger leur peau naturellement\u003c\/strong\u003e. Utilisée quotidiennement, elle laisse la peau douce, hydratée et éclatante de santé, offrant une solution efficace et naturelle pour les peaux sèches et sensibles.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603352805706,"sku":"AP0130","price":31.78,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/propolia_ap0130_cr_mejourpeauseche_cd4c17bc-5e72-4d8e-954b-f0b213c71d82.jpg?v=1778842884"},{"product_id":"soin-jour-multi-actif-bio-centifolia","title":"Soin jour multi-actif certifié bio - Centifolia","description":"\n\u003cdiv class=\"soi-lysac-fiche\"\u003e\n\n  \u003csection class=\"soi-lysac-hero\"\u003e\n    \u003cdiv class=\"soi-lysac-hero-tag\"\u003e\n      \u003cspan class=\"soi-lysac-tag-dot\"\u003e\u003c\/span\u003e\n      Soin visage anti-âge · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-lysac-hero-title\"\u003eSoin Jour Multi-Actif Lys Active®\u003c\/span\u003e\n    \u003cp class=\"soi-lysac-hero-subtitle\"\u003eUn soin certifié bio qui nourrit, redensifie et corrige les rides grâce à deux actifs botaniques d'exception, pour les peaux matures et sensibles.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysac-hero-labels\"\u003e\n      \u003cspan class=\"soi-lysac-label soi-lysac-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-lysac-label\"\u003eMEILLEUR PRODUIT BIO 2023\u003c\/span\u003e\n      \u003cspan class=\"soi-lysac-label\"\u003e100% VEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-lysac-label\"\u003eORIGINE FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eLe soin naturel pour le visage qui agit dès la première application\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un soin du visage naturel capable de vraiment tenir ses promesses ? Le Soin Jour Multi-Actif Lys Active® de Centifolia a été élu \u003cstrong\u003eMeilleur Produit Bio 2023\u003c\/strong\u003e par un jury de 100 consommatrices. En 50 ml d'une texture onctueuse certifiée Cosmos Organic, il nourrit, redensifie et corrige les rides, tout en restant parfaitement toléré par les peaux matures et sensibles.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysac-grid-compact\"\u003e\n      \u003cdiv class=\"soi-lysac-card-mini\"\u003e\n        \u003cspan class=\"soi-lysac-card-mini-icon\"\u003e🏆\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-label\"\u003eDistinction\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-value\"\u003eMeilleur Produit Bio 2023\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card-mini\"\u003e\n        \u003cspan class=\"soi-lysac-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-value\"\u003e50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card-mini\"\u003e\n        \u003cspan class=\"soi-lysac-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-value\"\u003eJusqu'à 99%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card-mini\"\u003e\n        \u003cspan class=\"soi-lysac-card-mini-icon\"\u003e⏱️\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-label\"\u003eEffet visible\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-card-mini-value\"\u003eDès 15 minutes\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eDeux actifs d'exception au cœur de ce soin visage naturel\u003c\/h2\u003e\n    \u003cp\u003eCe qui distingue ce soin naturel pour le visage, c'est la précision de sa formulation. Deux ingrédients botaniques de pointe en font un allié anti-âge sérieux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysac-benefits\"\u003e\n      \u003cdiv class=\"soi-lysac-benefit\"\u003e\n        \u003cdiv class=\"soi-lysac-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCellules végétales de Lys Blanc\u003c\/h3\u003e\n        \u003cp\u003eIssues de la biotechnologie verte et d'origine France, elles stimulent la production de collagène et restaurent l'élasticité cutanée en profondeur. Votre peau retrouve densité et rebond.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-benefit\"\u003e\n        \u003cdiv class=\"soi-lysac-benefit-icon\"\u003e\u003cspan\u003e🍈\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eActif Rétinol-like de Ramboutan\u003c\/h3\u003e\n        \u003cp\u003eAlternative naturelle au rétinol synthétique, cet extrait de Litchi chevelu accélère le renouvellement cellulaire et atténue rides, ridules et taches, sans irriter les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysac-tip\"\u003e\n      \u003cdiv class=\"soi-lysac-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n        \u003cp\u003eEnsemble, ces deux actifs agissent en synergie pour un effet lissant visible dès 15 minutes après application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eComment utiliser ce soin pour le visage naturel au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lysac-timeline\"\u003e\n      \u003cdiv class=\"soi-lysac-step\"\u003e\n        \u003cdiv class=\"soi-lysac-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-lysac-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eAppliquez chaque matin sur un visage propre et sec, en commençant par le contour du visage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-step\"\u003e\n        \u003cdiv class=\"soi-lysac-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-lysac-step-content\"\u003e\n          \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eRéalisez des mouvements circulaires ascendants jusqu'à absorption complète : la texture fond rapidement sans laisser de film gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-step\"\u003e\n        \u003cdiv class=\"soi-lysac-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-lysac-step-content\"\u003e\n          \u003ch3\u003eProtégez votre peau\u003c\/h3\u003e\n          \u003cp\u003eComplétez votre routine avec une protection solaire si vous vous exposez. Ce soin ne contient pas de filtre UV.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysac-tip\"\u003e\n      \u003cdiv class=\"soi-lysac-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour des résultats optimaux, comptez 4 à 6 semaines d'utilisation régulière pour constater une amélioration visible du grain de peau et des rides.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eUn soin naturel du visage respectueux de vous et de la planète\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lysac-grid\"\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eFormule composée jusqu'à 99% d'ingrédients d'origine naturelle, sans phtalate ni Bisphénol A.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e🐾 100% Vegan\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e♻️ Emballage éco-responsable\u003c\/h3\u003e\n        \u003cp\u003ePot en verre fabriqué avec 30% de matériaux recyclés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eComposition du soin naturel pour visage Centifolia\u003c\/h2\u003e\n    \u003cp\u003eVoici les principaux ingrédients actifs qui composent ce soin visage naturel :\u003c\/p\u003e\n    \u003cdiv class=\"soi-lysac-compo\"\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eAqua\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eEau florale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eLilium Candidum Callus Extract\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eCellules végétales de Lys Blanc, stimulant du collagène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eNephelium Lappaceum Seed Extract\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eActif Rétinol-like issu du Ramboutan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eHuiles végétales biologiques\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eNourrissantes, soutien de la barrière cutanée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eAloe Vera bio\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eHydratation et apaisement\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-compo-row\"\u003e\n        \u003cspan class=\"soi-lysac-compo-label\"\u003eTocophérol (Vitamine E naturelle)\u003c\/span\u003e\n        \u003cspan class=\"soi-lysac-compo-value\"\u003eAntioxydant, protection cellulaire\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eFormule sans silicone, sans paraben, sans parfum de synthèse : l'essentiel du soin, rien de superflu.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\"\u003e\n    \u003ch2\u003eCe soin anti-âge naturel est-il fait pour vous ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lysac-grid\"\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e🪞 Peau mature ou en perte de fermeté\u003c\/h3\u003e\n        \u003cp\u003eVous avez une peau mature, sèche ou sensible qui manque d'éclat et de fermeté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e🌱 Alternative naturelle au rétinol\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez réduire l'apparence des rides sans recourir au rétinol synthétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e🌍 Sensibilité environnementale\u003c\/h3\u003e\n        \u003cp\u003eVous êtes attentive à la qualité des ingrédients et à l'impact environnemental de vos cosmétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lysac-card\"\u003e\n        \u003ch3\u003e☀️ Routine matinale simple\u003c\/h3\u003e\n        \u003cp\u003eVous voulez un soin du visage naturel qui s'intègre facilement dans une routine matin simple et efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysac-accordion\"\u003e\n      \u003cdetails class=\"soi-lysac-accordion-item\"\u003e\n        \u003csummary class=\"soi-lysac-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lysac-accordion-content\"\u003e\n          \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique. En cas de peau très réactive ou d'allergie connue, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lysac-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-lysac-cta-box\"\u003e\n      \u003cp class=\"soi-lysac-cta-tag\" style=\"color: white;\"\u003eVotre rituel anti-âge naturel commence ici\u003c\/p\u003e\n      \u003cp class=\"soi-lysac-cta-text\" style=\"color: white;\"\u003eChaque matin, offrez à votre peau la douceur du Lys Blanc et la puissance douce du Rétinol-like végétal. Un soin qui allie exigence botanique et respect de votre peau, jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lysac-marine: #1A2D3D;\n  --soi-lysac-marine-dark: #0F1E2B;\n  --soi-lysac-marine-light: #2C4458;\n  --soi-lysac-pomme: #A1C544;\n  --soi-lysac-pomme-dark: #84A636;\n  --soi-lysac-pomme-light: rgba(161,197,68,0.10);\n  --soi-lysac-white: #FFFFFF;\n  --soi-lysac-off-white: #F8FAF6;\n  --soi-lysac-stone: #F1F3EE;\n  --soi-lysac-line: #E5E8E0;\n  --soi-lysac-primary: #B5005B;\n  --soi-lysac-primary-soft: #F2E4EC;\n  --soi-lysac-accent: #D4A8B5;\n  --soi-lysac-text: #1A2D3D;\n  --soi-lysac-text-soft: #4A5B6B;\n  --soi-lysac-text-muted: #7B8693;\n  --soi-lysac-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lysac-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lysac-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lysac-radius: 12px;\n  --soi-lysac-radius-sm: 8px;\n  --soi-lysac-radius-pill: 999px;\n}\n\n.soi-lysac-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lysac-fiche img { max-width: 100%; height: auto; }\n\n.soi-lysac-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lysac-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lysac-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-lysac-hero {\n  position: relative;\n  background: var(--soi-lysac-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-lysac-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lysac-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lysac-pomme);\n}\n\n.soi-lysac-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-lysac-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lysac-pomme);\n  border-radius: 50%;\n}\n\n.soi-lysac-hero-title {\n  display: block;\n  color: var(--soi-lysac-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-lysac-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-lysac-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lysac-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-lysac-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lysac-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lysac-label-accent {\n  background: var(--soi-lysac-pomme);\n  border-color: var(--soi-lysac-pomme);\n  color: var(--soi-lysac-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-lysac-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lysac-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lysac-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-lysac-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lysac-pomme);\n  border-radius: 2px;\n}\n\n.soi-lysac-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lysac-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lysac-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-lysac-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-lysac-benefit {\n  background: var(--soi-lysac-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lysac-radius);\n  border: 1px solid var(--soi-lysac-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lysac-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lysac-shadow-md);\n}\n\n.soi-lysac-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lysac-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-lysac-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lysac-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lysac-benefit:hover .soi-lysac-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lysac-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lysac-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lysac-benefit p {\n  font-size: 13px;\n  color: var(--soi-lysac-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-lysac-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-lysac-card {\n  background: var(--soi-lysac-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lysac-radius);\n  border-left: 3px solid var(--soi-lysac-pomme);\n}\n\n.soi-lysac-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lysac-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lysac-card p {\n  font-size: 14px;\n  color: var(--soi-lysac-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-lysac-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-lysac-card-mini {\n  background: var(--soi-lysac-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-lysac-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-lysac-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-lysac-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-lysac-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-lysac-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lysac-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-lysac-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-lysac-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lysac-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lysac-radius);\n  border: 1px solid var(--soi-lysac-line);\n  align-items: flex-start;\n}\n\n.soi-lysac-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lysac-marine);\n  color: var(--soi-lysac-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-lysac-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lysac-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lysac-step-content p {\n  font-size: 14px;\n  color: var(--soi-lysac-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-lysac-compo {\n  background: var(--soi-lysac-off-white);\n  border-radius: var(--soi-lysac-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-lysac-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-lysac-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lysac-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lysac-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lysac-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-lysac-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lysac-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-lysac-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lysac-pomme-light);\n  border-left: 4px solid var(--soi-lysac-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lysac-radius) var(--soi-lysac-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-lysac-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lysac-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lysac-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lysac-tip p {\n  font-size: 14px;\n  color: var(--soi-lysac-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-lysac-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n\n.soi-lysac-accordion-item {\n  background: var(--soi-lysac-off-white);\n  border-radius: var(--soi-lysac-radius-sm);\n  border: 1px solid var(--soi-lysac-line);\n  overflow: hidden;\n}\n\n.soi-lysac-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lysac-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-lysac-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-lysac-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lysac-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-lysac-accordion-item[open] .soi-lysac-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-lysac-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-lysac-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lysac-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-lysac-cta-box {\n  background: var(--soi-lysac-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lysac-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lysac-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-lysac-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lysac-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-lysac-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lysac-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lysac-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-lysac-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lysac-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lysac-compo-value {\n    text-align: left;\n  }\n\n  .soi-lysac-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-lysac-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lysac-fiche {\n    --soi-lysac-text-soft: #2C3E50;\n    --soi-lysac-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603373056330,"sku":"CE0466","price":25.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-jour-multi-actif-certifie-bio-centifolia-packshot.webp?v=1779188731"},{"product_id":"serum-anti-taches-bio-15ml","title":"Sérum concentré Anti-Taches bio - Centifolia","description":"\u003cdiv class=\"soi-lysa-fiche\"\u003e\n\n\u003csection class=\"soi-lysa-hero\"\u003e\n  \u003cdiv class=\"soi-lysa-hero-tag\"\u003e\n    \u003cspan class=\"soi-lysa-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique bio · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-lysa-hero-title\"\u003eSérum Concentré Anti-Taches Lys Active®\u003c\/span\u003e\n  \u003cp class=\"soi-lysa-hero-subtitle\"\u003eUne formule certifiée bio aux cellules végétales de Lys Blanc pour atténuer visiblement les taches pigmentaires et illuminer votre teint, même sur les peaux les plus sensibles.\u003c\/p\u003e\n  \u003cdiv class=\"soi-lysa-hero-labels\"\u003e\n    \u003cspan class=\"soi-lysa-label soi-lysa-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-lysa-label\"\u003e100 % VEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-lysa-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-lysa-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003ePourquoi ce sérum anti-taches se démarque des grandes marques\u003c\/h2\u003e\n  \u003cp\u003eFace aux références comme le sérum anti-taches Caudalie ou le sérum anti-taches La Roche-Posay, le sérum Centifolia joue une carte différente : une formule 100 % vegan, certifiée Cosmos Organic, sans actifs synthétiques agressifs, et pourtant dotée d'ingrédients dépigmentants reconnus. Pas de compromis entre efficacité et naturalité, ce sérum réunit les deux.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003eLes ingrédients actifs clés du Sérum Centifolia Anti-Taches\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lysa-benefits\"\u003e\n    \u003cdiv class=\"soi-lysa-benefit\"\u003e\n      \u003cdiv class=\"soi-lysa-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eCellules Végétales de Lys Blanc\u003c\/h3\u003e\n      \u003cp\u003eAgissent directement sur le transport de la mélanine pour réduire l'intensité des taches existantes et limiter l'apparition de nouvelles taches brunes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-benefit\"\u003e\n      \u003cdiv class=\"soi-lysa-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eActif Rétinol-like (Ramboutan)\u003c\/h3\u003e\n      \u003cp\u003eCet actif d'origine végétale imite l'action du rétinol en stimulant la production de collagène et d'élastine, pour une peau plus lisse et rebondie, sans les irritations du rétinol classique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-benefit\"\u003e\n      \u003cdiv class=\"soi-lysa-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eExtrait d'Algue Rouge\u003c\/h3\u003e\n      \u003cp\u003eReconnu pour ses propriétés dépigmentantes, il unifie le teint en profondeur et réduit visiblement les taches pigmentaires liées au soleil ou au vieillissement cutané.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003eComment utiliser ce sérum anti-taches bio au quotidien\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lysa-timeline\"\u003e\n    \u003cdiv class=\"soi-lysa-step\"\u003e\n      \u003cdiv class=\"soi-lysa-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-step-content\"\u003e\n        \u003ch3\u003eApplication\u003c\/h3\u003e\n        \u003cp\u003eAppliquez 2 à 3 gouttes sur une peau propre et sèche, matin et\/ou soir.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-step\"\u003e\n      \u003cdiv class=\"soi-lysa-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-step-content\"\u003e\n        \u003ch3\u003ePénétration\u003c\/h3\u003e\n        \u003cp\u003eFaites pénétrer par de légères pressions sur les zones concernées (front, joues, mains, décolleté).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-step\"\u003e\n      \u003cdiv class=\"soi-lysa-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-lysa-step-content\"\u003e\n        \u003ch3\u003eFinition\u003c\/h3\u003e\n        \u003cp\u003eLaissez absorber avant d'appliquer votre soin habituel. Le matin, terminez toujours par une protection solaire pour préserver les résultats.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-lysa-tip\"\u003e\n    \u003cdiv class=\"soi-lysa-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eLes premiers résultats sont généralement visibles au bout de 4 à 6 semaines d'utilisation régulière. Le flacon de 15 ml, compact et précis grâce à sa pipette, garantit une application sans gaspillage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003eCe sérum est-il fait pour vous ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lysa-grid\"\u003e\n    \u003cdiv class=\"soi-lysa-card\"\u003e\n      \u003ch3\u003e🎯 Taches brunes et taches de soleil\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez atténuer des taches brunes ou des taches de soleil sur le visage, le décolleté ou les mains.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-card\"\u003e\n      \u003ch3\u003e✨ Teint unifié et lumineux\u003c\/h3\u003e\n      \u003cp\u003eVous cherchez à unifier votre teint et retrouver de la luminosité sans recourir à des actifs chimiques agressifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-card\"\u003e\n      \u003ch3\u003e🌿 Engagement bio et vegan\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez prendre soin de votre peau avec un produit certifié bio, vegan et fabriqué en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-card\"\u003e\n      \u003ch3\u003e🤍 Peaux sensibles et matures\u003c\/h3\u003e\n      \u003cp\u003eConvient aux peaux sensibles, matures ou mixtes grâce à sa formule douce sans actifs synthétiques agressifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003eComposition complète du Sérum Anti-Taches Lys Active® Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-lysa-compo\"\u003e\n    \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n      \u003cspan class=\"soi-lysa-compo-label\"\u003eListe INCI\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.6;\"\u003eAqua, Glycerin*, Methylpropanediol, Niacinamide, Lilium Candidum Callus Culture Extract*, Nephelium Lappaceum Seed Extract*, Palmaria Palmata Extract*, Xanthan Gum, Sodium Hydroxymethylglycinate, Parfum**, Citric Acid, Linalool**.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n      \u003cspan class=\"soi-lysa-compo-label\"\u003eMention\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-compo-value\"\u003e* Ingrédients issus de l'agriculture biologique. ** Composants naturels de parfums naturels.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n      \u003cspan class=\"soi-lysa-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-compo-value\"\u003ePhtalates, Bisphénol A\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n      \u003cspan class=\"soi-lysa-compo-label\"\u003eFlacon\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-compo-value\"\u003eVerre avec 30 % de matériau recyclé\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lysa-compo-row\"\u003e\n      \u003cspan class=\"soi-lysa-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-lysa-compo-value\"\u003e15 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\"\u003e\n  \u003ch2\u003eEngagement qualité et écoresponsabilité\u003c\/h2\u003e\n  \u003cp\u003eCentifolia est une marque française engagée dans la cosmétique botanique depuis plus de 25 ans. Ce sérum est certifié Cosmos Organic par Ecocert, garantie d'une formule transparente, tracée et respectueuse de l'environnement. Produit et conditionné en France, il répond aux normes les plus strictes de la cosmétique naturelle.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-lysa-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-lysa-cta-box\"\u003e\n    \u003cp class=\"soi-lysa-cta-tag\" style=\"color: white;\"\u003eVotre allié teint unifié et lumineux\u003c\/p\u003e\n    \u003cp class=\"soi-lysa-cta-text\" style=\"color: white;\"\u003eDiscret dans son flacon en verre, puissant dans sa formule : le Sérum Lys Active® de Centifolia vous accompagne au quotidien pour retrouver un teint unifié, sans compromis sur la naturalité.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lysa-marine: #1A2D3D;\n  --soi-lysa-marine-dark: #0F1E2B;\n  --soi-lysa-marine-light: #2C4458;\n  --soi-lysa-pomme: #A1C544;\n  --soi-lysa-pomme-dark: #84A636;\n  --soi-lysa-pomme-light: rgba(161,197,68,0.10);\n  --soi-lysa-white: #FFFFFF;\n  --soi-lysa-off-white: #F8FAF6;\n  --soi-lysa-stone: #F1F3EE;\n  --soi-lysa-line: #E5E8E0;\n  --soi-lysa-primary: #A84868;\n  --soi-lysa-primary-soft: #F2E6EB;\n  --soi-lysa-accent: #D4A8B5;\n  --soi-lysa-text: #1A2D3D;\n  --soi-lysa-text-soft: #4A5B6B;\n  --soi-lysa-text-muted: #7B8693;\n  --soi-lysa-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lysa-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lysa-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lysa-radius: 12px;\n  --soi-lysa-radius-sm: 8px;\n  --soi-lysa-radius-pill: 999px;\n}\n\n.soi-lysa-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lysa-fiche img { max-width: 100%; height: auto; }\n\n.soi-lysa-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lysa-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lysa-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-lysa-hero {\n  position: relative;\n  background: var(--soi-lysa-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-lysa-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-lysa-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-lysa-pomme);\n}\n\n.soi-lysa-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-lysa-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lysa-pomme);\n  border-radius: 50%;\n}\n\n.soi-lysa-hero-title {\n  display: block;\n  color: var(--soi-lysa-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-lysa-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-lysa-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-lysa-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-lysa-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lysa-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-lysa-label-accent {\n  background: var(--soi-lysa-pomme);\n  border-color: var(--soi-lysa-pomme);\n  color: var(--soi-lysa-marine);\n  font-weight: 600;\n}\n\n.soi-lysa-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-lysa-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lysa-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-lysa-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lysa-pomme);\n  border-radius: 2px;\n}\n\n.soi-lysa-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lysa-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-lysa-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-lysa-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-lysa-benefit {\n  background: var(--soi-lysa-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lysa-radius);\n  border: 1px solid var(--soi-lysa-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-lysa-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lysa-shadow-md);\n}\n\n.soi-lysa-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lysa-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-lysa-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lysa-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-lysa-benefit:hover .soi-lysa-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-lysa-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lysa-benefit p {\n  font-size: 13px;\n  color: var(--soi-lysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-lysa-card {\n  background: var(--soi-lysa-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lysa-radius);\n  border-left: 3px solid var(--soi-lysa-pomme);\n}\n\n.soi-lysa-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-lysa-card p {\n  font-size: 14px;\n  color: var(--soi-lysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-lysa-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lysa-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lysa-radius);\n  border: 1px solid var(--soi-lysa-line);\n  align-items: flex-start;\n}\n\n.soi-lysa-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lysa-marine);\n  color: var(--soi-lysa-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-lysa-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-lysa-step-content p {\n  font-size: 14px;\n  color: var(--soi-lysa-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-compo {\n  background: var(--soi-lysa-off-white);\n  border-radius: var(--soi-lysa-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-lysa-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-lysa-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-lysa-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-lysa-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lysa-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-lysa-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lysa-marine);\n  text-align: right;\n}\n\n.soi-lysa-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lysa-pomme-light);\n  border-left: 4px solid var(--soi-lysa-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lysa-radius) var(--soi-lysa-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-lysa-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-lysa-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lysa-marine);\n  margin-bottom: 4px;\n}\n\n.soi-lysa-tip p {\n  font-size: 14px;\n  color: var(--soi-lysa-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-lysa-cta-box {\n  background: var(--soi-lysa-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lysa-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-lysa-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-lysa-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-lysa-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-lysa-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-lysa-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lysa-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-lysa-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-lysa-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-lysa-compo-value {\n    text-align: left;\n  }\n\n  .soi-lysa-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-lysa-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-lysa-fiche {\n    --soi-lysa-text-soft: #2C3E50;\n    --soi-lysa-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603373252938,"sku":"CE0468","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/serum-concentre-anti-taches-certifie-bio-centifolia-packshot.webp?v=1779454544"},{"product_id":"lait-nettoyant-hydratant-certifie-bio-centifolia","title":"Lait nettoyant hydratant certifié bio - Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0011_beef3a97-aedf-45e1-b46c-30a21eccd8ab.jpg?v=1776180673\" alt=\"Photo d'un couple qui rigole en prenant soin de leur peau\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eDécouvrez le \u003cstrong\u003eLait Nettoyant Hydratant de Centifolia\u003c\/strong\u003e, la solution idéale pour préserver la douceur et la fraîcheur de la peau de toute la famille \u003cstrong\u003esans risque d'assèchement\u003c\/strong\u003e. Ce lait nettoyant agit en douceur pour éliminer les impuretés, les résidus de pollution et même le maquillage waterproof, tout en respectant l'équilibre naturel de votre peau.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Lait nettoyant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage en douceur\u003c\/strong\u003e : élimine délicatement les impuretés et le maquillage waterproof sans agresser la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation optimale\u003c\/strong\u003e : enrichi en extrait de ginkgo biloba biologique d'origine française, reconnu pour ses propriétés hydratantes exceptionnelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et apaisement\u003c\/strong\u003e : apaise la peau et la protège des dommages causés par les rayons UV grâce aux composés actifs du Ginkgo Biloba.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConvient à tous\u003c\/strong\u003e : adapté à tous les types de peau, même les plus sensibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques du Lait nettoyant hydratant\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédient principal\u003c\/strong\u003e : extrait de feuilles de ginkgo biloba biologique, riche en composés actifs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce\u003c\/strong\u003e : respecte l'équilibre naturel de la peau, la laissant propre, douce et confortable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEco-responsable\u003c\/strong\u003e : flacon recyclable de 200 ml, sans phtalate ni bisphénol A.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : conçu et fabriqué en France avec des ingrédients de haute qualité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUne peau propre, douce et confortable, hydratée et protégée au quotidien.\u003c\/p\u003e\n\u003cp\u003eOptez pour le Lait Nettoyant Hydratant de Centifolia pour une routine de soin efficace et respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603375251786,"sku":"CE0011","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0011_-_centifolia_lait_nettoyant_hydratant_2b759f39-d128-4f67-ab11-80f2168ba7eb.jpg?v=1778842898"},{"product_id":"gel-exfoliant-certifie-bio-81-aloe-vera","title":"Gel exfoliant certifié Bio 81% Aloe Vera","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe gel exfoliant certifié Bio 81% Aloe Vera de Pur'Aloé est conçu pour \u003cstrong\u003epurifier et affiner le grain de peau\u003c\/strong\u003e. Grâce à la pulpe d’Aloe Vera non chauffée et aux poudres de noyaux d’olive et de pêche, il \u003cstrong\u003edésincruste les pores tout en respectant les peaux sensibles\u003c\/strong\u003e. Ce gel est adapté pour une utilisation sur le visage et le corps, offrant une \u003cstrong\u003eexfoliation douce et efficace\u003c\/strong\u003e.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_PU0060_d96e0a30-0933-4e96-93f6-e1eb6a3beeaa.jpg?v=1776180779\" alt=\"Photo de pulpe d'Aloe Vera\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003eCaractéristiques principales de ce gel exfoliant\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et bio :\u003c\/strong\u003e Formulé avec 98,2% d'ingrédients d'origine naturelle, dont 84,5% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePulpe d'Aloe Vera :\u003c\/strong\u003e Élaboré sans poudre, utilisant de la pulpe d'Aloe Vera non chauffée pour conserver toutes ses propriétés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté pour tous les types de peau :\u003c\/strong\u003e Efficace pour une exfoliation douce du visage et du corps.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation pure :\u003c\/strong\u003e Sans eau ajoutée, sans sulfates, sans huile de palme.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du gel exfoliant 81% d’Aloe Vera\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage en profondeur :\u003c\/strong\u003e Élimine les impuretés, l’excès de sébum et les cellules mortes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et nutrition :\u003c\/strong\u003e Le beurre de karité bio hydrate et nourrit la peau après l'exfoliation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTeint éclatant :\u003c\/strong\u003e Affine le grain de peau, lisse et éclaire le teint.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du gel Pur'Aloé\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale :\u003c\/strong\u003e Développé et fabriqué en France, garantissant un savoir-faire régional de haute qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic :\u003c\/strong\u003e Assure des ingrédients biologiques et des pratiques de production respectueuses de l'environnement, selon des standards écologiques rigoureux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Fair for Life :\u003c\/strong\u003e Garanti le respect des conditions de travail équitables et des pratiques de commerce éthique tout au long de la chaîne de production.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduit vegan :\u003c\/strong\u003e Formulé sans ingrédients d'origine animale, respectant les valeurs éthiques et environnementales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage écoresponsable :\u003c\/strong\u003e Tube à base de canne à sucre, 100% naturel, minimisant l'impact environnemental et utilisant des matériaux renouvelables.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe gel exfoliant Bio 81% Aloe Vera de Pur'Aloé est idéal pour ceux qui cherchent à \u003cstrong\u003epurifier et exfolier leur peau naturellement.\u003c\/strong\u003e Utilisé régulièrement, il laisse la \u003cstrong\u003epeau douce, hydratée et éclatante\u003c\/strong\u003e, tout en respectant l’environnement grâce à ses certifications bio et éthiques et ses ingrédients naturels.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603428630858,"sku":"PU0060","price":9.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pu0060_gel-exfoliant_aloevera_64dcd1a2-57ea-4c0b-a686-b70024400f6f.jpg?v=1778842969"},{"product_id":"creme-visage-intense-certifiee-bio-63-aloe-vera","title":"Crème visage intense certifiée Bio 63% Aloe Vera","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_PU0070_9e2ba777-e249-45d8-bb4e-ef0435219563.jpg?v=1776180777\" alt=\"Photo d'une femme allongée au sol habillée en bleu et entourée de quelques fleurs bleues\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa crème visage intense 63% Aloe Vera certifiée Bio de Pur'Aloé est le soin idéal pour celles et ceux qui recherchent une \u003cstrong\u003epeau lisse, ferme et éclatante de santé\u003c\/strong\u003e. Grâce à une formule riche en Aloe Vera natif, elle offre un effet tenseur immédiat et durable tout en améliorant la texture de la peau. En plus de ses propriétés raffermissantes, cette crème \u003cstrong\u003ehydrate et nourrit intensément\u003c\/strong\u003e grâce au beurre de karité bio et aux huiles végétales. Parfaitement adaptée à tous les types de peau, elle protège également contre les agressions extérieures, garantissant une \u003cstrong\u003epeau douce et revitalisée\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cette crème bio\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePulpe d'Aloe Vera :\u003c\/strong\u003e Utilise uniquement de la pulpe fraîche d'Aloe Vera non chauffée, préservant ainsi toutes les propriétés bénéfiques de la plante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdaptée à tous types de peau :\u003c\/strong\u003e Convient pour une utilisation quotidienne sur le visage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePureté garantie :\u003c\/strong\u003e Cette crème visage certifiée bio est garantie sans eau ajoutée, ni huile de palme pour une peau respectée et préservée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la crème visage 63% d’Aloe Vera\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAffinement et raffermissement :\u003c\/strong\u003e Améliore le grain de peau et raffermit les tissus cutanés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet tenseur :\u003c\/strong\u003e Procure un effet lifting naturel pour une peau plus ferme et plus jeune.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et nutrition :\u003c\/strong\u003e Le beurre de karité bio et les huiles végétales nourrissent et hydratent la peau en profondeur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection quotidienne :\u003c\/strong\u003e Protège la peau des agressions extérieures telles que la pollution, le vent et le froid.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagements qualité de la crème Pur'Aloé\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale :\u003c\/strong\u003e Fabriqué en France dans le respect de normes strictes, reflétant un savoir-faire local et garantissant une qualité supérieure.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifiée Cosmos Organic :\u003c\/strong\u003e Assure des ingrédients biologiques et des pratiques de production respectueuses de l'environnement, selon des standards écologiques rigoureux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifiée Fair for Life :\u003c\/strong\u003e Garantit le respect de conditions de travail équitables et des pratiques de commerce éthique tout au long de la chaîne de production.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduit vegan :\u003c\/strong\u003e Formulé sans ingrédients d'origine animale, ni test sur les animaux, respectant des valeurs éthiques et environnementales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage écoresponsable :\u003c\/strong\u003e Tube à base de canne à sucre, 100% naturel, minimisant l'impact environnemental grâce à l’utilisation de matériaux naturels et renouvelables.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLa crème visage intense certifiée bio 63% Aloe Vera de Pur'Aloé est idéale pour ceux qui cherchent à hydrater, raffermir et protéger leur peau de manière naturelle. Utilisée régulièrement, elle offre des résultats visibles, laissant la \u003cstrong\u003epeau douce, lisse et revitalisée\u003c\/strong\u003e. Ses ingrédients naturels et ses certifications éthiques en font un choix respectueux de l'environnement et de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603429351754,"sku":"PU0070","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pu0070_cremevisage_intense_aloevera_1d094d33-9552-423e-9495-4c99391a576b.jpg?v=1778842965"},{"product_id":"lotion-micellaire-certifiee-bio-76-aloe-vera","title":"Lotion micellaire certifiée Bio 76% Aloe Vera","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa lotion micellaire certifiée Bio 76% Aloe Vera de Pur'Aloé est conçue pour \u003cstrong\u003enettoyer, démaquiller et apaiser la peau\u003c\/strong\u003e tout en maintenant son équilibre naturel. Grâce à une formule riche en Aloe Vera natif et eau florale de bleuet, elle offre un \u003cstrong\u003enettoyage doux et efficace\u003c\/strong\u003e, idéal pour les peaux sensibles. Utilisée quotidiennement, elle laisse la peau douce, rafraîchie et prête à recevoir les soins suivants.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_PU0080_cfa3d052-c81d-40e6-b91f-58c63bc9f0d7.jpg?v=1776180778\" alt=\"Photo d'une femme en train de se démaquiller devant un petit miroir\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003eCaractéristiques principales de cette lotion bio\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et bio :\u003c\/strong\u003e Formulée avec 99% d'ingrédients d'origine naturelle, dont 80% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePulpe d'Aloe Vera :\u003c\/strong\u003e Utilise de la pulpe d'Aloe Vera non chauffée, préservant toutes les propriétés de la plante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation pure : \u003c\/strong\u003e\u003cstrong\u003eSans eau ajoutée, sans sulfates et sans huile de palme\u003c\/strong\u003e\u003cstrong\u003e \u003c\/strong\u003epour le respect et le bien-être de la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la lotion micellaire 76 % d’Aloe Vera\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage en profondeur :\u003c\/strong\u003e Élimine les impuretés, le maquillage et les traces de pollution, laissant la peau propre et rafraîchie.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et apaisement :\u003c\/strong\u003e L'Aloe Vera et l'eau florale de bleuet hydratent et apaisent la peau, réduisant les rougeurs et les irritations.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTeint éclatant :\u003c\/strong\u003e Affine le grain de peau et ravive le teint, offrant une peau plus lumineuse et éclatante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité de la lotion Pur'Aloé\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale et artisanale :\u003c\/strong\u003e Développée et fabriquée en France, reflétant un savoir-faire local et une qualité supérieure.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifiée Cosmos Organic :\u003c\/strong\u003e Assure l'utilisation d'ingrédients biologiques et des pratiques de production respectueuses de l'environnement, selon des standards écologiques stricts.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifiée Fair for Life :\u003c\/strong\u003e Garantit le respect des conditions de travail équitables et des pratiques de commerce éthique tout au long de la chaîne de production.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduit vegan :\u003c\/strong\u003e Formulé sans ingrédients d'origine animale, respectant les valeurs éthiques et environnementales.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa lotion micellaire Bio 76% Aloe Vera de Pur'Aloé est idéale pour ceux qui cherchent à \u003cstrong\u003enettoyer, démaquiller et apaiser leur peau \u003c\/strong\u003ede manière naturelle. Utilisée régulièrement, elle laisse la \u003cstrong\u003epeau douce, rafraîchie et éclatante. \u003c\/strong\u003eSa formule naturelle et ses certifications bio et éthiques en font un choix respectueux de l'environnement et de la peau.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603429646666,"sku":"PU0080","price":10.51,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pu0080_lotion-micellaire-bio_aloevera_6b1ba4cb-c446-40ed-abe7-99327e346db8.jpg?v=1778842965"},{"product_id":"rosee-daloe-vera-certifiee-bio-76-aloe-vera","title":"Rosée d'Aloé Vera Bio 76% - Pur'Aloe","description":"\u003cdiv class=\"soi-rose-fiche\"\u003e\n\n\u003csection class=\"soi-rose-hero\"\u003e\n  \u003cdiv class=\"soi-rose-hero-tag\"\u003e\n    \u003cspan class=\"soi-rose-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique visage · Pur'Aloé\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-rose-hero-title\"\u003eRosée d'Aloé Vera certifiée Bio\u003c\/span\u003e\n  \u003cp class=\"soi-rose-hero-subtitle\"\u003e76% d'aloe vera natif non chauffé en brume légère pour une hydratation intense, immédiate et durable du visage.\u003c\/p\u003e\n  \u003cdiv class=\"soi-rose-hero-labels\"\u003e\n    \u003cspan class=\"soi-rose-label soi-rose-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-rose-label\"\u003eBIO \u0026amp; ÉQUITABLE\u003c\/span\u003e\n    \u003cspan class=\"soi-rose-label\"\u003e100% VEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-rose-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-rose-label\"\u003eFAIR FOR LIFE\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-rose-section\"\u003e\n  \u003ch2\u003ePourquoi cette rosée d'aloé vera en spray est différente\u003c\/h2\u003e\n  \u003cp\u003eLa plupart des produits à l'aloe vera sur le marché utilisent de la poudre d'aloe réhydratée ou un extrait fortement dilué. Ici, c'est tout l'inverse : la pulpe d'aloe vera est extraite à froid, \u003cstrong\u003esans chauffage, sans dilution à l'eau\u003c\/strong\u003e, pour préserver intactes toutes ses molécules actives. Résultat : un gel aloe vera en format brume d'une richesse rare, que votre peau absorbe en quelques secondes.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-rose-section\"\u003e\n  \u003ch2\u003eLes bienfaits concrets de la Rosée d'Aloé Bio\u003c\/h2\u003e\n  \u003cdiv class=\"soi-rose-benefits\"\u003e\n    \u003cdiv class=\"soi-rose-benefit\"\u003e\n      \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n      \u003cp\u003eL'aloe vera natif pénètre dans les couches superficielles de l'épiderme et retient l'eau pour une peau rebondie toute la journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-benefit\"\u003e\n      \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEffet apaisant immédiat\u003c\/h3\u003e\n      \u003cp\u003eIdéale après le soleil, le rasage, ou sur les peaux sensibles sujettes aux rougeurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-benefit\"\u003e\n      \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌹\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAction anti-âge douce\u003c\/h3\u003e\n      \u003cp\u003eL'eau de rose bio associée à l'aloe vera atténue l'apparence des rides fines et affine le grain de peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-benefit\"\u003e\n      \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTeint unifié et éclatant\u003c\/h3\u003e\n      \u003cp\u003eUtilisée matin et soir, elle ravive la luminosité naturelle du visage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-rose-tip\"\u003e\n    \u003cdiv class=\"soi-rose-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eLa brume se dépose uniformément, sans résidu collant : elle est parfaite en fixateur de maquillage ou en soin de jour léger.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-rose-section\"\u003e\n  \u003ch2\u003eComposition : ce qu'il y a vraiment dans ce flacon\u003c\/h2\u003e\n  \u003cp\u003eLa formule affiche \u003cstrong\u003e98,9% d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 76% issus de l'agriculture biologique et équitable.\u003c\/p\u003e\n  \u003cdiv class=\"soi-rose-compo\"\u003e\n    \u003cdiv class=\"soi-rose-compo-row\"\u003e\n      \u003cspan class=\"soi-rose-compo-label\"\u003eActif principal\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-compo-value\"\u003eAloe Barbadensis Leaf Juice (76%), pulpe natif non chauffée, agriculture biologique\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-compo-row\"\u003e\n      \u003cspan class=\"soi-rose-compo-label\"\u003eActif complémentaire\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-compo-value\"\u003eEau florale de rose bio, apaisante et tonifiante\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-compo-row\"\u003e\n      \u003cspan class=\"soi-rose-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-compo-value\"\u003e98,9% d'ingrédients d'origine naturelle\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-compo-row\"\u003e\n      \u003cspan class=\"soi-rose-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-compo-value\"\u003eEau ajoutée, sulfates, huile de palme, parfum synthétique, colorant\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-compo-row\"\u003e\n      \u003cspan class=\"soi-rose-compo-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-compo-value\"\u003e100% vegan, sans ingrédients d'origine animale\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-rose-section\"\u003e\n  \u003ch2\u003eComment utiliser la Rosée d'Aloé Vera Bio\u003c\/h2\u003e\n  \u003cdiv class=\"soi-rose-timeline\"\u003e\n    \u003cdiv class=\"soi-rose-step\"\u003e\n      \u003cdiv class=\"soi-rose-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step-content\"\u003e\n        \u003ch3\u003eMatin\u003c\/h3\u003e\n        \u003cp\u003eVaporisez 2 à 3 pressions sur le visage propre, laissez pénétrer 30 secondes, puis appliquez votre soin habituel ou votre maquillage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-step\"\u003e\n      \u003cdiv class=\"soi-rose-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step-content\"\u003e\n        \u003ch3\u003eSoir\u003c\/h3\u003e\n        \u003cp\u003eAprès démaquillage, vaporisez sur le visage pour apaiser et préparer la peau avant votre routine nocturne.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-step\"\u003e\n      \u003cdiv class=\"soi-rose-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step-content\"\u003e\n        \u003ch3\u003eAprès-soleil ou sport\u003c\/h3\u003e\n        \u003cp\u003eUne brume fraîche sur la peau échauffée pour un effet apaisant immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-rose-section\"\u003e\n  \u003ch2\u003eCertifications et engagements Pur'Aloé\u003c\/h2\u003e\n  \u003cdiv class=\"soi-rose-grid\"\u003e\n    \u003cdiv class=\"soi-rose-card\"\u003e\n      \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n      \u003cp\u003eCertification garantissant des ingrédients biologiques et des méthodes de production écologiques vérifiées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-card\"\u003e\n      \u003ch3\u003e🤝 Fair for Life\u003c\/h3\u003e\n      \u003cp\u003eCommerce équitable certifié : producteurs rémunérés justement, conditions de travail respectueuses.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-card\"\u003e\n      \u003ch3\u003e🇫🇷 Made in Provence\u003c\/h3\u003e\n      \u003cp\u003eConçu et fabriqué en France, dans le respect des savoir-faire locaux et des normes environnementales.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-rose-section\"\u003e\n  \u003ch2\u003ePour qui est faite cette rosée à l'aloe vera bio ?\u003c\/h2\u003e\n  \u003cp\u003eCe soin convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux réactives, sensibles ou mixtes. Si votre peau tire après le nettoyage, rougit facilement ou manque d'éclat, cette brume aloe vera gel en spray deviendra rapidement un réflexe du quotidien. Elle s'adapte aussi très bien aux peaux fatiguées par les changements de saison ou les environnements climatisés.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-rose-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-rose-cta-box\"\u003e\n    \u003cp class=\"soi-rose-cta-tag\" style=\"color: white;\"\u003ePRENDRE SOIN DE SOI naturellement\u003c\/p\u003e\n    \u003cp class=\"soi-rose-cta-text\" style=\"color: white;\"\u003eLégère comme une rosée du matin, efficace comme un vrai soin : 76% d'aloe vera natif, une formule sans compromis, une peau hydratée, apaisée et lumineuse dès les premières utilisations. Votre peau mérite ce qu'il y a de plus pur.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-rose-marine: #1A2D3D;\n  --soi-rose-marine-dark: #0F1E2B;\n  --soi-rose-marine-light: #2C4458;\n  --soi-rose-pomme: #A1C544;\n  --soi-rose-pomme-dark: #84A636;\n  --soi-rose-pomme-light: rgba(161,197,68,0.10);\n  --soi-rose-white: #FFFFFF;\n  --soi-rose-off-white: #F8FAF6;\n  --soi-rose-stone: #F1F3EE;\n  --soi-rose-line: #E5E8E0;\n  --soi-rose-primary: #4A5E8A;\n  --soi-rose-primary-soft: #D0D8E8;\n  --soi-rose-accent: #C4A8C8;\n  --soi-rose-text: #1A2D3D;\n  --soi-rose-text-soft: #4A5B6B;\n  --soi-rose-text-muted: #7B8693;\n  --soi-rose-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-rose-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-rose-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-rose-radius: 12px;\n  --soi-rose-radius-sm: 8px;\n  --soi-rose-radius-pill: 999px;\n}\n\n.soi-rose-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rose-fiche img { max-width: 100%; height: auto; }\n\n.soi-rose-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-rose-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-rose-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-rose-hero {\n  position: relative;\n  background: var(--soi-rose-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-rose-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-rose-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-rose-pomme);\n}\n\n.soi-rose-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-rose-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-rose-pomme);\n  border-radius: 50%;\n}\n\n.soi-rose-hero-title {\n  display: block;\n  color: var(--soi-rose-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-rose-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-rose-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-rose-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-rose-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-rose-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-rose-label-accent {\n  background: var(--soi-rose-pomme);\n  border-color: var(--soi-rose-pomme);\n  color: var(--soi-rose-marine);\n  font-weight: 600;\n}\n\n.soi-rose-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rose-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-rose-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-rose-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-rose-pomme);\n  border-radius: 2px;\n}\n\n.soi-rose-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-rose-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-rose-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-rose-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-rose-benefit {\n  background: var(--soi-rose-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-rose-radius);\n  border: 1px solid var(--soi-rose-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rose-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-rose-shadow-md);\n}\n\n.soi-rose-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-rose-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-rose-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-rose-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-rose-benefit:hover .soi-rose-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-rose-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rose-benefit p {\n  font-size: 13px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-rose-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-rose-card {\n  background: var(--soi-rose-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rose-radius);\n  border-left: 3px solid var(--soi-rose-pomme);\n}\n\n.soi-rose-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rose-card p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-rose-compo {\n  background: var(--soi-rose-off-white);\n  border-radius: var(--soi-rose-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-rose-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-rose-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-rose-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-rose-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-rose-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-rose-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-rose-marine);\n  text-align: right;\n}\n\n.soi-rose-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-rose-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-rose-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rose-radius);\n  border: 1px solid var(--soi-rose-line);\n  align-items: flex-start;\n}\n\n.soi-rose-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-rose-marine);\n  color: var(--soi-rose-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-rose-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-rose-step-content p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-rose-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-rose-pomme-light);\n  border-left: 4px solid var(--soi-rose-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-rose-radius) var(--soi-rose-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-rose-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-rose-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-rose-marine);\n  margin-bottom: 4px;\n}\n\n.soi-rose-tip p {\n  font-size: 14px;\n  color: var(--soi-rose-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-rose-cta-box {\n  background: var(--soi-rose-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-rose-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-rose-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-rose-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-rose-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-rose-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-rose-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-rose-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-rose-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-rose-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-rose-compo-value {\n    text-align: left;\n  }\n\n  .soi-rose-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-rose-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-rose-fiche {\n    --soi-rose-text-soft: #2C3E50;\n    --soi-rose-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603429908810,"sku":"PU0085","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/rosee-daloe-vera-bio-76-puraloe-packshot.webp?v=1782112081"},{"product_id":"baume-a-levres-nourrissant-certifie-bio-dr-theiss","title":"Baume à lèvres nourrissant certifié bio - Dr Theiss","description":"\u003cdiv class=\"soi-balm-fiche\"\u003e\n\n\u003csection class=\"soi-balm-hero\"\u003e\n  \u003cdiv class=\"soi-balm-hero-tag\"\u003e\n    \u003cspan class=\"soi-balm-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique bio · Dr Theiss\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-balm-hero-title\"\u003eLe soin fondant qui répare vos lèvres\u003c\/span\u003e\n  \u003cp class=\"soi-balm-hero-subtitle\"\u003eMiel de Manuka 16+, huile de coco bio et argent colloïdal : trois actifs d'exception réunis dans un baume certifié bio pour nourrir, protéger et restaurer vos lèvres au quotidien.\u003c\/p\u003e\n  \u003cdiv class=\"soi-balm-hero-labels\"\u003e\n    \u003cspan class=\"soi-balm-label soi-balm-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-balm-label\"\u003eECOCERT\u003c\/span\u003e\n    \u003cspan class=\"soi-balm-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-balm-label\"\u003e99,99 % BIO\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-balm-section\"\u003e\n  \u003ch2\u003ePourquoi ce baume à lèvres bio se distingue vraiment ?\u003c\/h2\u003e\n  \u003cp class=\"soi-balm-section-intro\"\u003eSur le marché du baume lèvres bio, beaucoup de produits se contentent d'hydrater en surface. Celui-ci va plus loin : il associe trois actifs complémentaires qui agissent ensemble pour restaurer la barrière cutanée de vos lèvres, pas seulement la masquer.\u003c\/p\u003e\n  \u003cdiv class=\"soi-balm-benefits\"\u003e\n    \u003cdiv class=\"soi-balm-benefit\"\u003e\n      \u003cdiv class=\"soi-balm-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMiel de Manuka Bio 16+\u003c\/h3\u003e\n      \u003cp\u003eClassé parmi les miels les plus puissants au monde, il forme un film protecteur naturel, apaise les irritations et nourrit en profondeur. L'indice 16+ garantit une concentration élevée en méthylglyoxal, son principal actif.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-benefit\"\u003e\n      \u003cdiv class=\"soi-balm-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHuile de coco biologique\u003c\/h3\u003e\n      \u003cp\u003eRiche en acides gras à chaîne moyenne, elle pénètre rapidement sans laisser de film gras. Elle restaure l'élasticité, lisse les microcrevasses et offre cette texture fondante qui fait la signature de ce baume.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-benefit\"\u003e\n      \u003cdiv class=\"soi-balm-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eArgent colloïdal 20 ppm\u003c\/h3\u003e\n      \u003cp\u003eIngrédient plus rare dans les soins lèvres, il renforce l'effet barrière et complète l'action des deux autres actifs pour une hydratation qui tient dans la durée, même par temps sec ou en altitude.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-balm-section\"\u003e\n  \u003ch2\u003eComment utiliser le baume à lèvres nourrissant Dr Theiss ?\u003c\/h2\u003e\n  \u003cp class=\"soi-balm-section-intro\"\u003eSon utilisation est simple, même au quotidien :\u003c\/p\u003e\n  \u003cdiv class=\"soi-balm-timeline\"\u003e\n    \u003cdiv class=\"soi-balm-step\"\u003e\n      \u003cdiv class=\"soi-balm-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-balm-step-content\"\u003e\n        \u003ch3\u003eLe matin\u003c\/h3\u003e\n        \u003cp\u003eAppliquez une fine couche sur les lèvres avant de sortir. Il fait office de base protectrice contre le froid et le vent.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-step\"\u003e\n      \u003cdiv class=\"soi-balm-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-balm-step-content\"\u003e\n        \u003ch3\u003eDans la journée\u003c\/h3\u003e\n        \u003cp\u003eRenouvelez l'application dès que vous ressentez une sensation de tiraillement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-step\"\u003e\n      \u003cdiv class=\"soi-balm-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-balm-step-content\"\u003e\n        \u003ch3\u003eLe soir\u003c\/h3\u003e\n        \u003cp\u003eAppliquez une couche plus généreuse avant de dormir pour profiter de la nuit comme cure réparatrice intensive. C'est là que le miel de Manuka agit le mieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-balm-tip\"\u003e\n    \u003cdiv class=\"soi-balm-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eLe petit pot de 15 ml se glisse facilement dans une trousse ou un sac à main. Pratique à ouvrir, il se dose du bout du doigt pour une application précise.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-balm-section\"\u003e\n  \u003ch2\u003eComposition complète du baume à lèvres bio Dr Theiss\u003c\/h2\u003e\n  \u003cp class=\"soi-balm-section-intro\"\u003eFormule certifiée Cosmos Organic Ecocert, fabriquée en France, avec 99,99 % d'ingrédients issus de l'agriculture biologique :\u003c\/p\u003e\n  \u003cdiv class=\"soi-balm-compo\"\u003e\n    \u003cdiv class=\"soi-balm-compo-row\"\u003e\n      \u003cspan class=\"soi-balm-compo-label\"\u003eCera Alba\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-compo-value\"\u003eCire d'abeille bio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-compo-row\"\u003e\n      \u003cspan class=\"soi-balm-compo-label\"\u003eCocos Nucifera\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-compo-value\"\u003eHuile de coco bio\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-compo-row\"\u003e\n      \u003cspan class=\"soi-balm-compo-label\"\u003eMel\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-compo-value\"\u003eMiel de Manuka Bio 16+\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-compo-row\"\u003e\n      \u003cspan class=\"soi-balm-compo-label\"\u003eArgent colloïdal\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-compo-value\"\u003e20 ppm\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-compo-row\"\u003e\n      \u003cspan class=\"soi-balm-compo-label\"\u003eTocophérol\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-compo-value\"\u003eVitamine E naturelle (antioxydant)\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top: 1rem;\"\u003eAucun parfum synthétique, aucun conservateur controversé, aucune paraffine. La liste d'ingrédients est volontairement courte : chaque composant a un rôle précis.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-balm-section\"\u003e\n  \u003ch2\u003ePour qui est fait ce baume à lèvres ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-balm-grid\"\u003e\n    \u003cdiv class=\"soi-balm-card\"\u003e\n      \u003ch3\u003e🌬️ Lèvres chroniquement sèches\u003c\/h3\u003e\n      \u003cp\u003eSi vos lèvres tiraillent dès que le froid ou le vent se lève, ce baume leur offre une protection durable et un confort immédiat.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-card\"\u003e\n      \u003ch3\u003e🏔️ Sportifs en extérieur\u003c\/h3\u003e\n      \u003cp\u003eEn altitude, en mer ou lors de vos sorties hivernales, il forme un bouclier nourrissant qui résiste aux conditions les plus exigeantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-card\"\u003e\n      \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n      \u003cp\u003eConvient à toutes les peaux, y compris les plus réactives. Sa formule ultra-courte limite les risques d'intolérance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-card\"\u003e\n      \u003ch3\u003e🍂 Sensibilité aux changements de saison\u003c\/h3\u003e\n      \u003cp\u003eVotre allié lors des transitions automne\/hiver et hiver\/printemps, quand les lèvres sont les premières à souffrir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top: 1rem;\"\u003eCe baume ne teinte pas les lèvres, mais il leur redonne une apparence saine, lissée et naturellement pulpée grâce à l'hydratation qu'il procure.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-balm-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-balm-grid-compact\"\u003e\n    \u003cdiv class=\"soi-balm-card-mini\"\u003e\n      \u003cspan class=\"soi-balm-card-mini-icon\"\u003e📐\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-card-mini-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-card-mini-value\"\u003e15 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-card-mini\"\u003e\n      \u003cspan class=\"soi-balm-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-card-mini\"\u003e\n      \u003cspan class=\"soi-balm-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-card-mini\"\u003e\n      \u003cspan class=\"soi-balm-card-mini-icon\"\u003e👥\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-card-mini-value\"\u003eAdultes, adolescents, peaux sensibles\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-balm-card-mini\"\u003e\n      \u003cspan class=\"soi-balm-card-mini-icon\"\u003e✨\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-card-mini-label\"\u003eTexture\u003c\/span\u003e\n      \u003cspan class=\"soi-balm-card-mini-value\"\u003eBaume fondant, non gras, non teinté\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-balm-section\"\u003e\n  \u003cdiv class=\"soi-balm-accordion\"\u003e\n    \u003cdetails class=\"soi-balm-accordion-item\"\u003e\n      \u003csummary class=\"soi-balm-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n      \u003cdiv class=\"soi-balm-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un professionnel de santé en cas de lèvres très abîmées ou d'affection dermatologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-balm-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-balm-cta-box\"\u003e\n    \u003cp class=\"soi-balm-cta-tag\" style=\"color: white;\"\u003eTrois actifs, un geste, des lèvres transformées\u003c\/p\u003e\n    \u003cp class=\"soi-balm-cta-text\" style=\"color: white;\"\u003eMiel de Manuka, huile de coco, argent colloïdal : offrez à vos lèvres le soin bio qu'elles méritent, dès les premières applications.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-balm-marine: #1A2D3D;\n  --soi-balm-marine-dark: #0F1E2B;\n  --soi-balm-marine-light: #2C4458;\n  --soi-balm-pomme: #A1C544;\n  --soi-balm-pomme-dark: #84A636;\n  --soi-balm-pomme-light: rgba(161,197,68,0.10);\n  --soi-balm-white: #FFFFFF;\n  --soi-balm-off-white: #F8FAF6;\n  --soi-balm-stone: #F1F3EE;\n  --soi-balm-line: #E5E8E0;\n  --soi-balm-primary: #D4A82A;\n  --soi-balm-primary-soft: #F5EDD4;\n  --soi-balm-accent: #C49A3A;\n  --soi-balm-text: #1A2D3D;\n  --soi-balm-text-soft: #4A5B6B;\n  --soi-balm-text-muted: #7B8693;\n  --soi-balm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-balm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-balm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-balm-radius: 12px;\n  --soi-balm-radius-sm: 8px;\n  --soi-balm-radius-pill: 999px;\n}\n\n.soi-balm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-balm-fiche img { max-width: 100%; height: auto; }\n\n.soi-balm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-balm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-balm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-balm-hero {\n  position: relative;\n  background: var(--soi-balm-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-balm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-balm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-balm-pomme);\n}\n\n.soi-balm-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-balm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-balm-pomme);\n  border-radius: 50%;\n}\n\n.soi-balm-hero-title {\n  display: block;\n  color: var(--soi-balm-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-balm-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-balm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-balm-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-balm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-balm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-balm-label-accent {\n  background: var(--soi-balm-pomme);\n  border-color: var(--soi-balm-pomme);\n  color: var(--soi-balm-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-balm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-balm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-balm-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-balm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-balm-pomme);\n  border-radius: 2px;\n}\n\n.soi-balm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-balm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-balm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-balm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-balm-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-balm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-balm-benefit {\n  background: var(--soi-balm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-balm-radius);\n  border: 1px solid var(--soi-balm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-balm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-balm-shadow-md);\n}\n\n.soi-balm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-balm-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-balm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-balm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-balm-benefit:hover .soi-balm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-balm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-balm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-balm-benefit p {\n  font-size: 13px;\n  color: var(--soi-balm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-balm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-balm-card {\n  background: var(--soi-balm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-balm-radius);\n  border-left: 3px solid var(--soi-balm-pomme);\n}\n\n.soi-balm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-balm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-balm-card p {\n  font-size: 14px;\n  color: var(--soi-balm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-balm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-balm-card-mini {\n  background: var(--soi-balm-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-balm-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-balm-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-balm-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-balm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-balm-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-balm-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-balm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-balm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-balm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-balm-radius);\n  border: 1px solid var(--soi-balm-line);\n  align-items: flex-start;\n}\n\n.soi-balm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-balm-marine);\n  color: var(--soi-balm-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-balm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-balm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-balm-step-content p {\n  font-size: 14px;\n  color: var(--soi-balm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-balm-compo {\n  background: var(--soi-balm-off-white);\n  border-radius: var(--soi-balm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-balm-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-balm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-balm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-balm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-balm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-balm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-balm-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-balm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-balm-pomme-light);\n  border-left: 4px solid var(--soi-balm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-balm-radius) var(--soi-balm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-balm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-balm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-balm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-balm-tip p {\n  font-size: 14px;\n  color: var(--soi-balm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-balm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-balm-accordion-item {\n  background: var(--soi-balm-off-white);\n  border-radius: var(--soi-balm-radius-sm);\n  border: 1px solid var(--soi-balm-line);\n  overflow: hidden;\n}\n\n.soi-balm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-balm-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-balm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-balm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-balm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-balm-accordion-item[open] .soi-balm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-balm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-balm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-balm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-balm-cta-box {\n  background: var(--soi-balm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-balm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-balm-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-balm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-balm-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-balm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-balm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-balm-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-balm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-balm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-balm-compo-value {\n    text-align: left;\n  }\n\n  .soi-balm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-balm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-balm-fiche {\n    --soi-balm-text-soft: #2C3E50;\n    --soi-balm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Naturwaren","offers":[{"title":"Default Title","offer_id":61603442360650,"sku":"NA1300","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/baume-a-levres-nourrissant-certifie-bio-dr-theiss-packshot.webp?v=1782111812"},{"product_id":"soin-hydratant-triple-action-certifie-bio-coslys","title":"Soin Hydratant Triple Action Bio Homme - Coslys","description":"\u003cdiv class=\"soi-hydr-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-hydr-hero\"\u003e\n    \u003cdiv class=\"soi-hydr-hero-tag\"\u003e\n      \u003cspan class=\"soi-hydr-tag-dot\"\u003e\u003c\/span\u003e\n      Soin visage homme · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-hydr-hero-title\"\u003eSoin Hydratant Triple Action certifié Bio\u003c\/span\u003e\n    \u003cp class=\"soi-hydr-hero-subtitle\"\u003eHydratation intense, apaisement après rasage et éclat retrouvé : trois actions en un seul geste pour la peau masculine, formulé à 98,9 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hydr-hero-labels\"\u003e\n      \u003cspan class=\"soi-hydr-label soi-hydr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-hydr-label\"\u003e98,9 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-hydr-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-hydr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-hydr-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Pourquoi choisir ce soin hydratant bio pour homme ? --\u003e\n  \u003csection class=\"soi-hydr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce soin hydratant bio pour homme ?\u003c\/h2\u003e\n    \u003cp class=\"soi-hydr-section-intro\"\u003eCe soin Coslys Homme joue la carte de la transparence : des actifs identifiés, des actions concrètes, une texture agréable au quotidien. Sa triple action se déploie à chaque application.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hydr-benefits\"\u003e\n      \u003cdiv class=\"soi-hydr-benefit\"\u003e\n        \u003cdiv class=\"soi-hydr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation intense et durable\u003c\/h3\u003e\n        \u003cp\u003eVotre peau est nourrie en profondeur, le confort se maintient tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hydr-benefit\"\u003e\n        \u003cdiv class=\"soi-hydr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement immédiat\u003c\/h3\u003e\n        \u003cp\u003eIdéal après le rasage, il calme les rougeurs et les tiraillements sans agresser votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hydr-benefit\"\u003e\n        \u003cdiv class=\"soi-hydr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRéduction des signes de fatigue\u003c\/h3\u003e\n        \u003cp\u003eLe teint est revitalisé, le regard moins marqué, la peau visiblement plus reposée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Les ingrédients clés de la formule --\u003e\n  \u003csection class=\"soi-hydr-section\"\u003e\n    \u003ch2\u003eLes ingrédients clés de la formule\u003c\/h2\u003e\n    \u003cp class=\"soi-hydr-section-intro\"\u003eChaque actif a été choisi pour sa complémentarité et son efficacité réelle sur la peau masculine.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hydr-grid\"\u003e\n      \u003cdiv class=\"soi-hydr-card\"\u003e\n        \u003ch3\u003e🌳 Extrait d'hêtre bio d'Ardèche\u003c\/h3\u003e\n        \u003cp\u003eL'ingrédient signature de cette formule. Riche en polyphénols, il lisse le grain de peau, atténue les ridules et renforce la résistance cutanée face aux agressions extérieures (pollution, froid, UV).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hydr-card\"\u003e\n        \u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydratant, régénérant et apaisant, il apporte une fraîcheur immédiate et favorise le renouvellement cellulaire. Parfait pour les peaux sensibles ou irritées par le rasage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hydr-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n        \u003cp\u003eSource de vitamines A, E et d'acides gras essentiels, il restaure le film hydrolipidique, assouplit la peau et la protège des agressions climatiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Comment utiliser ce soin hydratant visage bio ? --\u003e\n  \u003csection class=\"soi-hydr-section\"\u003e\n    \u003ch2\u003eComment utiliser ce soin hydratant visage bio ?\u003c\/h2\u003e\n    \u003cp class=\"soi-hydr-section-intro\"\u003eCe soin 3-en-1 s'adapte à votre routine, quelle qu'elle soit. La texture légère et non grasse pénètre rapidement, sans laisser de film résiduel.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hydr-timeline\"\u003e\n      \u003cdiv class=\"soi-hydr-step\"\u003e\n        \u003cdiv class=\"soi-hydr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-hydr-step-content\"\u003e\n          \u003ch3\u003eEn crème de jour\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une noisette sur le visage propre et sec, matin et\/ou soir, en massant doucement jusqu'à absorption complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hydr-step\"\u003e\n        \u003cdiv class=\"soi-hydr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-hydr-step-content\"\u003e\n          \u003ch3\u003eEn soin après-rasage\u003c\/h3\u003e\n          \u003cp\u003eJuste après le rasage, appliquez sur la zone irritée pour apaiser instantanément et éviter les rougeurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hydr-step\"\u003e\n        \u003cdiv class=\"soi-hydr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-hydr-step-content\"\u003e\n          \u003ch3\u003eEn soin contour des yeux\u003c\/h3\u003e\n          \u003cp\u003eTamponnez délicatement du bout des doigts autour des yeux pour atténuer cernes et signes de fatigue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Certifications et engagements Coslys --\u003e\n  \u003csection class=\"soi-hydr-section\"\u003e\n    \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hydr-grid-compact\"\u003e\n      \u003cdiv class=\"soi-hydr-card-mini\"\u003e\n        \u003cspan class=\"soi-hydr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-hydr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-hydr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hydr-card-mini\"\u003e\n        \u003cspan class=\"soi-hydr-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cspan class=\"soi-hydr-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-hydr-card-mini-value\"\u003e98,9 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hydr-card-mini\"\u003e\n        \u003cspan class=\"soi-hydr-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-hydr-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n        \u003cspan class=\"soi-hydr-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hydr-card-mini\"\u003e\n        \u003cspan class=\"soi-hydr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-hydr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-hydr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hydr-tip\"\u003e\n      \u003cdiv class=\"soi-hydr-tip-icon\"\u003e🧴\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe format airless\u003c\/strong\u003e\n        \u003cp\u003eLe flacon pompe hygiénique préserve l'intégrité de la formule sans conservateurs superflus. Formule sans silicone, sans paraben, sans phénoxyéthanol.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Pour qui est fait ce soin hydratant naturel ? --\u003e\n  \u003csection class=\"soi-hydr-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce soin hydratant naturel ?\u003c\/h2\u003e\n    \u003cp\u003eCe soin convient à \u003cstrong\u003etous types de peaux masculines\u003c\/strong\u003e : peaux normales, sèches, sensibles ou fatiguées. Il vous est particulièrement recommandé si vous cherchez un produit multifonction simple à intégrer dans une routine minimaliste, sans sacrifier la qualité des actifs.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hydr-tip\"\u003e\n      \u003cdiv class=\"soi-hydr-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePrécaution\u003c\/strong\u003e\n        \u003cp\u003eCe produit ne remplace pas un traitement médical dermatologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Composition complète (INCI) --\u003e\n  \u003csection class=\"soi-hydr-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hydr-accordion\"\u003e\n      \u003cdetails class=\"soi-hydr-accordion-item\"\u003e\n        \u003csummary class=\"soi-hydr-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hydr-accordion-content\"\u003e\n          \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Glycerin, Butyrospermum Parkii Butter*, Cetearyl Alcohol, Cetearyl Glucoside, Fagus Sylvatica Bud Extract*, Sodium Levulinate, Sodium Anisate, Xanthan Gum, Parfum, Tocopherol, Helianthus Annuus Seed Oil*, Citric Acid.\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!-- CTA --\u003e\n  \u003csection class=\"soi-hydr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-hydr-cta-box\"\u003e\n      \u003cp class=\"soi-hydr-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, prendre soin de soi sincèrement\u003c\/p\u003e\n      \u003cp class=\"soi-hydr-cta-text\" style=\"color: white;\"\u003eHydratation profonde, apaisement après rasage, regard reposé. Un soin certifié bio, vegan et fabriqué en France, pour une routine simple et vraiment efficace.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-hydr-marine: #1A2D3D;\n  --soi-hydr-marine-dark: #0F1E2B;\n  --soi-hydr-marine-light: #2C4458;\n  --soi-hydr-pomme: #A1C544;\n  --soi-hydr-pomme-dark: #84A636;\n  --soi-hydr-pomme-light: rgba(161,197,68,0.10);\n  --soi-hydr-white: #FFFFFF;\n  --soi-hydr-off-white: #F8FAF6;\n  --soi-hydr-stone: #F1F3EE;\n  --soi-hydr-line: #E5E8E0;\n  --soi-hydr-primary: #5A8F29;\n  --soi-hydr-primary-soft: rgba(90,143,41,0.08);\n  --soi-hydr-accent: #3D6B1A;\n  --soi-hydr-text: #1A2D3D;\n  --soi-hydr-text-soft: #4A5B6B;\n  --soi-hydr-text-muted: #7B8693;\n  --soi-hydr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-hydr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-hydr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-hydr-radius: 12px;\n  --soi-hydr-radius-sm: 8px;\n  --soi-hydr-radius-pill: 999px;\n}\n\n.soi-hydr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hydr-fiche img { max-width: 100%; height: auto; }\n\n.soi-hydr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-hydr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-hydr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hydr-hero {\n  position: relative;\n  background: var(--soi-hydr-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-hydr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-hydr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-hydr-pomme);\n}\n\n.soi-hydr-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-hydr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-hydr-pomme);\n  border-radius: 50%;\n}\n\n.soi-hydr-hero-title {\n  display: block;\n  color: var(--soi-hydr-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-hydr-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-hydr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-hydr-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-hydr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-hydr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-hydr-label-accent {\n  background: var(--soi-hydr-pomme);\n  border-color: var(--soi-hydr-pomme);\n  color: var(--soi-hydr-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hydr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hydr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-hydr-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-hydr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-hydr-pomme);\n  border-radius: 2px;\n}\n\n.soi-hydr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-hydr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-hydr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-hydr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-hydr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hydr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-hydr-benefit {\n  background: var(--soi-hydr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-hydr-radius);\n  border: 1px solid var(--soi-hydr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hydr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-hydr-shadow-md);\n}\n\n.soi-hydr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-hydr-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-hydr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-hydr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-hydr-benefit:hover .soi-hydr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-hydr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hydr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hydr-benefit p {\n  font-size: 13px;\n  color: var(--soi-hydr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hydr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-hydr-card {\n  background: var(--soi-hydr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hydr-radius);\n  border-left: 3px solid var(--soi-hydr-pomme);\n}\n\n.soi-hydr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hydr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hydr-card p {\n  font-size: 14px;\n  color: var(--soi-hydr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-hydr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-hydr-card-mini {\n  background: var(--soi-hydr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-hydr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-hydr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-hydr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-hydr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-hydr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-hydr-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-hydr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-hydr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-hydr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hydr-radius);\n  border: 1px solid var(--soi-hydr-line);\n  align-items: flex-start;\n}\n\n.soi-hydr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-hydr-marine);\n  color: var(--soi-hydr-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-hydr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-hydr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-hydr-step-content p {\n  font-size: 14px;\n  color: var(--soi-hydr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-hydr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-hydr-pomme-light);\n  border-left: 4px solid var(--soi-hydr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-hydr-radius) var(--soi-hydr-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-hydr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-hydr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-hydr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-hydr-tip p {\n  font-size: 14px;\n  color: var(--soi-hydr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hydr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-hydr-accordion-item {\n  background: var(--soi-hydr-off-white);\n  border-radius: var(--soi-hydr-radius-sm);\n  border: 1px solid var(--soi-hydr-line);\n  overflow: hidden;\n}\n\n.soi-hydr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-hydr-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-hydr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-hydr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-hydr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-hydr-accordion-item[open] .soi-hydr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-hydr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-hydr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-hydr-text-soft);\n  line-height: 1.6;\n  margin-bottom: 0.5rem;\n}\n\n.soi-hydr-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-hydr-accordion-content em {\n  font-size: 13px;\n  color: var(--soi-hydr-text-muted);\n}\n\n\/* === CTA BOX === *\/\n.soi-hydr-cta-box {\n  background: var(--soi-hydr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-hydr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-hydr-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-hydr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-hydr-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-hydr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-hydr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-hydr-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-hydr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-hydr-step-num {\n    margin: 0;\n  }\n\n  .soi-hydr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-hydr-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-hydr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-hydr-fiche {\n    --soi-hydr-text-soft: #2C3E50;\n    --soi-hydr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603506422090,"sku":"CS0250","price":16.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-hydratant-triple-action-certifie-bio-coslys-packshot.webp?v=1779364949"},{"product_id":"creme-rasage-expert-certifiee-bio-coslys","title":"Crème Rasage Expert certifiée Bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Crème de Rasage Expert certifiée bio de Coslys \u003c\/strong\u003eest spécialement formulée pour offrir un rasage à la fois précis et confortable. Grâce à une combinaison d'ingrédients biologiques et naturels, cette crème \u003cstrong\u003eassure une protection optimale et un soin incomparable pour la peau\u003c\/strong\u003e. Elle répond aux besoins des hommes soucieux de leur peau et de l'environnement, en garantissant une expérience de rasage exceptionnelle.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0245_63afac79-f7a6-43da-ad6e-2ab535fcb786.jpg?v=1776180893\" alt=\"Photo d'un homme devant son miroir qui regarde son rasage\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits de la Crème Rasage Expert certifiée bio de Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eLa Crème de Rasage Expert certifié bio de Coslys se distingue par ses ingrédients soigneusement sélectionnés et ses certifications garantissant sa qualité et son respect de l'environnement.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de Hêtre Bio\u003c\/strong\u003e : Cet ingrédient phare assouplit le poil, facilitant ainsi le passage de la lame et réduisant les risques de coupures. Il permet un rasage plus net et plus précis.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloé Vera Bio\u003c\/strong\u003e : Reconnu pour ses propriétés apaisantes et hydratantes, l'aloé vera calme les irritations et hydrate la peau en profondeur. Il aide également à prévenir les rougeurs et les inflammations post-rasage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol naturel\u003c\/strong\u003e : Cet actif naturel possède des propriétés anti-inflammatoires, apaisantes et cicatrisantes. Il contribue à réduire les irritations et les inflammations, assurant une peau douce et bien soignée après chaque rasage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule Vegan et Cruelty Free\u003c\/strong\u003e : La crème est formulée sans aucun ingrédient d'origine animale et n'est pas testée sur les animaux, respectant ainsi les principes éthiques et environnementaux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification Cosmos Organic\u003c\/strong\u003e : Cette certification garantit que la crème est composée d'ingrédients biologiques et naturels, répondant à des standards stricts de qualité et de respect de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française\u003c\/strong\u003e : Fabriquée en France, la Crème de Rasage Expert Bio de Coslys bénéficie d'un savoir-faire local, assurant une qualité supérieure et une traçabilité des ingrédients utilisés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Crème de Rasage Expert certifiée bio de Coslys\u003c\/strong\u003e est le choix idéal pour les hommes souhaitant allier efficacité, confort et respect de l'environnement. Grâce à ses ingrédients naturels et biologiques, elle offre une expérience de rasage incomparable, en prenant soin des peaux les plus sensibles. Adoptez cette crème à raser pour un rasage précis, confortable et respectueux de votre peau et de la planète.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603514745162,"sku":"CS0245","price":12.96,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0245-homme-creme-rasage_c3a4a3db-97e2-45bd-951b-6c926e4b0766.jpg?v=1778843067"},{"product_id":"savon-dalep-a-la-rose-de-damas-bio-najel","title":"Savon d'Alep à la rose de Damas bio – Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-alep-hero\"\u003e\n    \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n      \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène \u0026amp; soin · Najel Méditerranée\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep à la rose de Damas bio\u003c\/span\u003e\n    \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurifiant, nourrissant et naturel : un soin ancestral enrichi à l'eau florale de rose de Damas certifiée bio, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n      \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS SILICONES\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSAVON SOLIDE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Qu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans\u003c\/h2\u003e\n    \u003cp\u003eOriginaire de la ville d'Alep en Syrie, le savon d'Alep est considéré comme l'un des premiers savons solides jamais fabriqués. Sa recette repose sur deux huiles emblématiques de la région méditerranéenne : l'huile d'olive et l'huile de baies de laurier.\u003c\/p\u003e\n    \u003cp\u003eNajel perpétue ce savoir-faire artisanal en y intégrant des actifs naturels soigneusement sélectionnés, comme ici l'eau florale de rose de Damas bio, pour répondre aux besoins contemporains de votre peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition du savon d'Alep Najel rose de Damas bio --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep Najel rose de Damas bio\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon réside dans la qualité et la simplicité de ses ingrédients.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-grid\"\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras essentiels et en antioxydants (vitamine E), elle nourrit et protège la peau des agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n        \u003cp\u003eL'actif signature du savon d'Alep. Reconnue pour ses vertus apaisantes, purifiantes et désinfectantes, elle est particulièrement précieuse pour les peaux irritées, acnéiques ou sujettes à l'eczéma ou au psoriasis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🌹 Eau florale de rose de Damas bio\u003c\/h3\u003e\n        \u003cp\u003eAstringente naturelle, elle resserre les pores, tonifie la peau et contribue à son renouvellement cellulaire. Son parfum délicat et floral est un vrai bonheur sensoriel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e🧼\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormulé dans le respect de votre peau\u003c\/strong\u003e\n        \u003cp\u003eSans silicone, sans parabène, sans colorant artificiel. Une composition pure et respectueuse de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Bienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eBienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-benefits\"\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurifie en profondeur\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour nettoyer le visage sans agresser la barrière cutanée, il élimine impuretés et excès de sébum.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaise les peaux réactives\u003c\/h3\u003e\n        \u003cp\u003eLes propriétés apaisantes de l'huile de baies de laurier soulagent les rougeurs, démangeaisons et inconforts liés à l'eczéma ou au psoriasis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydrate et régénère\u003c\/h3\u003e\n        \u003cp\u003eL'huile d'olive et la rose de Damas agissent en synergie pour préserver le film hydrolipidique et favoriser le renouvellement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUtilisation polyvalente\u003c\/h3\u003e\n        \u003cp\u003eVisage, corps, cheveux : un seul savon pour toute votre routine, même quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eParfum naturel et enveloppant\u003c\/h3\u003e\n        \u003cp\u003eLa rose de Damas diffuse un sillage floral discret et authentique, loin des parfums synthétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser le savon d'Alep Najel au quotidien ? --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep Najel au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-timeline\"\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser le savon entre vos paumes ou directement sur une peau humide. Appliquez en massages circulaires doux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède. Pour le visage, évitez les frottements excessifs et terminez par une eau froide pour refermer les pores.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n          \u003cp\u003eEntre deux utilisations, laissez le savon sécher à l'air libre sur un porte-savon drainant pour prolonger sa durée de vie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Avis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ? --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eAvis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ?\u003c\/h2\u003e\n    \u003cp\u003eLe savon d'Alep est souvent cité par les dermatologues comme une alternative douce aux savons surgras classiques, notamment pour les peaux atopiques ou réactives. Sa composition minimaliste, sans perturbateurs endocriniens ni conservateurs agressifs, en fait un choix pertinent pour les personnes cherchant à simplifier leur routine tout en prenant soin de leur peau efficacement.\u003c\/p\u003e\n    \u003cp\u003eIl ne remplace pas un traitement médical prescrit, mais peut s'intégrer dans une routine apaisante au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Informations pratiques --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-compo\"\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eNajel Méditerranée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eSavon solide\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eType de peau\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eTous types, peaux sensibles, mixtes, à imperfections\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eRose de Damas certifiée bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eParabènes, silicones, colorants artificiels\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-alep-cta-box\"\u003e\n      \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eUn geste ancestral, chaque matin\u003c\/p\u003e\n      \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eUne composition pure, un parfum floral envoûtant et une peau visiblement plus nette, apaisée et lumineuse. Prendre soin de vous, aussi simplement et naturellement que cela.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-alep-marine: #1A2D3D;\n  --soi-alep-marine-dark: #0F1E2B;\n  --soi-alep-marine-light: #2C4458;\n  --soi-alep-pomme: #A1C544;\n  --soi-alep-pomme-dark: #84A636;\n  --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-alep-white: #FFFFFF;\n  --soi-alep-off-white: #F8FAF6;\n  --soi-alep-stone: #F1F3EE;\n  --soi-alep-line: #E5E8E0;\n\n  --soi-alep-primary: #C47A7A;\n  --soi-alep-primary-soft: #E8B5B0;\n  --soi-alep-accent: #8B6D4A;\n\n  --soi-alep-text: #1A2D3D;\n  --soi-alep-text-soft: #4A5B6B;\n  --soi-alep-text-muted: #7B8693;\n\n  --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-alep-radius: 12px;\n  --soi-alep-radius-sm: 8px;\n  --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-alep-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n  position: relative;\n  background: var(--soi-alep-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-alep-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-alep-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n}\n\n.soi-alep-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-alep-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-alep-pomme);\n  border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n  display: block;\n  color: var(--soi-alep-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-alep-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-alep-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-alep-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-alep-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-alep-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n  background: var(--soi-alep-pomme);\n  border-color: var(--soi-alep-pomme);\n  color: var(--soi-alep-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-alep-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-alep-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-alep-pomme);\n  border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-alep-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-alep-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n  background: var(--soi-alep-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-alep-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-alep-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-alep-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n  font-size: 13px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-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-alep-card {\n  background: var(--soi-alep-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-alep-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-alep-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  align-items: flex-start;\n}\n\n.soi-alep-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-alep-marine);\n  color: var(--soi-alep-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-alep-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n  background: var(--soi-alep-off-white);\n  border-radius: var(--soi-alep-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-alep-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-alep-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-alep-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-alep-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-alep-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-alep-pomme-light);\n  border-left: 4px solid var(--soi-alep-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-alep-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n  font-size: 14px;\n  color: var(--soi-alep-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-alep-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-alep-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-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-alep-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-alep-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-alep-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-alep-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-alep-compo-value {\n    text-align: left;\n  }\n\n  .soi-alep-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-alep-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-alep-fiche {\n    --soi-alep-text-soft: #2C3E50;\n    --soi-alep-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603632611658,"sku":"NJ0060","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-la-rose-de-damas-bio-najel-packshot.webp?v=1779627736"},{"product_id":"savon-dalep-au-jasmin-bio-najel","title":"Savon d'Alep au jasmin bio – Najel","description":"\n\u003cdiv class=\"soi-jasp-fiche\"\u003e\n\n  \u003csection class=\"soi-jasp-hero\"\u003e\n    \u003cdiv class=\"soi-jasp-hero-tag\"\u003e\n      \u003cspan class=\"soi-jasp-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-jasp-hero-title\"\u003eSavon d'Alep au jasmin bio\u003c\/span\u003e\n    \u003cp class=\"soi-jasp-hero-subtitle\"\u003eUn savoir-faire millénaire enrichi à l'eau florale de jasmin bio pour un soin revitalisant du visage, du corps et des cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-jasp-hero-labels\"\u003e\n      \u003cspan class=\"soi-jasp-label soi-jasp-label-accent\"\u003eJASMIN BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-jasp-label\"\u003e100 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-jasp-label\"\u003eSANS PARABEN\u003c\/span\u003e\n      \u003cspan class=\"soi-jasp-label\"\u003eSANS SULFATE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003eSavon d'Alep au jasmin bio Najel : le soin revitalisant à l'ancienne\u003c\/h2\u003e\n    \u003cp\u003eIl existe des savons que l'on garde toute la vie. Le savon d'Alep au jasmin bio de Najel en fait partie. Né d'un savoir-faire vieux de plus de 3 000 ans, perfectionné par des artisans syriens de génération en génération, ce savon naturel allie la richesse de l'huile d'olive, la puissance de l'huile de baies de laurier et la douceur florale de l'eau de jasmin bio. Le résultat : un soin complet pour le visage, le corps et les cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003ePourquoi ce savon d'Alep est différent\u003c\/h2\u003e\n    \u003cp\u003eContrairement à un simple savon surgras, le savon d'Alep repose sur une recette unique : une cuisson lente des huiles à l'eau chaude, suivie d'un séchage naturel en entrepôt pendant \u003cstrong\u003eneuf mois minimum\u003c\/strong\u003e. C'est ce repos prolongé qui lui confère sa texture dense, son cœur vert caractéristique et son efficacité reconnue, y compris par les dermatologues pour les peaux réactives.\u003c\/p\u003e\n    \u003cp\u003eLa version au jasmin bio de Najel va plus loin : l'eau florale de jasmin intégrée à la formule apporte des propriétés revitalisantes supplémentaires et un parfum floral subtil qui transforme chaque douche en un vrai moment de bien-être.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jasp-compo\"\u003e\n      \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n        \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile d'olive (Olea Europaea Fruit Oil)\u003c\/span\u003e\n        \u003cspan class=\"soi-jasp-compo-value\"\u003eBase nourrissante et protectrice, riche en acides gras essentiels\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n        \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/span\u003e\n        \u003cspan class=\"soi-jasp-compo-value\"\u003ePurifiante et régénérante, idéale pour les peaux à tendance acnéique, eczémateuse ou sujettes au psoriasis\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n        \u003cspan class=\"soi-jasp-compo-label\"\u003eEau florale de jasmin bio (Jasminum Officinale Flower Water)\u003c\/span\u003e\n        \u003cspan class=\"soi-jasp-compo-value\"\u003eApaisante, revitalisante, délicatement parfumée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n        \u003cspan class=\"soi-jasp-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n        \u003cspan class=\"soi-jasp-compo-value\"\u003eAgent saponifiant naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n        \u003cspan class=\"soi-jasp-compo-label\"\u003eEau\u003c\/span\u003e\n        \u003cspan class=\"soi-jasp-compo-value\"\u003eSolvant\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jasp-tip\"\u003e\n      \u003cdiv class=\"soi-jasp-tip-icon\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormule 100 % naturelle\u003c\/strong\u003e\n        \u003cp\u003eSans conservateur synthétique, sans sulfate, sans paraben, sans colorant artificiel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jasp-benefits\"\u003e\n      \u003cdiv class=\"soi-jasp-benefit\"\u003e\n        \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eNettoyage en profondeur\u003c\/h3\u003e\n        \u003cp\u003eÉlimine impuretés et excès de sébum tout en respectant le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-benefit\"\u003e\n        \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation durable\u003c\/h3\u003e\n        \u003cp\u003eL'huile d'olive pénètre les couches supérieures de l'épiderme et limite la perte en eau, même sur peau sèche ou déshydratée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-benefit\"\u003e\n        \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement des peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eRecommandé par de nombreux dermatologues comme alternative douce aux nettoyants conventionnels pour les peaux atopiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-benefit\"\u003e\n        \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTeint revitalisé\u003c\/h3\u003e\n        \u003cp\u003eLe jasmin bio stimule l'éclat naturel de la peau et atténue la sensation de fatigue cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jasp-grid\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-jasp-card\"\u003e\n        \u003ch3\u003e💆 Utilisable sur le corps et les cheveux\u003c\/h3\u003e\n        \u003cp\u003eNettoie le cuir chevelu en douceur, réduit les démangeaisons et apporte de la légèreté aux cheveux ternes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep au jasmin bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jasp-timeline\"\u003e\n      \u003cdiv class=\"soi-jasp-step\"\u003e\n        \u003cdiv class=\"soi-jasp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-jasp-step-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse crémeuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-step\"\u003e\n        \u003cdiv class=\"soi-jasp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-jasp-step-content\"\u003e\n          \u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur le visage, le corps ou les cheveux en massant délicatement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-step\"\u003e\n        \u003cdiv class=\"soi-jasp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-jasp-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède. Pour les peaux très sensibles, commencez par une utilisation trois fois par semaine avant d'adopter un usage quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jasp-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-jasp-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePosez le savon sur un porte-savon aéré entre chaque utilisation pour prolonger sa durée de vie. Un pain correctement entretenu dure plusieurs semaines.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003eCe que disent les utilisateurs (et les dermatologues)\u003c\/h2\u003e\n    \u003cp\u003eLe savon d'Alep bénéficie d'un avis dermatologique globalement très positif : sa composition simple, sans allergènes majeurs, en fait un choix de référence pour les peaux à problèmes. Les utilisateurs témoignent d'une peau plus douce dès les premières semaines, d'une réduction des rougeurs et d'un confort retrouvé, même en hiver.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003cdiv class=\"soi-jasp-accordion\"\u003e\n      \u003cdetails class=\"soi-jasp-accordion-item\"\u003e\n        \u003csummary class=\"soi-jasp-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-jasp-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne remplace pas un traitement médical prescrit par un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-jasp-cta-box\"\u003e\n      \u003cp class=\"soi-jasp-cta-tag\" style=\"color: white;\"\u003eUn geste artisanal, un parfum floral, une tradition millénaire\u003c\/p\u003e\n      \u003cp class=\"soi-jasp-cta-text\" style=\"color: white;\"\u003eAvec Najel, vous choisissez une formule pure et un savoir-faire ancestral. Le jasmin bio fait du bien à la peau autant qu'à l'âme. La tradition au service de votre quotidien, tout simplement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-jasp-marine: #1A2D3D;\n  --soi-jasp-marine-dark: #0F1E2B;\n  --soi-jasp-marine-light: #2C4458;\n  --soi-jasp-pomme: #A1C544;\n  --soi-jasp-pomme-dark: #84A636;\n  --soi-jasp-pomme-light: rgba(161,197,68,0.10);\n  --soi-jasp-white: #FFFFFF;\n  --soi-jasp-off-white: #F8FAF6;\n  --soi-jasp-stone: #F1F3EE;\n  --soi-jasp-line: #E5E8E0;\n  --soi-jasp-primary: #B5A44A;\n  --soi-jasp-primary-soft: #D4C98A;\n  --soi-jasp-accent: #8A7A3E;\n  --soi-jasp-text: #1A2D3D;\n  --soi-jasp-text-soft: #4A5B6B;\n  --soi-jasp-text-muted: #7B8693;\n  --soi-jasp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-jasp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-jasp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-jasp-radius: 12px;\n  --soi-jasp-radius-sm: 8px;\n  --soi-jasp-radius-pill: 999px;\n}\n\n.soi-jasp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jasp-fiche img { max-width: 100%; height: auto; }\n\n.soi-jasp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-jasp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-jasp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-jasp-hero {\n  position: relative;\n  background: var(--soi-jasp-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-jasp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-jasp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-jasp-pomme);\n}\n\n.soi-jasp-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-jasp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-jasp-pomme);\n  border-radius: 50%;\n}\n\n.soi-jasp-hero-title {\n  display: block;\n  color: var(--soi-jasp-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-jasp-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-jasp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-jasp-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-jasp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-jasp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-jasp-label-accent {\n  background: var(--soi-jasp-pomme);\n  border-color: var(--soi-jasp-pomme);\n  color: var(--soi-jasp-marine);\n  font-weight: 600;\n}\n\n.soi-jasp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jasp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-jasp-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-jasp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-jasp-pomme);\n  border-radius: 2px;\n}\n\n.soi-jasp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-jasp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-jasp-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-jasp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-jasp-benefit {\n  background: var(--soi-jasp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-jasp-radius);\n  border: 1px solid var(--soi-jasp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jasp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-jasp-shadow-md);\n}\n\n.soi-jasp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-jasp-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-jasp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-jasp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-jasp-benefit:hover .soi-jasp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-jasp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-jasp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-jasp-benefit p {\n  font-size: 13px;\n  color: var(--soi-jasp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-jasp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-jasp-card {\n  background: var(--soi-jasp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-jasp-radius);\n  border-left: 3px solid var(--soi-jasp-pomme);\n}\n\n.soi-jasp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-jasp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-jasp-card p {\n  font-size: 14px;\n  color: var(--soi-jasp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-jasp-compo {\n  background: var(--soi-jasp-off-white);\n  border-radius: var(--soi-jasp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-jasp-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-jasp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-jasp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-jasp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-jasp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-jasp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-jasp-marine);\n  text-align: right;\n}\n\n.soi-jasp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-jasp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-jasp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-jasp-radius);\n  border: 1px solid var(--soi-jasp-line);\n  align-items: flex-start;\n}\n\n.soi-jasp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-jasp-marine);\n  color: var(--soi-jasp-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-jasp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-jasp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-jasp-step-content p {\n  font-size: 14px;\n  color: var(--soi-jasp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-jasp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-jasp-pomme-light);\n  border-left: 4px solid var(--soi-jasp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-jasp-radius) var(--soi-jasp-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-jasp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-jasp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-jasp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-jasp-tip p {\n  font-size: 14px;\n  color: var(--soi-jasp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-jasp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-jasp-accordion-item {\n  background: var(--soi-jasp-off-white);\n  border-radius: var(--soi-jasp-radius-sm);\n  border: 1px solid var(--soi-jasp-line);\n  overflow: hidden;\n}\n\n.soi-jasp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-jasp-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-jasp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-jasp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-jasp-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-jasp-accordion-item[open] .soi-jasp-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-jasp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-jasp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-jasp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-jasp-cta-box {\n  background: var(--soi-jasp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-jasp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-jasp-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-jasp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-jasp-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-jasp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-jasp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-jasp-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-jasp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-jasp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-jasp-compo-value {\n    text-align: left;\n  }\n\n  .soi-jasp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-jasp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-jasp-fiche {\n    --soi-jasp-text-soft: #2C3E50;\n    --soi-jasp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634053450,"sku":"NJ0065","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-jasmin-bio-najel-packshot.webp?v=1780560452"},{"product_id":"savon-dalep-a-lhuile-de-nigelle-najel","title":"Savon d'Alep à l'huile de nigelle – Najel","description":"\n\u003cdiv class=\"soi-nige-fiche\"\u003e\n\n  \u003csection class=\"soi-nige-hero\"\u003e\n    \u003cdiv class=\"soi-nige-hero-tag\"\u003e\n      \u003cspan class=\"soi-nige-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-nige-hero-title\"\u003eSavon d'Alep à l'huile de nigelle\u003c\/span\u003e\n    \u003cp class=\"soi-nige-hero-subtitle\"\u003eUn savon solide apaisant et régénérant, héritier de 3 000 ans de savoir-faire syrien, enrichi à l'huile de nigelle pressée à froid pour les peaux sensibles et irritées.\u003c\/p\u003e\n    \u003cdiv class=\"soi-nige-hero-labels\"\u003e\n      \u003cspan class=\"soi-nige-label soi-nige-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-nige-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n      \u003cspan class=\"soi-nige-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n      \u003cspan class=\"soi-nige-label\"\u003eSANS COLORANT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003ePourquoi le savon d'Alep est-il si différent des autres savons ?\u003c\/h2\u003e\n    \u003cp\u003eConsidéré comme l'un des plus anciens savons du monde, le savon d'Alep est fabriqué selon un procédé artisanal transmis depuis plus de 3 000 ans dans la région de la ville d'Alep, en Syrie. Sa base d'huile d'olive saponifiée le rend naturellement doux, sans détergent synthétique ni sulfate.\u003c\/p\u003e\n    \u003cp\u003eÀ la différence d'un savon industriel classique, il respecte le film hydrolipidique de la peau et convient même aux peaux les plus réactives. Vous retrouvez ici un soin authentique, ancré dans une tradition millénaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eLa force de ce savon : trois huiles complémentaires\u003c\/h2\u003e\n    \u003cp class=\"soi-nige-section-intro\"\u003eCe savon d'Alep réunit trois huiles aux vertus complémentaires pour offrir à votre peau un soin complet et respectueux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-nige-benefits\"\u003e\n      \u003cdiv class=\"soi-nige-benefit\"\u003e\n        \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile d'olive\u003c\/h3\u003e\n        \u003cp\u003eNourrit et adoucit la peau en profondeur. Elle forme un voile protecteur qui limite la déshydratation cutanée au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-benefit\"\u003e\n        \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile de baies de laurier\u003c\/h3\u003e\n        \u003cp\u003eActive caractéristique du savon d'Alep authentique. Elle apaise les irritations, assainit les pores et soutient la régénération cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-benefit\"\u003e\n        \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile de nigelle\u003c\/h3\u003e\n        \u003cp\u003eRiche en thymoquinone et acides gras essentiels, elle apporte des propriétés apaisantes et contribue à la régénération des peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003ePour qui est ce savon au nigelle ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-grid\"\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e🤍 Peaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003eLa douceur de l'huile d'olive combinée à la nigelle calme les tiraillements et les rougeurs au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e🩹 Peaux sujettes à l'eczéma ou au psoriasis\u003c\/h3\u003e\n        \u003cp\u003eLes propriétés apaisantes et rééquilibrantes de l'huile de nigelle en font un allié du quotidien, sans se substituer à un suivi médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e✨ Peaux mixtes ou à tendance acnéique\u003c\/h3\u003e\n        \u003cp\u003eL'huile de baies de laurier assainit les pores sans agresser la peau ni perturber son équilibre naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eUtilisable sur le visage, le corps, et même en shampoing solide doux pour un rituel de soin complet.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-timeline\"\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eMouillez\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez votre peau ou vos cheveux avec de l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse onctueuse, puis appliquez en massages circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire et séchez en tamponnant délicatement avec une serviette propre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eConservez\u003c\/h3\u003e\n          \u003cp\u003eConservez le savon à l'abri de l'eau entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-nige-tip\"\u003e\n      \u003cdiv class=\"soi-nige-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePosez votre savon d'Alep sur un porte-savon ajouré afin qu'il sèche correctement entre chaque usage. Vous prolongerez ainsi considérablement sa durée de vie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep à l'huile de nigelle Najel\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-compo\"\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eIngrédients (INCI)\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003eSodium Olivate, Sodium Laurate, Aqua, Nigella Sativa Seed Oil, Sodium Hydroxide, Sodium Chloride\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003e100% naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003eConservateur synthétique, colorant artificiel, parfum ajouté\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003eProcédé traditionnel artisanal d'Alep\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-grid-compact\"\u003e\n      \u003cdiv class=\"soi-nige-card-mini\"\u003e\n        \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-value\"\u003eNajel, Rêve d'Orient\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card-mini\"\u003e\n        \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-value\"\u003eSavon solide\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card-mini\"\u003e\n        \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧑\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card-mini\"\u003e\n        \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-value\"\u003eTous types, peaux sensibles\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-nige-accordion\"\u003e\n      \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n        \u003csummary class=\"soi-nige-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n          \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de pathologie cutanée diagnostiquée, consultez votre dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-nige-cta-box\"\u003e\n      \u003cp class=\"soi-nige-cta-tag\" style=\"color: white;\"\u003e3 000 ans de sagesse orientale dans vos mains\u003c\/p\u003e\n      \u003cp class=\"soi-nige-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un rituel de soin naturel, doux et respectueux. Un geste simple, chaque jour, pour une peau visiblement plus douce et apaisée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-nige-marine: #1A2D3D;\n  --soi-nige-marine-dark: #0F1E2B;\n  --soi-nige-marine-light: #2C4458;\n  --soi-nige-pomme: #A1C544;\n  --soi-nige-pomme-dark: #84A636;\n  --soi-nige-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-nige-white: #FFFFFF;\n  --soi-nige-off-white: #F8FAF6;\n  --soi-nige-stone: #F1F3EE;\n  --soi-nige-line: #E5E8E0;\n\n  --soi-nige-primary: #C87941;\n  --soi-nige-primary-soft: #F5E6D3;\n  --soi-nige-accent: #D4944A;\n\n  --soi-nige-text: #1A2D3D;\n  --soi-nige-text-soft: #4A5B6B;\n  --soi-nige-text-muted: #7B8693;\n\n  --soi-nige-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-nige-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-nige-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-nige-radius: 12px;\n  --soi-nige-radius-sm: 8px;\n  --soi-nige-radius-pill: 999px;\n}\n\n.soi-nige-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nige-fiche img { max-width: 100%; height: auto; }\n\n.soi-nige-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-nige-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-nige-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-nige-hero {\n  position: relative;\n  background: var(--soi-nige-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-nige-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-nige-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-nige-pomme);\n}\n\n.soi-nige-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-nige-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-nige-pomme);\n  border-radius: 50%;\n}\n\n.soi-nige-hero-title {\n  display: block;\n  color: var(--soi-nige-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-nige-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-nige-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-nige-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-nige-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-nige-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-nige-label-accent {\n  background: var(--soi-nige-pomme);\n  border-color: var(--soi-nige-pomme);\n  color: var(--soi-nige-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-nige-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nige-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-nige-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-nige-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-nige-pomme);\n  border-radius: 2px;\n}\n\n.soi-nige-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-nige-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-nige-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-nige-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-nige-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-nige-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-nige-benefit {\n  background: var(--soi-nige-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-nige-radius);\n  border: 1px solid var(--soi-nige-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nige-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-nige-shadow-md);\n}\n\n.soi-nige-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-nige-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-nige-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-nige-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-nige-benefit:hover .soi-nige-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-nige-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nige-benefit p {\n  font-size: 13px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-nige-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-nige-card {\n  background: var(--soi-nige-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nige-radius);\n  border-left: 3px solid var(--soi-nige-pomme);\n}\n\n.soi-nige-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nige-card p {\n  font-size: 14px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-nige-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-nige-card-mini {\n  background: var(--soi-nige-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-nige-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-nige-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-nige-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-nige-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-nige-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-nige-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-nige-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-nige-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nige-radius);\n  border: 1px solid var(--soi-nige-line);\n  align-items: flex-start;\n}\n\n.soi-nige-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-nige-marine);\n  color: var(--soi-nige-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-nige-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-nige-step-content p {\n  font-size: 14px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-nige-compo {\n  background: var(--soi-nige-off-white);\n  border-radius: var(--soi-nige-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-nige-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-nige-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-nige-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-nige-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-nige-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-nige-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-nige-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-nige-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-nige-pomme-light);\n  border-left: 4px solid var(--soi-nige-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-nige-radius) var(--soi-nige-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-nige-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-nige-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-nige-marine);\n  margin-bottom: 4px;\n}\n\n.soi-nige-tip p {\n  font-size: 14px;\n  color: var(--soi-nige-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-nige-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-nige-accordion-item {\n  background: var(--soi-nige-off-white);\n  border-radius: var(--soi-nige-radius-sm);\n  border: 1px solid var(--soi-nige-line);\n  overflow: hidden;\n}\n\n.soi-nige-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-nige-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-nige-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-nige-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-nige-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-nige-accordion-item[open] .soi-nige-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-nige-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-nige-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-nige-cta-box {\n  background: var(--soi-nige-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-nige-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-nige-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-nige-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-nige-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-nige-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-nige-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-nige-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-nige-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-nige-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-nige-compo-value {\n    text-align: left;\n  }\n\n  .soi-nige-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-nige-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-nige-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-nige-fiche {\n    --soi-nige-text-soft: #2C3E50;\n    --soi-nige-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634577738,"sku":"NJ0090","price":3.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-lhuile-de-nigelle-najel-packshot.webp?v=1781338095"},{"product_id":"savon-dalep-au-miel-najel","title":"Savon d'Alep au miel - Najel","description":"\u003cdiv class=\"soi-almi-fiche\"\u003e\n\n  \u003csection class=\"soi-almi-hero\"\u003e\n    \u003cdiv class=\"soi-almi-hero-tag\"\u003e\n      \u003cspan class=\"soi-almi-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-almi-hero-title\"\u003eLa recette ancestrale d'Alep, au miel\u003c\/span\u003e\n    \u003cp class=\"soi-almi-hero-subtitle\"\u003eUn savon né il y a plus de 3 000 ans à Alep, enrichi de la douceur dorée du miel. Nourrissant, apaisant et polyvalent : visage, corps et cheveux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003ch2\u003eSavon d'Alep au miel Najel : douceur millénaire et bienfaits du miel pour votre peau\u003c\/h2\u003e\n    \u003cp\u003eImaginez un savon né il y a plus de \u003cstrong\u003e3 000 ans à Alep, en Syrie\u003c\/strong\u003e, enrichi de la douceur dorée du miel. C'est exactement ce que vous offre le \u003cstrong\u003esavon d'Alep au miel de Najel\u003c\/strong\u003e : une recette ancestrale, des ingrédients nobles et une peau transformée dès les premières utilisations. Que vous ayez la peau sèche, sensible ou simplement envie d'un soin naturel au quotidien, ce savon est fait pour vous.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep au miel Najel\u003c\/h2\u003e\n    \u003cp class=\"soi-almi-section-intro\"\u003eLa force de ce savon réside dans sa composition transparente et authentique. Pas de parfum synthétique, pas de conservateur chimique : vous savez exactement ce que vous appliquez sur votre peau, et sur celle de votre famille.\u003c\/p\u003e\n    \u003cdiv class=\"soi-almi-grid\"\u003e\n      \u003cdiv class=\"soi-almi-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive (Olea Europaea Fruit Oil)\u003c\/h3\u003e\n        \u003cp\u003eBase principale du savon d'Alep traditionnel, elle nourrit et protège la peau en profondeur grâce à ses acides gras et à sa richesse en vitamine E.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-card\"\u003e\n        \u003ch3\u003e🌿 Huile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/h3\u003e\n        \u003cp\u003eL'ingrédient signature du vrai savon d'Alep, reconnue pour ses propriétés apaisantes et purifiantes, particulièrement appréciée sur les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-card\"\u003e\n        \u003ch3\u003e🍯 Miel naturel (Mel \/ Honey)\u003c\/h3\u003e\n        \u003cp\u003eActif humectant et réparateur utilisé depuis l'Antiquité, il attire l'eau dans les cellules cutanées, aide à apaiser les irritations et laisse la peau douce et souple.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-card\"\u003e\n        \u003ch3\u003e🧪 Hydroxyde de sodium (agent saponifiant)\u003c\/h3\u003e\n        \u003cp\u003eEntièrement consommé lors du processus de saponification à froid, il ne reste aucune trace dans le produit fini.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-card\"\u003e\n        \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n        \u003cp\u003ePour une texture idéale et une mousse onctueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003ch2\u003eQuels sont les bienfaits du savon d'Alep au miel ?\u003c\/h2\u003e\n    \u003cp class=\"soi-almi-section-intro\"\u003eCe savon se distingue par une action triple : nourrissante, apaisante et hydratante. Voici concrètement ce que vous pouvez en attendre.\u003c\/p\u003e\n    \u003cdiv class=\"soi-almi-benefits\"\u003e\n      \u003cdiv class=\"soi-almi-benefit\"\u003e\n        \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau douce et nourrie\u003c\/h3\u003e\n        \u003cp\u003eL'huile d'olive et le miel forment un duo hydratant puissant, idéal pour les peaux sèches ou tiraillées en hiver.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-benefit\"\u003e\n        \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n        \u003cp\u003eL'huile de baies de laurier et le miel soulagent les peaux sensibles, sujettes aux rougeurs ou aux légères irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-benefit\"\u003e\n        \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉlasticité cutanée préservée\u003c\/h3\u003e\n        \u003cp\u003eLe miel aide à conserver la souplesse de la peau en limitant la perte en eau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-benefit\"\u003e\n        \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMousse douce et enveloppante\u003c\/h3\u003e\n        \u003cp\u003eMême sur les peaux les plus fragiles, la mousse crémeuse ne décape pas la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003ch2\u003eSavon d'Alep visage, corps et cheveux : comment l'utiliser ?\u003c\/h2\u003e\n    \u003cp class=\"soi-almi-section-intro\"\u003eL'un des grands atouts du savon d'Alep authentique, c'est sa polyvalence totale. Vous pouvez l'utiliser de trois façons.\u003c\/p\u003e\n    \u003cdiv class=\"soi-almi-timeline\"\u003e\n      \u003cdiv class=\"soi-almi-step\"\u003e\n        \u003cdiv class=\"soi-almi-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-almi-step-content\"\u003e\n          \u003ch3\u003eSur le visage\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser entre vos mains, appliquez en douceur, puis rincez à l'eau tiède. La peau est nette, jamais desséchée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-step\"\u003e\n        \u003cdiv class=\"soi-almi-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-almi-step-content\"\u003e\n          \u003ch3\u003eSur le corps\u003c\/h3\u003e\n          \u003cp\u003eEn remplacement du gel douche, il convient à toute la famille, y compris aux bébés et aux enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-step\"\u003e\n        \u003cdiv class=\"soi-almi-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-almi-step-content\"\u003e\n          \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n          \u003cp\u003eUtilisé en shampoing solide, il nettoie sans agresser le cuir chevelu, notamment pour les personnes sensibles aux shampoings conventionnels.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-almi-tip\"\u003e\n      \u003cdiv class=\"soi-almi-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour prolonger sa durée de vie, pensez à laisser sécher votre savon entre deux utilisations sur un porte-savon bien drainé. Un pain de savon d'Alep dure généralement 6 à 8 semaines avec un usage quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cp\u003eNajel est l'une des marques de référence lorsqu'il s'agit de savon d'Alep authentique. Ses savons sont fabriqués selon les méthodes ancestrales des savonneries familiales syriennes, avec un contrôle rigoureux des ingrédients. La version au miel enrichit la formule classique d'un actif naturel particulièrement apprécié pour les peaux sensibles ou sèches. C'est un choix plébiscité par de nombreux dermatologues recommandant des soins doux et sans allergènes courants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003cdiv class=\"soi-almi-accordion\"\u003e\n      \u003cdetails class=\"soi-almi-accordion-item\"\u003e\n        \u003csummary class=\"soi-almi-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-almi-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-almi-cta-box\"\u003e\n      \u003cp class=\"soi-almi-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin ancestral, naturel et familial\u003c\/p\u003e\n      \u003cp class=\"soi-almi-cta-text\" style=\"color: white;\"\u003eDoux comme le miel, ancestral comme la ville d'Alep : offrez à votre peau un soin complet qui la respecte et la nourrit en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-almi-marine: #1A2D3D;\n  --soi-almi-marine-dark: #0F1E2B;\n  --soi-almi-marine-light: #2C4458;\n  --soi-almi-pomme: #A1C544;\n  --soi-almi-pomme-dark: #84A636;\n  --soi-almi-pomme-light: rgba(161,197,68,0.10);\n  --soi-almi-white: #FFFFFF;\n  --soi-almi-off-white: #F8FAF6;\n  --soi-almi-stone: #F1F3EE;\n  --soi-almi-line: #E5E8E0;\n  --soi-almi-primary: #D4A82A;\n  --soi-almi-primary-soft: #F5E6B8;\n  --soi-almi-accent: #B5944A;\n  --soi-almi-text: #1A2D3D;\n  --soi-almi-text-soft: #4A5B6B;\n  --soi-almi-text-muted: #7B8693;\n  --soi-almi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-almi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-almi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-almi-radius: 12px;\n  --soi-almi-radius-sm: 8px;\n  --soi-almi-radius-pill: 999px;\n}\n\n.soi-almi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-almi-fiche img { max-width: 100%; height: auto; }\n\n.soi-almi-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-almi-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-almi-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-almi-hero {\n  position: relative;\n  background: var(--soi-almi-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-almi-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-almi-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-almi-primary);\n}\n\n.soi-almi-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-almi-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-almi-primary);\n  border-radius: 50%;\n}\n\n.soi-almi-hero-title {\n  display: block;\n  color: var(--soi-almi-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-almi-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-almi-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-almi-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-almi-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-almi-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-almi-pomme);\n  border-radius: 2px;\n}\n\n.soi-almi-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-almi-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-almi-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-almi-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-almi-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-almi-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-almi-benefit {\n  background: var(--soi-almi-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-almi-radius);\n  border: 1px solid var(--soi-almi-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-almi-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-almi-shadow-md);\n}\n\n.soi-almi-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-almi-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-almi-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-almi-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-almi-benefit:hover .soi-almi-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-almi-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-almi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-almi-benefit p {\n  font-size: 13px;\n  color: var(--soi-almi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-almi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-almi-card {\n  background: var(--soi-almi-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-almi-radius);\n  border-left: 3px solid var(--soi-almi-primary);\n}\n\n.soi-almi-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-almi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-almi-card p {\n  font-size: 14px;\n  color: var(--soi-almi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-almi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-almi-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-almi-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-almi-radius);\n  border: 1px solid var(--soi-almi-line);\n  align-items: flex-start;\n}\n\n.soi-almi-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-almi-marine);\n  color: var(--soi-almi-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-almi-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-almi-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-almi-step-content p {\n  font-size: 14px;\n  color: var(--soi-almi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-almi-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-almi-pomme-light);\n  border-left: 4px solid var(--soi-almi-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-almi-radius) var(--soi-almi-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-almi-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-almi-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-almi-marine);\n  margin-bottom: 4px;\n}\n\n.soi-almi-tip p {\n  font-size: 14px;\n  color: var(--soi-almi-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-almi-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-almi-accordion-item {\n  background: var(--soi-almi-off-white);\n  border-radius: var(--soi-almi-radius-sm);\n  border: 1px solid var(--soi-almi-line);\n  overflow: hidden;\n}\n\n.soi-almi-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-almi-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-almi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-almi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-almi-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-almi-accordion-item[open] .soi-almi-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-almi-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-almi-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-almi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-almi-cta-box {\n  background: var(--soi-almi-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-almi-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-almi-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-almi-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-almi-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-almi-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-almi-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-almi-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-almi-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-almi-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-almi-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-almi-fiche {\n    --soi-almi-text-soft: #2C3E50;\n    --soi-almi-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635167562,"sku":"NJ0110","price":3.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-miel-najel-packshot_e32d4776-c5b0-4a95-8f44-a30fbfb79ac4.webp?v=1779976577"},{"product_id":"elixir-aux-trois-huiles-certifie-bio-najel","title":"Élixir aux trois huiles certifié bio – Najel","description":"\n\u003cdiv class=\"soi-elix-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-elix-hero\"\u003e\n    \u003cdiv class=\"soi-elix-hero-tag\"\u003e\n      \u003cspan class=\"soi-elix-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique bio · Najel Méditerranée\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-elix-hero-title\"\u003eÉlixir aux trois huiles certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-elix-hero-subtitle\"\u003eTrois huiles végétales précieuses réunies dans un seul flacon pour nourrir, apaiser et sublimer votre peau, votre corps et vos cheveux au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-elix-hero-labels\"\u003e\n      \u003cspan class=\"soi-elix-label soi-elix-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-elix-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-elix-label\"\u003e100% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-elix-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-elix-label\"\u003eNON COMÉDOGÈNE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003cp class=\"soi-elix-section-intro\"\u003eVous cherchez une huile bio pour le visage qui fait vraiment la différence, sans liste d'ingrédients interminable ni promesse creuse ? L'Élixir aux trois huiles certifié bio de Najel réunit trois huiles végétales précieuses, extraites par première pression à froid et issues de l'agriculture biologique, pour nourrir, apaiser et sublimer votre peau au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Trois huiles bio, une formule d'exception --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003ch2\u003eTrois huiles bio, une formule d'exception\u003c\/h2\u003e\n    \u003cp\u003eChaque huile est extraite par première pression à froid, issue de l'agriculture biologique et certifiée Cosmos Organic. Ensemble, elles forment une synergie rare :\u003c\/p\u003e\n    \u003cdiv class=\"soi-elix-grid\"\u003e\n      \u003cdiv class=\"soi-elix-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acide oléique, elle nourrit en profondeur, protège la barrière cutanée et aide à préserver l'élasticité de la peau dans le temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-card\"\u003e\n        \u003ch3\u003e🌿 Huile de nigelle bio\u003c\/h3\u003e\n        \u003cp\u003eVéritable concentré régénérateur, elle apaise les irritations, soutient la réparation cellulaire et redonne de l'éclat aux peaux fatiguées ou ternes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-card\"\u003e\n        \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n        \u003cp\u003eGorgée de vitamines A et E, d'oméga-6 et d'oméga-9, elle hydrate intensément les peaux sensibles et apporte souplesse et brillance aux cheveux secs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elix-tip\"\u003e\n      \u003cdiv class=\"soi-elix-tip-icon\"\u003e🌺\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe petit plus Soinat\u003c\/strong\u003e\n        \u003cp\u003eAucun parfum synthétique dans cette formule : la fragrance délicate provient uniquement de la fleur d'oranger, pour un moment sensoriel authentique à chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Un soin 3-en-1 pour simplifier votre routine beauté --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003ch2\u003eUn soin 3-en-1 pour simplifier votre routine beauté\u003c\/h2\u003e\n    \u003cp\u003eCe que vous apprécierez dans cet élixir, c'est sa capacité à remplacer plusieurs produits à la fois :\u003c\/p\u003e\n    \u003cdiv class=\"soi-elix-benefits\"\u003e\n      \u003cdiv class=\"soi-elix-benefit\"\u003e\n        \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVisage\u003c\/h3\u003e\n        \u003cp\u003eAppliquez quelques gouttes matin ou soir sur une peau propre. La texture sèche pénètre sans effet gras, sans occlusion des pores. Idéal comme huile visage bio en soin quotidien ou en booster sous votre crème habituelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-benefit\"\u003e\n        \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCorps\u003c\/h3\u003e\n        \u003cp\u003eMassez après la douche pour apaiser les tiraillements, nourrir les zones sèches (coudes, genoux, ventre) et prolonger le confort cutané même par temps froid.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-benefit\"\u003e\n        \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e💇\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux\u003c\/h3\u003e\n        \u003cp\u003eQuelques gouttes en masque avant-shampoing ou en sérum de finition sur les pointes pour discipliner, nourrir et redonner brillance aux longueurs abîmées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition complète de l'élixir Najel --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003ch2\u003eComposition complète de l'élixir Najel\u003c\/h2\u003e\n    \u003cdiv class=\"soi-elix-compo\"\u003e\n      \u003cdiv class=\"soi-elix-compo-row\"\u003e\n        \u003cspan class=\"soi-elix-compo-label\"\u003eINCI\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-compo-value\"\u003eOlea Europaea Fruit Oil*, Prunus Amygdalus Dulcis Oil*, Nigella Sativa Seed Oil*, Citrus Aurantium Amara Flower Oil*\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-compo-row\"\u003e\n        \u003cspan class=\"soi-elix-compo-label\"\u003eOrigine bio\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-compo-value\"\u003e96,3 % d'origine biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-compo-row\"\u003e\n        \u003cspan class=\"soi-elix-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-compo-row\"\u003e\n        \u003cspan class=\"soi-elix-compo-label\"\u003eExtraction\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-compo-row\"\u003e\n        \u003cspan class=\"soi-elix-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Aucun parfum de synthèse, aucun ingrédient superflu : seulement ce dont votre peau a besoin.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser l'élixir aux trois huiles Najel ? --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003ch2\u003eComment utiliser l'élixir aux trois huiles Najel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-elix-timeline\"\u003e\n      \u003cdiv class=\"soi-elix-step\"\u003e\n        \u003cdiv class=\"soi-elix-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-elix-step-content\"\u003e\n          \u003ch3\u003eVersage\u003c\/h3\u003e\n          \u003cp\u003eActionnez la pompe 2 à 3 fois dans le creux de votre main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-step\"\u003e\n        \u003cdiv class=\"soi-elix-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-elix-step-content\"\u003e\n          \u003ch3\u003eActivation\u003c\/h3\u003e\n          \u003cp\u003eFrottez vos paumes pour tiédir l'huile et libérer le parfum de fleur d'oranger.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-step\"\u003e\n        \u003cdiv class=\"soi-elix-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-elix-step-content\"\u003e\n          \u003ch3\u003eApplication\u003c\/h3\u003e\n          \u003cp\u003eMassez en mouvements circulaires sur le visage, le corps ou les cheveux selon votre besoin du moment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Ce que vous devez savoir avant d'acheter --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003ch2\u003eCe que vous devez savoir avant d'acheter\u003c\/h2\u003e\n    \u003cdiv class=\"soi-elix-grid-compact\"\u003e\n      \u003cdiv class=\"soi-elix-card-mini\"\u003e\n        \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-card-mini\"\u003e\n        \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-card-mini\"\u003e\n        \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-card-mini\"\u003e\n        \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🧬\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-label\"\u003eTexture\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-value\"\u003eSèche, non comédogène\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elix-accordion\"\u003e\n      \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n        \u003csummary class=\"soi-elix-accordion-header\"\u003e🧑 Pour quels types de peau ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n          \u003cp\u003eCet élixir convient aux peaux sensibles et aux peaux normales à sèches. Sa texture sèche non comédogène est adaptée à une utilisation sur le visage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n        \u003csummary class=\"soi-elix-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique et ne remplace pas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n        \u003csummary class=\"soi-elix-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n          \u003cp\u003eFlacon pompe ambré de 100 ml, pratique et hygiénique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-elix-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-elix-cta-box\"\u003e\n      \u003cp class=\"soi-elix-cta-tag\" style=\"color: white;\"\u003eVotre rituel beauté simplifié\u003c\/p\u003e\n      \u003cp class=\"soi-elix-cta-text\" style=\"color: white;\"\u003eTrois huiles bio emblématiques réunies dans un seul geste quotidien. De votre visage à vos pointes, nourrissez, réparez et embellissez avec la douceur naturelle de la fleur d'oranger.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-elix-marine: #1A2D3D;\n  --soi-elix-marine-dark: #0F1E2B;\n  --soi-elix-marine-light: #2C4458;\n  --soi-elix-pomme: #A1C544;\n  --soi-elix-pomme-dark: #84A636;\n  --soi-elix-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-elix-white: #FFFFFF;\n  --soi-elix-off-white: #F8FAF6;\n  --soi-elix-stone: #F1F3EE;\n  --soi-elix-line: #E5E8E0;\n\n  --soi-elix-primary: #D8924A;\n  --soi-elix-primary-soft: #F5E6D3;\n  --soi-elix-accent: #3A2518;\n\n  --soi-elix-text: #1A2D3D;\n  --soi-elix-text-soft: #4A5B6B;\n  --soi-elix-text-muted: #7B8693;\n\n  --soi-elix-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-elix-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-elix-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-elix-radius: 12px;\n  --soi-elix-radius-sm: 8px;\n  --soi-elix-radius-pill: 999px;\n}\n\n.soi-elix-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-elix-fiche img { max-width: 100%; height: auto; }\n\n.soi-elix-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-elix-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-elix-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-elix-hero {\n  position: relative;\n  background: var(--soi-elix-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-elix-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-elix-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-elix-primary);\n}\n\n.soi-elix-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-elix-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-elix-primary);\n  border-radius: 50%;\n}\n\n.soi-elix-hero-title {\n  display: block;\n  color: var(--soi-elix-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-elix-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-elix-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-elix-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-elix-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-elix-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-elix-label-accent {\n  background: var(--soi-elix-primary);\n  border-color: var(--soi-elix-primary);\n  color: var(--soi-elix-white);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-elix-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-elix-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-elix-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-elix-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-elix-primary);\n  border-radius: 2px;\n}\n\n.soi-elix-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-elix-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-elix-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-elix-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-elix-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-elix-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1rem;\n}\n\n.soi-elix-benefit {\n  background: var(--soi-elix-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-elix-radius);\n  border: 1px solid var(--soi-elix-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-elix-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-elix-shadow-md);\n}\n\n.soi-elix-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-elix-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-elix-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-elix-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-elix-benefit:hover .soi-elix-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-elix-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-elix-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-elix-benefit p {\n  font-size: 13px;\n  color: var(--soi-elix-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-elix-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-elix-card {\n  background: var(--soi-elix-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-elix-radius);\n  border-left: 3px solid var(--soi-elix-primary);\n}\n\n.soi-elix-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-elix-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-elix-card p {\n  font-size: 14px;\n  color: var(--soi-elix-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-elix-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-elix-card-mini {\n  background: var(--soi-elix-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-elix-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-elix-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-elix-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-elix-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-elix-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-elix-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-elix-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-elix-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-elix-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-elix-radius);\n  border: 1px solid var(--soi-elix-line);\n  align-items: flex-start;\n}\n\n.soi-elix-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-elix-marine);\n  color: var(--soi-elix-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-elix-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-elix-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-elix-step-content p {\n  font-size: 14px;\n  color: var(--soi-elix-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-elix-compo {\n  background: var(--soi-elix-off-white);\n  border-radius: var(--soi-elix-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-elix-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-elix-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-elix-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-elix-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-elix-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-elix-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-elix-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-elix-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-elix-primary-soft);\n  border-left: 4px solid var(--soi-elix-primary);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-elix-radius) var(--soi-elix-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-elix-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-elix-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-elix-marine);\n  margin-bottom: 4px;\n}\n\n.soi-elix-tip p {\n  font-size: 14px;\n  color: var(--soi-elix-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-elix-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-elix-accordion-item {\n  background: var(--soi-elix-off-white);\n  border-radius: var(--soi-elix-radius-sm);\n  border: 1px solid var(--soi-elix-line);\n  overflow: hidden;\n}\n\n.soi-elix-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-elix-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-elix-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-elix-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-elix-primary);\n  transition: transform 0.2s ease;\n}\n\n.soi-elix-accordion-item[open] .soi-elix-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-elix-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-elix-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-elix-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-elix-cta-box {\n  background: var(--soi-elix-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-elix-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-elix-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-elix-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-elix-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-elix-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-elix-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-elix-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-elix-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-elix-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-elix-compo-value {\n    text-align: left;\n  }\n\n  .soi-elix-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-elix-tip {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-elix-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-elix-fiche {\n    --soi-elix-text-soft: #2C3E50;\n    --soi-elix-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603637526858,"sku":"NJ0190","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/elixir-aux-trois-huiles-certifie-bio-najel-packshot_11zon.webp?v=1780299063"},{"product_id":"huile-de-coco-certifiee-bio-najel","title":"Huile de coco certifiée bio – Najel","description":"\u003cdiv class=\"soi-coco-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-coco-hero\"\u003e\n    \u003cdiv class=\"soi-coco-hero-tag\"\u003e\n      \u003cspan class=\"soi-coco-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins beauté · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-coco-hero-title\"\u003eHuile de coco certifiée bio\u003c\/span\u003e\n    \u003cp class=\"soi-coco-hero-subtitle\"\u003eUne huile végétale vierge, extraite par première pression à froid, pour nourrir et protéger votre peau, vos cheveux et votre visage au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-coco-hero-labels\"\u003e\n      \u003cspan class=\"soi-coco-label soi-coco-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-coco-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-coco-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-coco-label\"\u003eHUILE VIERGE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Huile vierge de coco bio --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eUne huile vierge de coco bio : ce que ça change vraiment\u003c\/h2\u003e\n    \u003cp\u003eToutes les huiles de coco ne se valent pas. La version vierge et bio de Najel est obtenue sans solvant, sans raffinage et sans déodorisation. Résultat : ses acides gras naturels, notamment l'acide laurique (environ 50 %), sont pleinement conservés. C'est précisément cet acide gras qui lui confère ses propriétés nourrissantes, apaisantes et protectrices si appréciées.\u003c\/p\u003e\n    \u003cp\u003eSon léger parfum gourmand de coco est tout simplement celui de l'huile brute, naturelle et vivante.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Bienfaits --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eBienfaits de l'huile de coco bio : peau, cheveux et visage\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coco-benefits\"\u003e\n      \u003cdiv class=\"soi-coco-benefit\"\u003e\n        \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau du corps\u003c\/h3\u003e\n        \u003cp\u003eAppliquée après la douche, elle nourrit en profondeur les peaux sèches, rugueuses ou sensibles. Elle forme une barrière protectrice contre les agressions extérieures tout en laissant la peau douce et confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-benefit\"\u003e\n        \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux et pointes\u003c\/h3\u003e\n        \u003cp\u003eEn masque avant shampooing ou en soin des pointes, l'huile de coco bio vierge lisse la fibre capillaire, réduit les frisottis et apporte brillance et souplesse. Idéale aussi pour les cheveux secs ou abîmés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-benefit\"\u003e\n        \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVisage et contour des yeux\u003c\/h3\u003e\n        \u003cp\u003eEn démaquillant doux ou en soin du contour des yeux, elle hydrate la peau délicate sans agresser. Elle contribue à atténuer l'apparence des rides de déshydratation et apaise les rougeurs et irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Comment utiliser --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile de coco bio pour le corps et les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-coco-section-intro\"\u003eQuelques conseils pratiques pour en tirer le meilleur :\u003c\/p\u003e\n    \u003cdiv class=\"soi-coco-timeline\"\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eCorps\u003c\/h3\u003e\n          \u003cp\u003eFaites fondre une noisette entre vos paumes (elle se liquéfie dès 25 °C) et massez sur la peau propre et légèrement humide pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eCheveux\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur les longueurs et pointes 30 minutes avant le shampooing, ou une petite touche sur pointes sèches après coiffage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eVisage\u003c\/h3\u003e\n          \u003cp\u003eLe soir, une micro-dose suffit pour démaquiller ou nourrir le contour des yeux. Évitez en journée si votre peau est mixte à grasse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eRasage\u003c\/h3\u003e\n          \u003cp\u003eQuelques gouttes sur la zone à raser réduisent les tiraillements et laissent la peau lisse après le passage du rasoir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Composition --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eComposition de l'huile de coco vierge bio Najel\u003c\/h2\u003e\n    \u003cp class=\"soi-coco-section-intro\"\u003eIngrédient unique : \u003cem\u003eCocos Nucifera (Coconut) Oil\u003c\/em\u003e. C'est tout. Aucun additif, aucun conservateur, aucun parfum ajouté. La certification Cosmos Organic Ecocert garantit une agriculture biologique contrôlée et une transformation respectueuse des matières premières.\u003c\/p\u003e\n    \u003cdiv class=\"soi-coco-compo\"\u003e\n      \u003cdiv class=\"soi-coco-compo-row\"\u003e\n        \u003cspan class=\"soi-coco-compo-label\"\u003eAcide laurique\u003c\/span\u003e\n        \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 48 à 52 % — actif principal aux propriétés nourrissantes et protectrices\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-compo-row\"\u003e\n        \u003cspan class=\"soi-coco-compo-label\"\u003eAcide myristique\u003c\/span\u003e\n        \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 18 % — contribue à la texture fondante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-compo-row\"\u003e\n        \u003cspan class=\"soi-coco-compo-label\"\u003eAcide palmitique\u003c\/span\u003e\n        \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 9 % — soutient l'effet barrière cutané\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Pour qui --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003ePour qui est faite cette huile de coco bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coco-grid\"\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eElle convient aux peaux sensibles, aux enfants (hors nourrissons sans avis médical) et aux femmes enceintes pour prévenir l'apparence des vergetures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e⚠️ Peaux acnéiques\u003c\/h3\u003e\n        \u003cp\u003eSi vous avez une peau acnéique, réservez-la plutôt au corps et aux cheveux, car l'huile de coco est comédogène pour certains types de peaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Pourquoi choisir Najel --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de coco bio Najel plutôt qu'une autre ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coco-grid\"\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e🏅 Cosmos Organic Ecocert\u003c\/h3\u003e\n        \u003cp\u003eGage de traçabilité et de qualité indépendante pour une huile végétale bio contrôlée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n        \u003cp\u003eAucune chaleur excessive, tous les actifs préservés pour une huile vivante et riche en nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e🥥 Texture naturelle\u003c\/h3\u003e\n        \u003cp\u003eSolide naturellement sous 25 °C, sans aucun additif stabilisateur. Juste de l'huile de coco, pure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e🌿 Marque Najel\u003c\/h3\u003e\n        \u003cp\u003eRéférence reconnue dans les soins naturels et bio depuis des décennies.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-coco-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-coco-cta-box\"\u003e\n      \u003cp class=\"soi-coco-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-coco-cta-text\" style=\"color: white;\"\u003eDouce, pure et polyvalente, l'huile de coco bio vierge Najel s'invite dans toute votre routine beauté. Pour une peau nourrie, des cheveux soyeux et un soin du visage naturel, sans compromis sur la qualité ni sur l'authenticité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-coco-marine: #1A2D3D;\n  --soi-coco-marine-dark: #0F1E2B;\n  --soi-coco-marine-light: #2C4458;\n  --soi-coco-pomme: #A1C544;\n  --soi-coco-pomme-dark: #84A636;\n  --soi-coco-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-coco-white: #FFFFFF;\n  --soi-coco-off-white: #F8FAF6;\n  --soi-coco-stone: #F1F3EE;\n  --soi-coco-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging : or\/sable, brun chocolat, crème) === *\/\n  --soi-coco-primary: #C4A265;\n  --soi-coco-primary-soft: #E8D5B0;\n  --soi-coco-accent: #5C3D2E;\n\n  \/* === Textes === *\/\n  --soi-coco-text: #1A2D3D;\n  --soi-coco-text-soft: #4A5B6B;\n  --soi-coco-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-coco-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-coco-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-coco-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-coco-radius: 12px;\n  --soi-coco-radius-sm: 8px;\n  --soi-coco-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-coco-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-coco-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-coco-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-coco-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-coco-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-coco-hero {\n  position: relative;\n  background: var(--soi-coco-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-coco-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-coco-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-coco-pomme);\n}\n\n.soi-coco-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-coco-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-coco-pomme);\n  border-radius: 50%;\n}\n\n.soi-coco-hero-title {\n  display: block;\n  color: var(--soi-coco-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-coco-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-coco-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-coco-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-coco-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-coco-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-coco-label-accent {\n  background: var(--soi-coco-pomme);\n  border-color: var(--soi-coco-pomme);\n  color: var(--soi-coco-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-coco-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-coco-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-coco-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-coco-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-coco-pomme);\n  border-radius: 2px;\n}\n\n.soi-coco-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-coco-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-coco-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-coco-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-coco-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-coco-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-coco-benefit {\n  background: var(--soi-coco-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-coco-radius);\n  border: 1px solid var(--soi-coco-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-coco-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-coco-shadow-md);\n}\n\n.soi-coco-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-coco-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-coco-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-coco-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-coco-benefit:hover .soi-coco-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-coco-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-coco-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-coco-benefit p {\n  font-size: 13px;\n  color: var(--soi-coco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-coco-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-coco-card {\n  background: var(--soi-coco-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-coco-radius);\n  border-left: 3px solid var(--soi-coco-pomme);\n}\n\n.soi-coco-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-coco-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-coco-card p {\n  font-size: 14px;\n  color: var(--soi-coco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-coco-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-coco-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-coco-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-coco-radius);\n  border: 1px solid var(--soi-coco-line);\n  align-items: flex-start;\n}\n\n.soi-coco-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-coco-marine);\n  color: var(--soi-coco-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-coco-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-coco-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-coco-step-content p {\n  font-size: 14px;\n  color: var(--soi-coco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-coco-compo {\n  background: var(--soi-coco-off-white);\n  border-radius: var(--soi-coco-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-coco-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-coco-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-coco-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-coco-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-coco-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-coco-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-coco-marine);\n  text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-coco-cta-box {\n  background: var(--soi-coco-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-coco-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-coco-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-coco-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-coco-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-coco-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-coco-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-coco-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 620px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-coco-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-coco-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-coco-compo-value {\n    text-align: left;\n  }\n\n  .soi-coco-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-coco-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-coco-fiche {\n    --soi-coco-text-soft: #2C3E50;\n    --soi-coco-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603638608202,"sku":"NJ0210","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0210_huile_coco_349785ab-7b9d-4daa-b062-80d976b703e5.jpg?v=1778843259"},{"product_id":"huile-de-dattier-du-desert-certifiee-bio-najel","title":"Huile de Dattier du Désert certifiée bio – Najel","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003el'Huile de Dattier du Désert\u003c\/strong\u003e certifiée bio de Najel, un soin naturel d'exception \u003cstrong\u003epour le visage, le corps et les cheveux\u003c\/strong\u003e. Extraite par une pression à froid unique des graines du dattier, cette huile précieuse est votre alliée \u003cstrong\u003epour une peau nourrie et des cheveux revitalisés.\u003c\/strong\u003e Offrez à votre routine beauté un véritable trésor venu du cœur de l'Afrique tropicale.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_NJ0220_fd2586c9-bb7a-4ba3-b5fb-0e96df3b8f58.jpg?v=1776181142\" alt=\"Dattier du Désert et son huile\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits de l'Huile de Dattier du Désert certifiée bio de Najel\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eL'Huile de Dattier du Désert de Najel est \u003cstrong\u003eune huile végétale pure\u003c\/strong\u003e, reconnue pour ses multiples bienfaits. \u003cstrong\u003eSa texture au toucher sec \u003c\/strong\u003een fait un \u003cstrong\u003esoin polyvalent\u003c\/strong\u003e et idéal pour différents types de peau et de cheveux.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRépare et protège les peaux sèches\u003c\/strong\u003e\u003cbr\u003eGrâce à ses propriétés émollientes, cette huile nourrit et répare les peaux sèches et abîmées. Elle offre un confort immédiat en adoucissant la peau tout en créant une barrière protectrice contre les agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIdéale pour les peaux mixtes\u003c\/strong\u003e\u003cbr\u003eL'Huile de Dattier du Désert est parfaite pour les peaux mixtes. Sa texture légère hydrate sans surgraisser, laissant la peau douce et équilibrée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin nourrissant pour les cheveux\u003c\/strong\u003e\u003cbr\u003eAppliquée sur les cheveux, elle redonne souplesse et vitalité aux cheveux secs et abîmés. Utilisez-la en masque avant shampoing pour nourrir en profondeur, ou en soin des pointes pour prévenir la casse et les fourches.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifiée Cosmos Organic par Ecocert\u003c\/strong\u003e\u003cbr\u003eConditionnée dans un flacon ambré de 80 ml avec une pompe goutte à goutte, cette huile est un produit 100 % naturel et certifié bio, garantissant une utilisation respectueuse de votre peau et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrigine et culture\u003c\/strong\u003e\u003cbr\u003eLe dattier du désert, originaire du Sahel, est un arbre robuste qui joue un rôle clé dans la lutte contre la désertification. Ses fruits et ses feuilles sont consommés par les populations locales, et il est également reconnu pour ses propriétés anti-inflammatoires en médecine traditionnelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eL'Huile de Dattier du Désert certifiée bio de Najel\u003c\/strong\u003e est ainsi véritable élixir de beauté venu du désert, adapté à toutes vos envies : hydratation, réparation, protection. Intégrez-la à votre routine quotidienne \u003cstrong\u003epour une peau et des cheveux éclatants de santé\u003c\/strong\u003e. Offrez-vous un voyage sensoriel au cœur de l'Afrique avec ce \u003cstrong\u003esoin naturel et bio\u003c\/strong\u003e qui sublime votre beauté jour après jour.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603639755082,"sku":"NJ0220","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0220_huile_dattier_081dff72-0cc4-43af-b758-b11f6d7e7668.jpg?v=1778843258"},{"product_id":"beurre-de-karite-parfum-cacao-certifie-bio-najel","title":"Beurre de karité parfum cacao certifié bio – Najel","description":"\n\u003cdiv class=\"soi-kari-fiche\"\u003e\n\n  \u003csection class=\"soi-kari-hero\"\u003e\n    \u003cdiv class=\"soi-kari-hero-tag\"\u003e\n      \u003cspan class=\"soi-kari-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-kari-hero-title\"\u003eUn seul pot, mille bienfaits\u003c\/span\u003e\n    \u003cp class=\"soi-kari-hero-subtitle\"\u003eUn soin universel, nourrissant et protecteur pour le visage, le corps et les cheveux, aux notes gourmandes de cacao.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-hero-labels\"\u003e\n      \u003cspan class=\"soi-kari-label soi-kari-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-kari-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-kari-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n      \u003cspan class=\"soi-kari-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eUn beurre de karité bio parfum cacao conçu pour nourrir, protéger \u0026amp; se faire plaisir\u003c\/h2\u003e\n    \u003cp\u003eSi vous cherchez un soin universel, naturel et vraiment efficace, le \u003cstrong\u003ebeurre de karité parfum cacao Najel\u003c\/strong\u003e est fait pour vous. Certifié \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, fabriqué artisanalement par une coopérative de femmes ghanéennes dans le respect du commerce équitable, ce beurre allie la puissance nutritive du karité aux notes gourmandes du cacao. Visage, corps, cheveux : il s'adapte à tous vos besoins, en toutes saisons.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-grid-compact\"\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003ePot de 100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003eGhana\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eQualité\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003e100 % brut, non raffiné\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🤎\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003eCacao naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003ePourquoi le beurre de karité est-il si précieux pour la peau et les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-kari-section-intro\"\u003eLe \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e est extrait des noix de l'arbre \u003cem\u003eVitellaria paradoxa\u003c\/em\u003e, poussant dans les savanes d'Afrique de l'Ouest. Sa richesse exceptionnelle en \u003cstrong\u003eacides gras\u003c\/strong\u003e (oléique, stéarique, linoléique) et en \u003cstrong\u003evitamines A, D, E et F\u003c\/strong\u003e en fait un ingrédient de référence en cosmétique naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-benefits\"\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFilm protecteur\u003c\/h3\u003e\n        \u003cp\u003eRestaure le film hydrolipidique de la peau et des cheveux pour une protection durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRégénération cellulaire\u003c\/h3\u003e\n        \u003cp\u003eFavorise le renouvellement cellulaire grâce à sa teneur en vitamine A.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n        \u003cp\u003eProtège contre le stress oxydatif grâce à la vitamine E naturellement présente.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉlasticité renforcée\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'élasticité cutanée et réduit l'aspect des peaux très sèches.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-kari-tip\"\u003e\n      \u003cdiv class=\"soi-kari-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n        \u003cp\u003eContrairement à de nombreux produits du marché, ce beurre est \u003cstrong\u003e100 % brut et non raffiné\u003c\/strong\u003e : toutes ses propriétés actives sont intégralement préservées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eLe beurre de karité dans les cheveux : un soin réparateur complet\u003c\/h2\u003e\n    \u003cp class=\"soi-kari-section-intro\"\u003eVous vous demandez comment utiliser le \u003cstrong\u003ebeurre de karité sur vos cheveux\u003c\/strong\u003e ? C'est l'un des soins capillaires les plus polyvalents qui existent. Voici comment en tirer le meilleur parti.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-grid\"\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🧖 Masque nourrissant\u003c\/h3\u003e\n        \u003cp\u003eAppliquez une noisette de beurre fondu entre vos paumes sur les longueurs et pointes, laissez poser 20 à 30 minutes sous une serviette chaude, puis rincez.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e💎 Soin sans rinçage\u003c\/h3\u003e\n        \u003cp\u003eUne infime quantité sur les pointes sèches suffit à dompter les frisottis et apporter de la brillance au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🌡️ Bouclier thermique naturel\u003c\/h3\u003e\n        \u003cp\u003eAppliqué avant le brushing, il protège la fibre capillaire de la chaleur et limite les dommages liés au coiffage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eLes \u003cstrong\u003echeveux secs, abîmés ou crépus\u003c\/strong\u003e répondent particulièrement bien au beurre de karité : ils retrouvent souplesse, brillance et densité visuelle dès les premières applications.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eUn soin complet pour le visage et le corps\u003c\/h2\u003e\n    \u003cp class=\"soi-kari-section-intro\"\u003eAu-delà des cheveux, ce \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e s'utilise partout. Sa texture solide fond instantanément au contact de la chaleur des mains, pour une application fluide et agréable. Le \u003cstrong\u003eparfum naturel de cacao\u003c\/strong\u003e transforme chaque geste en une pause sensorielle vraiment plaisante.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-grid\"\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n        \u003cp\u003eCrème de nuit naturelle sur peaux sèches ou sensibles, soin des lèvres gercées. Une protection douce et enveloppante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n        \u003cp\u003eProtection contre le froid et le vent, soin après-soleil apaisant, baume pour les talons abîmés. Votre allié en toutes saisons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🤲 Mains\u003c\/h3\u003e\n        \u003cp\u003eRestaure les mains desséchées après de fréquents lavages. Quelques secondes suffisent pour retrouver confort et douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kari-compo\"\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eIngrédients INCI\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eButyrospermum Parkii (Shea) Butter*, Parfum (Fragrance)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003e* Origine\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eIngrédient issu de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eProvenance\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eGhana, commerce équitable\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003ePot de 100 g, texture solide fondant à la chaleur des mains\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eComment utiliser le beurre de karité Najel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kari-timeline\"\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003ePrélevez\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une petite quantité de beurre avec les doigts propres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003eFaites fondre\u003c\/h3\u003e\n          \u003cp\u003eFaites fondre le beurre entre vos paumes pendant quelques secondes jusqu'à obtenir une texture fluide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eAppliquez en massant doucement sur la zone souhaitée : peau, cheveux, mains ou pieds.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003eDosez progressivement\u003c\/h3\u003e\n          \u003cp\u003eCommencez par de petites quantités, surtout sur le visage, pour habituer votre peau au soin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003cdiv class=\"soi-kari-accordion\"\u003e\n      \u003cdetails class=\"soi-kari-accordion-item\"\u003e\n        \u003csummary class=\"soi-kari-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-kari-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un traitement médical. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-kari-cta-box\"\u003e\n      \u003cp class=\"soi-kari-cta-tag\" style=\"color: white;\"\u003eUn seul pot, mille bienfaits\u003c\/p\u003e\n      \u003cp class=\"soi-kari-cta-text\" style=\"color: white;\"\u003eHydrater, protéger, réparer et se faire du bien : le beurre de karité cacao Najel vous accompagne au quotidien, avec toute la générosité de la nature et le savoir-faire artisanal des femmes du Ghana.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-kari-marine: #1A2D3D;\n  --soi-kari-marine-dark: #0F1E2B;\n  --soi-kari-marine-light: #2C4458;\n  --soi-kari-pomme: #A1C544;\n  --soi-kari-pomme-dark: #84A636;\n  --soi-kari-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-kari-white: #FFFFFF;\n  --soi-kari-off-white: #F8FAF6;\n  --soi-kari-stone: #F1F3EE;\n  --soi-kari-line: #E5E8E0;\n\n  --soi-kari-primary: #D4A460;\n  --soi-kari-primary-soft: #E8C88A;\n  --soi-kari-accent: #4A2F24;\n\n  --soi-kari-text: #1A2D3D;\n  --soi-kari-text-soft: #4A5B6B;\n  --soi-kari-text-muted: #7B8693;\n\n  --soi-kari-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-kari-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-kari-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-kari-radius: 12px;\n  --soi-kari-radius-sm: 8px;\n  --soi-kari-radius-pill: 999px;\n}\n\n.soi-kari-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kari-fiche img { max-width: 100%; height: auto; }\n\n.soi-kari-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-kari-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-kari-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-kari-hero {\n  position: relative;\n  background: var(--soi-kari-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-kari-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-kari-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-kari-pomme);\n}\n\n.soi-kari-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-kari-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-kari-pomme);\n  border-radius: 50%;\n}\n\n.soi-kari-hero-title {\n  display: block;\n  color: var(--soi-kari-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-kari-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-kari-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-kari-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-kari-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-kari-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-kari-label-accent {\n  background: var(--soi-kari-pomme);\n  border-color: var(--soi-kari-pomme);\n  color: var(--soi-kari-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-kari-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kari-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-kari-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-kari-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-kari-pomme);\n  border-radius: 2px;\n}\n\n.soi-kari-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-kari-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-kari-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-kari-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-kari-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-kari-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-kari-benefit {\n  background: var(--soi-kari-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-kari-radius);\n  border: 1px solid var(--soi-kari-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kari-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-kari-shadow-md);\n}\n\n.soi-kari-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-kari-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-kari-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-kari-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-kari-benefit:hover .soi-kari-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-kari-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kari-benefit p {\n  font-size: 13px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-kari-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-kari-card {\n  background: var(--soi-kari-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kari-radius);\n  border-left: 3px solid var(--soi-kari-pomme);\n}\n\n.soi-kari-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kari-card p {\n  font-size: 14px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-kari-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-kari-card-mini {\n  background: var(--soi-kari-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-kari-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-kari-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-kari-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-kari-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-kari-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-kari-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-kari-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-kari-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kari-radius);\n  border: 1px solid var(--soi-kari-line);\n  align-items: flex-start;\n}\n\n.soi-kari-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-kari-marine);\n  color: var(--soi-kari-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-kari-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-kari-step-content p {\n  font-size: 14px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-kari-compo {\n  background: var(--soi-kari-off-white);\n  border-radius: var(--soi-kari-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-kari-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-kari-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-kari-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-kari-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-kari-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-kari-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-kari-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-kari-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-kari-pomme-light);\n  border-left: 4px solid var(--soi-kari-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-kari-radius) var(--soi-kari-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-kari-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-kari-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-kari-marine);\n  margin-bottom: 4px;\n}\n\n.soi-kari-tip p {\n  font-size: 14px;\n  color: var(--soi-kari-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-kari-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-kari-accordion-item {\n  background: var(--soi-kari-off-white);\n  border-radius: var(--soi-kari-radius-sm);\n  border: 1px solid var(--soi-kari-line);\n  overflow: hidden;\n}\n\n.soi-kari-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-kari-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-kari-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-kari-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-kari-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-kari-accordion-item[open] .soi-kari-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-kari-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-kari-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-kari-cta-box {\n  background: var(--soi-kari-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-kari-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-kari-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-kari-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-kari-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-kari-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-kari-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-kari-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-kari-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-kari-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-kari-compo-value {\n    text-align: left;\n  }\n\n  .soi-kari-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-kari-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-kari-fiche {\n    --soi-kari-text-soft: #2C3E50;\n    --soi-kari-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603639853386,"sku":"NJ0230","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/beurre-de-karite-parfum-cacao-certifie-bio-najel-packshot.webp?v=1779807920"},{"product_id":"hydrolat-de-rose-de-damas-certifie-bio-najel","title":"Hydrolat de rose de Damas certifié bio –  Najel","description":"\u003cdiv class=\"soi-rose-fiche\"\u003e\n\n  \u003csection class=\"soi-rose-hero\"\u003e\n    \u003cdiv class=\"soi-rose-hero-tag\"\u003e\n      \u003cspan class=\"soi-rose-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique visage · Najel Méditerranée\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-rose-hero-title\"\u003eHydrolat de Rose de Damas certifié Bio\u003c\/span\u003e\n    \u003cp class=\"soi-rose-hero-subtitle\"\u003eUn rituel de soin ancestral distillé en France : fraîcheur, éclat et douceur pour votre peau, chaque jour.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rose-hero-labels\"\u003e\n      \u003cspan class=\"soi-rose-label soi-rose-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003e+99 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eQu'est-ce qu'un hydrolat de rose de Damas, exactement ?\u003c\/h2\u003e\n    \u003cp\u003eL'hydrolat de rose est le produit aqueux obtenu lors de la distillation à la vapeur d'eau des pétales de \u003cem\u003eRosa damascena\u003c\/em\u003e. Contrairement à l'huile essentielle, il est doux, non concentré, et s'utilise directement sur la peau sans dilution.\u003c\/p\u003e\n    \u003cp\u003eCelui de Najel est fabriqué en France, à partir de matières premières d'origine naturelle à plus de 99 %, et répond aux exigences strictes du label biologique européen.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'eau de rose sur le visage\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-benefits\"\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTonique et astringent\u003c\/h3\u003e\n        \u003cp\u003eResserre les pores, unifie le teint et prépare votre peau à mieux absorber les soins suivants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisant et anti-rougeurs\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés anti-inflammatoires naturelles soulagent les peaux réactives, les irritations et les tiraillements.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAnti-âge et régénérant\u003c\/h3\u003e\n        \u003cp\u003eRiche en principes actifs floraux, il soutient la régénération cellulaire et atténue les signes du vieillissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRééquilibrant émotionnel\u003c\/h3\u003e\n        \u003cp\u003eLe parfum subtil et enveloppant de la rose de Damas agit sur la sphère émotionnelle pour un instant de sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-tip\"\u003e\n      \u003cdiv class=\"soi-rose-tip-icon\"\u003e🌹\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eUniversel\u003c\/strong\u003e\n        \u003cp\u003eConvient à tous les types de peau : peaux sensibles, mixtes, grasses ou matures. Aucune contre-indication connue pour un usage externe.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eComment utiliser l'eau de rose pour le visage ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-timeline\"\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eAprès le nettoyage\u003c\/h3\u003e\n          \u003cp\u003eAppliquez l'hydrolat sur un coton ou vaporisez directement sur le visage après votre démaquillage. Il remplace avantageusement votre lotion tonique habituelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eEn brume fraîcheur\u003c\/h3\u003e\n          \u003cp\u003eVaporisez l'eau de rose au fil de la journée pour hydrater, fixer le maquillage ou simplement vous rafraîchir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eEn soin complémentaire\u003c\/h3\u003e\n          \u003cp\u003eImbibez deux disques de coton et posez-les en compresse sur les yeux fatigués. Cinq minutes suffisent pour dégonfler et apaiser le regard.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eComposition de l'hydrolat de rose de Damas Najel\u003c\/h2\u003e\n    \u003cp class=\"soi-rose-section-intro\"\u003eLa formule est volontairement minimaliste, pour préserver toute la pureté de l'ingrédient actif.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rose-compo\"\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eINCI\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eRosa Damascena Flower Water\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eHydrodistillation de pétales de rose de Damas, 100 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eCosmos Organic (BIO), fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eSans alcool, sans conservateur synthétique, sans parfum artificiel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003ePour qui est fait cet hydrolat de rose ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-grid\"\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e🌷 Peaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003eUn soin apaisant sans risque d'irritation, idéal pour les peaux les plus délicates.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e💧 Peaux grasses ou à imperfections\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés astringentes aident à resserrer les pores et à rééquilibrer la production de sébum.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e🌺 Peaux matures\u003c\/h3\u003e\n        \u003cp\u003eSon action régénérante et tonifiante redonne éclat et élasticité à la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-tip\"\u003e\n      \u003cdiv class=\"soi-rose-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCet hydrolat peut également s'utiliser en cas de coup de soleil, de piqûre ou de légère irritation cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-accordion\"\u003e\n      \u003cdetails class=\"soi-rose-accordion-item\"\u003e\n        \u003csummary class=\"soi-rose-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-rose-accordion-content\"\u003e\n          \u003cp\u003eConservez votre hydrolat de rose de Damas à l'abri de la chaleur et de la lumière directe. Une fois ouvert, il est conseillé de l'utiliser dans les 6 à 8 semaines et de le conserver au réfrigérateur pour prolonger sa fraîcheur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-rose-accordion-item\"\u003e\n        \u003csummary class=\"soi-rose-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-rose-accordion-content\"\u003e\n          \u003cp\u003eCe produit est destiné à un usage externe uniquement et ne se substitue à aucun traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-rose-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-rose-cta-box\"\u003e\n      \u003cp class=\"soi-rose-cta-tag\" style=\"color: white;\"\u003eUn flacon, mille usages\u003c\/p\u003e\n      \u003cp class=\"soi-rose-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un soin d'une pureté rare, hérité d'un savoir-faire ancestral. Chaque vaporisation, c'est un souffle de nature sur votre visage : fraîcheur, douceur, éclat.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-rose-marine: #1A2D3D;\n  --soi-rose-marine-dark: #0F1E2B;\n  --soi-rose-marine-light: #2C4458;\n  --soi-rose-pomme: #A1C544;\n  --soi-rose-pomme-dark: #84A636;\n  --soi-rose-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-rose-white: #FFFFFF;\n  --soi-rose-off-white: #F8FAF6;\n  --soi-rose-stone: #F1F3EE;\n  --soi-rose-line: #E5E8E0;\n\n  --soi-rose-primary: #C0627A;\n  --soi-rose-primary-soft: #F5E0E5;\n  --soi-rose-accent: #D4A8A4;\n\n  --soi-rose-text: #1A2D3D;\n  --soi-rose-text-soft: #4A5B6B;\n  --soi-rose-text-muted: #7B8693;\n\n  --soi-rose-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-rose-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-rose-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-rose-radius: 12px;\n  --soi-rose-radius-sm: 8px;\n  --soi-rose-radius-pill: 999px;\n}\n\n.soi-rose-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rose-fiche img { max-width: 100%; height: auto; }\n\n.soi-rose-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-rose-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-rose-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-rose-hero {\n  position: relative;\n  background: var(--soi-rose-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-rose-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-rose-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-rose-primary);\n}\n\n.soi-rose-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-rose-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-rose-primary);\n  border-radius: 50%;\n}\n\n.soi-rose-hero-title {\n  display: block;\n  color: var(--soi-rose-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-rose-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-rose-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-rose-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-rose-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-rose-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-rose-label-accent {\n  background: var(--soi-rose-primary);\n  border-color: var(--soi-rose-primary);\n  color: var(--soi-rose-white);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-rose-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rose-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-rose-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-rose-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-rose-primary);\n  border-radius: 2px;\n}\n\n.soi-rose-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-rose-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-rose-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-rose-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-rose-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-rose-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-rose-benefit {\n  background: var(--soi-rose-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-rose-radius);\n  border: 1px solid var(--soi-rose-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rose-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-rose-shadow-md);\n}\n\n.soi-rose-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-rose-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-rose-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-rose-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-rose-benefit:hover .soi-rose-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-rose-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rose-benefit p {\n  font-size: 13px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-rose-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-rose-card {\n  background: var(--soi-rose-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rose-radius);\n  border-left: 3px solid var(--soi-rose-primary);\n}\n\n.soi-rose-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rose-card p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-rose-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-rose-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-rose-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rose-radius);\n  border: 1px solid var(--soi-rose-line);\n  align-items: flex-start;\n}\n\n.soi-rose-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-rose-marine);\n  color: var(--soi-rose-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-rose-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-rose-step-content p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-rose-compo {\n  background: var(--soi-rose-off-white);\n  border-radius: var(--soi-rose-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-rose-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-rose-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-rose-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-rose-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-rose-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-rose-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-rose-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-rose-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-rose-primary-soft);\n  border-left: 4px solid var(--soi-rose-primary);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-rose-radius) var(--soi-rose-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-rose-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-rose-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-rose-marine);\n  margin-bottom: 4px;\n}\n\n.soi-rose-tip p {\n  font-size: 14px;\n  color: var(--soi-rose-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-rose-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-rose-accordion-item {\n  background: var(--soi-rose-off-white);\n  border-radius: var(--soi-rose-radius-sm);\n  border: 1px solid var(--soi-rose-line);\n  overflow: hidden;\n}\n\n.soi-rose-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-rose-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-rose-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-rose-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-rose-primary);\n  transition: transform 0.2s ease;\n}\n\n.soi-rose-accordion-item[open] .soi-rose-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-rose-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-rose-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-rose-cta-box {\n  background: var(--soi-rose-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-rose-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-rose-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-rose-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-rose-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-rose-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-rose-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-rose-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-rose-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-rose-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-rose-compo-value {\n    text-align: left;\n  }\n\n  .soi-rose-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-rose-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-rose-fiche {\n    --soi-rose-text-soft: #2C3E50;\n    --soi-rose-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603640770890,"sku":"NJ0265","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0265_hydrolat_rose_ebc788de-9518-4616-9392-a0caf5872869.jpg?v=1778843258"},{"product_id":"argile-rouge-en-pot-najel","title":"Argile rouge en pot – Najel","description":"\u003cdiv class=\"soi-argr-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-argr-hero\"\u003e\n    \u003cdiv class=\"soi-argr-hero-tag\"\u003e\n      \u003cspan class=\"soi-argr-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins beauté · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-argr-hero-title\"\u003eUn geste nature hérité de siècles de sagesse\n\n\u003c\/span\u003e\n    \u003cp class=\"soi-argr-hero-subtitle\"\u003eLe soin « bonne mine » par excellence : purifiez, reminéralisez et réveillez l'éclat de votre peau grâce à une argile pure extraite des carrières d'Auvergne.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-hero-labels\"\u003e\n      \u003cspan class=\"soi-argr-label soi-argr-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n      \u003cspan class=\"soi-argr-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-argr-label\"\u003eORIGINE FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-argr-label\"\u003e100% NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pourquoi choisir l'argile rouge --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'argile rouge pour votre peau et vos cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eParmi toutes les argiles cosmétiques, l'argile rouge se distingue par sa teneur exceptionnelle en oxyde de fer, ce minéral qui lui confère sa couleur caractéristique et ses propriétés absorbantes puissantes. Voici ce que vous pouvez en attendre :\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-benefits\"\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉclat immédiat\u003c\/h3\u003e\n        \u003cp\u003eElle ravive les teints brouillés et atténue les petites rougeurs en stimulant la microcirculation cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurification en profondeur\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés absorbantes captent les impuretés et désobstruent les pores sans agresser l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eReminéralisation\u003c\/h3\u003e\n        \u003cp\u003eSes sels minéraux nourrissent la peau en profondeur, idéal pour les peaux matures ou carencées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRevitalisation capillaire\u003c\/h3\u003e\n        \u003cp\u003eAppliquée sur les cheveux, elle assainit le cuir chevelu, apporte du volume et redonne de la vitalité aux longueurs ternes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pour qui est-elle faite ? --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eL'argile rouge convient à tous les types de peau, y compris les peaux sensibles et matures. Elle est particulièrement recommandée pour :\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-grid\"\u003e\n      \u003cdiv class=\"soi-argr-card\"\u003e\n        \u003ch3\u003e😴 Peaux ternes ou fatiguées\u003c\/h3\u003e\n        \u003cp\u003eVotre teint manque d'éclat au quotidien ? L'argile rouge réveille la luminosité de votre peau dès la première application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card\"\u003e\n        \u003ch3\u003e🌿 Peaux matures\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez une détoxification douce et un renouvellement cellulaire ? Ce soin minéral vous accompagne en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card\"\u003e\n        \u003ch3\u003e💇 Cheveux sans volume\u003c\/h3\u003e\n        \u003cp\u003eCuir chevelu encrassé, longueurs raplapla ? L'argile rouge assainit et redonne corps à votre chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Comment utiliser --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003eComment utiliser l'argile rouge Najel ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eLa préparation est simple et rapide. Suivez ces étapes pour un résultat optimal :\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-timeline\"\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003ePréparez votre masque visage\u003c\/h3\u003e\n          \u003cp\u003eMélangez 2 cuillères à soupe d'argile rouge avec un peu d'eau tiède (ou d'hydrolat) jusqu'à obtenir une pâte homogène et onctueuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003eAppliquez en couche uniforme\u003c\/h3\u003e\n          \u003cp\u003eÉtalez sur le visage préalablement nettoyé, 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-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003eLaissez poser 10 à 15 minutes\u003c\/h3\u003e\n          \u003cp\u003eAccordez à l'argile le temps d'agir en profondeur, sans la laisser sécher complètement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède et terminez par une brume d'eau froide pour resserrer les pores.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argr-tip\"\u003e\n      \u003cdiv class=\"soi-argr-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour un masque capillaire, appliquez la même préparation sur le cuir chevelu, massez doucement, laissez poser 15 minutes puis rincez soigneusement avant votre shampooing habituel. Fréquence conseillée : 1 fois par semaine pour un teint lumineux et un cuir chevelu sain.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eCe produit contient un seul ingrédient, 100% naturel et pur. Aucun additif, aucun conservateur, aucun parfum ajouté. La formule la plus simple et la plus saine qui soit.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-compo\"\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eArgile rouge (Illite)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eAuvergne, France (carrières près du Puy-en-Velay)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eMinéraux\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eOxyde de fer, silice, magnésium, potassium\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eAdditifs\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eAucun (sans conservateur, sans parfum)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Informations pratiques --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-argr-grid-compact\"\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e📍\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eAuvergne, France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eUtilisations\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eVisage, cheveux, corps, DIY\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eTous types de peau, sensibles incluses\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argr-accordion\"\u003e\n      \u003cdetails class=\"soi-argr-accordion-item\"\u003e\n        \u003csummary class=\"soi-argr-accordion-header\"\u003e🏺 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-argr-accordion-content\"\u003e\n          \u003cp\u003eConservez votre argile rouge à l'abri de l'humidité, dans un endroit sec et tempéré.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-argr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-argr-cta-box\"\u003e\n      \u003cp class=\"soi-argr-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un rituel aussi simple qu'efficace. Teint lumineux, peau purifiée, cheveux revitalisés : les meilleurs soins sont souvent ceux que la terre nous offre directement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-argr-marine: #1A2D3D;\n  --soi-argr-marine-dark: #0F1E2B;\n  --soi-argr-marine-light: #2C4458;\n  --soi-argr-pomme: #A1C544;\n  --soi-argr-pomme-dark: #84A636;\n  --soi-argr-pomme-light: rgba(161,197,68,0.10);\n  --soi-argr-white: #FFFFFF;\n  --soi-argr-off-white: #F8FAF6;\n  --soi-argr-stone: #F1F3EE;\n  --soi-argr-line: #E5E8E0;\n  --soi-argr-primary: #C45A28;\n  --soi-argr-primary-soft: #E8956A;\n  --soi-argr-accent: #3D2B22;\n  --soi-argr-text: #1A2D3D;\n  --soi-argr-text-soft: #4A5B6B;\n  --soi-argr-text-muted: #7B8693;\n  --soi-argr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-argr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-argr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-argr-radius: 12px;\n  --soi-argr-radius-sm: 8px;\n  --soi-argr-radius-pill: 999px;\n}\n\n.soi-argr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argr-fiche img { max-width: 100%; height: auto; }\n\n.soi-argr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-argr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-argr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-argr-hero {\n  position: relative;\n  background: var(--soi-argr-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-argr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-argr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-argr-pomme);\n}\n\n.soi-argr-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-argr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-argr-pomme);\n  border-radius: 50%;\n}\n\n.soi-argr-hero-title {\n  display: block;\n  color: var(--soi-argr-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-argr-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-argr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-argr-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-argr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-argr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-argr-label-accent {\n  background: var(--soi-argr-pomme);\n  border-color: var(--soi-argr-pomme);\n  color: var(--soi-argr-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-argr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-argr-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-argr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-argr-pomme);\n  border-radius: 2px;\n}\n\n.soi-argr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-argr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-argr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-argr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-argr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-argr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-argr-benefit {\n  background: var(--soi-argr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-argr-radius);\n  border: 1px solid var(--soi-argr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-argr-shadow-md);\n}\n\n.soi-argr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-argr-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-argr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-argr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-argr-benefit:hover .soi-argr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-argr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argr-benefit p {\n  font-size: 13px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-argr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-argr-card {\n  background: var(--soi-argr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argr-radius);\n  border-left: 3px solid var(--soi-argr-pomme);\n}\n\n.soi-argr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argr-card p {\n  font-size: 14px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-argr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-argr-card-mini {\n  background: var(--soi-argr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-argr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-argr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-argr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-argr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-argr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n}\n\n\/* TIMELINE *\/\n.soi-argr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-argr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-argr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argr-radius);\n  border: 1px solid var(--soi-argr-line);\n  align-items: flex-start;\n}\n\n.soi-argr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-argr-marine);\n  color: var(--soi-argr-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-argr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-argr-step-content p {\n  font-size: 14px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-argr-compo {\n  background: var(--soi-argr-off-white);\n  border-radius: var(--soi-argr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-argr-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-argr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-argr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-argr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-argr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-argr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-argr-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-argr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-argr-pomme-light);\n  border-left: 4px solid var(--soi-argr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-argr-radius) var(--soi-argr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-argr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-argr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-argr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-argr-tip p {\n  font-size: 14px;\n  color: var(--soi-argr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-argr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-argr-accordion-item {\n  background: var(--soi-argr-off-white);\n  border-radius: var(--soi-argr-radius-sm);\n  border: 1px solid var(--soi-argr-line);\n  overflow: hidden;\n}\n\n.soi-argr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-argr-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-argr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-argr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-argr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-argr-accordion-item[open] .soi-argr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-argr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-argr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-argr-cta-box {\n  background: var(--soi-argr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-argr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-argr-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-argr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-argr-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-argr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-argr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-argr-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-argr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-argr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-argr-compo-value {\n    text-align: left;\n  }\n\n  .soi-argr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-argr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-argr-fiche {\n    --soi-argr-text-soft: #2C3E50;\n    --soi-argr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603642048842,"sku":"NJ0285","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/argile-rouge-en-pot-najel-packshot.webp?v=1779811626"},{"product_id":"argile-verte-en-pot-najel","title":"Argile verte bio – Najel","description":"\u003cdiv class=\"soi-argv-fiche\"\u003e\n\n\u003csection class=\"soi-argv-hero\"\u003e\n  \u003cdiv class=\"soi-argv-hero-tag\"\u003e\n    \u003cspan class=\"soi-argv-tag-dot\"\u003e\u003c\/span\u003e\n    Soin cosmétique naturel · Najel\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-argv-hero-title\"\u003eArgile Verte en Pot\u003c\/span\u003e\n  \u003cp class=\"soi-argv-hero-subtitle\"\u003ePurifiez votre peau et assainissez votre cuir chevelu grâce à la puissance minérale de l'argile verte illite, extraite des carrières d'Auvergne.\u003c\/p\u003e\n  \u003cdiv class=\"soi-argv-hero-labels\"\u003e\n    \u003cspan class=\"soi-argv-label soi-argv-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n    \u003cspan class=\"soi-argv-label\"\u003e100 % NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-argv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-argv-label\"\u003ePEAUX GRASSES\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003ch2\u003ePourquoi l'argile verte est-elle si efficace ?\u003c\/h2\u003e\n  \u003cp class=\"soi-argv-section-intro\"\u003eL'argile verte illite est naturellement riche en silice, magnésium, fer et potassium. Cette composition minérale unique lui confère des propriétés que peu d'actifs naturels peuvent égaler.\u003c\/p\u003e\n  \u003cdiv class=\"soi-argv-benefits\"\u003e\n    \u003cdiv class=\"soi-argv-benefit\"\u003e\n      \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e🧽\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAbsorbante\u003c\/h3\u003e\n      \u003cp\u003eElle capte l'excès de sébum et les impuretés logées dans les pores.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-benefit\"\u003e\n      \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePurifiante\u003c\/h3\u003e\n      \u003cp\u003eElle nettoie en profondeur sans agresser la barrière cutanée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-benefit\"\u003e\n      \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRééquilibrante\u003c\/h3\u003e\n      \u003cp\u003eUtilisée régulièrement, elle aide à réguler la production de sébum.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-benefit\"\u003e\n      \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eReminéralisante\u003c\/h3\u003e\n      \u003cp\u003eElle restitue à la peau les minéraux essentiels à son éclat.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-benefit\"\u003e\n      \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eApaisante\u003c\/h3\u003e\n      \u003cp\u003eGrâce à ses propriétés anti-inflammatoires, elle calme les rougeurs et les petites imperfections.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003ch2\u003eLes bienfaits de l'argile verte selon vos besoins\u003c\/h2\u003e\n  \u003cdiv class=\"soi-argv-grid\"\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e🪷 Pour le visage\u003c\/h3\u003e\n      \u003cp\u003eEn masque visage, l'argile verte resserre les pores dilatés, élimine les points noirs et redonne un teint unifié. Elle est particulièrement adaptée aux peaux grasses et acnéiques, mais convient aussi aux peaux mixtes en application localisée sur la zone T.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e💆 Pour les cheveux gras\u003c\/h3\u003e\n      \u003cp\u003eAppliquée en masque capillaire, elle absorbe l'excès de sébum sur le cuir chevelu, apporte légèreté et volume aux cheveux et contribue à réguler durablement leur production de gras.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e🩹 Pour un cataplasme\u003c\/h3\u003e\n      \u003cp\u003eLe cataplasme d'argile verte s'applique en couche épaisse sur une zone douloureuse ou inflammatoire (articulation, contusion, tension musculaire). L'argile, en séchant, \"tire\" les toxines et apaise l'inconfort. Étalez une couche de 1 à 2 cm sur un linge propre, posez-le sur la zone à traiter, laissez agir 1 à 2 heures, puis rincez à l'eau tiède. Ce soin ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003ch2\u003eComment utiliser l'argile verte Najel : mode d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-argv-timeline\"\u003e\n    \u003cdiv class=\"soi-argv-step\"\u003e\n      \u003cdiv class=\"soi-argv-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step-content\"\u003e\n        \u003ch3\u003ePréparez la pâte\u003c\/h3\u003e\n        \u003cp\u003eVersez l'argile dans un récipient en céramique, en verre ou en plastique. Ajoutez de l'eau minérale ou florale progressivement et mélangez avec une spatule en bois jusqu'à obtenir une pâte homogène et lisse. Évitez tout contact avec le métal, qui altère les propriétés de l'argile.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-step\"\u003e\n      \u003cdiv class=\"soi-argv-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step-content\"\u003e\n        \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n        \u003cp\u003eÉtalez une couche uniforme sur le visage (en évitant le contour des yeux et les lèvres), sur le cuir chevelu ou sur la zone à traiter en cataplasme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-step\"\u003e\n      \u003cdiv class=\"soi-argv-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step-content\"\u003e\n        \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n        \u003cp\u003e10 à 15 minutes pour un masque visage, 20 à 30 minutes pour un soin capillaire, 1 à 2 heures pour un cataplasme. Retirez avant séchage complet sur les peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-step\"\u003e\n      \u003cdiv class=\"soi-argv-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step-content\"\u003e\n        \u003ch3\u003eRincez à l'eau tiède\u003c\/h3\u003e\n        \u003cp\u003eAppliquez ensuite votre hydratant habituel pour compenser l'effet absorbant de l'argile.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n  \u003cdiv class=\"soi-argv-compo\"\u003e\n    \u003cdiv class=\"soi-argv-compo-row\"\u003e\n      \u003cspan class=\"soi-argv-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-compo-value\"\u003eIllite (argile verte illite 100 % naturelle)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-compo-row\"\u003e\n      \u003cspan class=\"soi-argv-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-compo-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-compo-row\"\u003e\n      \u003cspan class=\"soi-argv-compo-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-compo-value\"\u003eAuvergne, France (près du Puy-en-Velay)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-compo-row\"\u003e\n      \u003cspan class=\"soi-argv-compo-label\"\u003eConditionnement\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-compo-value\"\u003ePot de 200 ml en polypropylène avec opercule de protection\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-compo-row\"\u003e\n      \u003cspan class=\"soi-argv-compo-label\"\u003eFormulation\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-compo-value\"\u003eSans ajout chimique, sans conservateur, sans parfum artificiel\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003ch2\u003eFréquence d'utilisation recommandée\u003c\/h2\u003e\n  \u003cdiv class=\"soi-argv-grid\"\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e🪷 Masque visage\u003c\/h3\u003e\n      \u003cp\u003e1 à 2 fois par semaine pour les peaux grasses, 1 fois tous les 10 jours pour les peaux mixtes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e💆 Soin capillaire\u003c\/h3\u003e\n      \u003cp\u003e1 fois par semaine en alternance avec votre shampoing habituel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e🩹 Cataplasme\u003c\/h3\u003e\n      \u003cp\u003eSelon les besoins, sans dépasser l'usage quotidien prolongé sans avis d'un professionnel de santé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003cdiv class=\"soi-argv-accordion\"\u003e\n    \u003cdetails class=\"soi-argv-accordion-item\"\u003e\n      \u003csummary class=\"soi-argv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"soi-argv-accordion-content\"\u003e\n        \u003cp\u003eCe produit cosmétique ne se substitue pas à un traitement médical. En cas de doute ou de pathologie cutanée, consultez un dermatologue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-argv-cta-box\"\u003e\n    \u003cp class=\"soi-argv-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement\u003c\/p\u003e\n    \u003cp class=\"soi-argv-cta-text\" style=\"color: white;\"\u003eRedonnez à votre peau et vos cheveux la légèreté qu'ils méritent. L'argile verte Najel, née des terres d'Auvergne, purifie en profondeur, régule le sébum et apaise les inconforts avec la force brute de la nature.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-argv-marine: #1A2D3D;\n  --soi-argv-marine-dark: #0F1E2B;\n  --soi-argv-marine-light: #2C4458;\n  --soi-argv-pomme: #A1C544;\n  --soi-argv-pomme-dark: #84A636;\n  --soi-argv-pomme-light: rgba(161,197,68,0.10);\n  --soi-argv-white: #FFFFFF;\n  --soi-argv-off-white: #F8FAF6;\n  --soi-argv-stone: #F1F3EE;\n  --soi-argv-line: #E5E8E0;\n  --soi-argv-primary: #4A7C59;\n  --soi-argv-primary-soft: #6B9A78;\n  --soi-argv-accent: #3D5C44;\n  --soi-argv-text: #1A2D3D;\n  --soi-argv-text-soft: #4A5B6B;\n  --soi-argv-text-muted: #7B8693;\n  --soi-argv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-argv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-argv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-argv-radius: 12px;\n  --soi-argv-radius-sm: 8px;\n  --soi-argv-radius-pill: 999px;\n}\n\n.soi-argv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argv-fiche img { max-width: 100%; height: auto; }\n\n.soi-argv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-argv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-argv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-argv-hero {\n  position: relative;\n  background: var(--soi-argv-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-argv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-argv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-argv-pomme);\n}\n\n.soi-argv-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-argv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-argv-pomme);\n  border-radius: 50%;\n}\n\n.soi-argv-hero-title {\n  display: block;\n  color: var(--soi-argv-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-argv-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-argv-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-argv-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-argv-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-argv-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-argv-label-accent {\n  background: var(--soi-argv-pomme);\n  border-color: var(--soi-argv-pomme);\n  color: var(--soi-argv-marine);\n  font-weight: 600;\n}\n\n.soi-argv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-argv-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-argv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-argv-pomme);\n  border-radius: 2px;\n}\n\n.soi-argv-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-argv-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-argv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-argv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-argv-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-argv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-argv-benefit {\n  background: var(--soi-argv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-argv-radius);\n  border: 1px solid var(--soi-argv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-argv-shadow-md);\n}\n\n.soi-argv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-argv-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-argv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-argv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-argv-benefit:hover .soi-argv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-argv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argv-benefit p {\n  font-size: 13px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-argv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-argv-card {\n  background: var(--soi-argv-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argv-radius);\n  border-left: 3px solid var(--soi-argv-pomme);\n}\n\n.soi-argv-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argv-card p {\n  font-size: 14px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-argv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-argv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-argv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argv-radius);\n  border: 1px solid var(--soi-argv-line);\n  align-items: flex-start;\n}\n\n.soi-argv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-argv-marine);\n  color: var(--soi-argv-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-argv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-argv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-argv-step-content p {\n  font-size: 14px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-argv-compo {\n  background: var(--soi-argv-off-white);\n  border-radius: var(--soi-argv-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-argv-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-argv-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-argv-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-argv-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-argv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-argv-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-argv-marine);\n  text-align: right;\n}\n\n.soi-argv-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-argv-accordion-item {\n  background: var(--soi-argv-off-white);\n  border-radius: var(--soi-argv-radius-sm);\n  border: 1px solid var(--soi-argv-line);\n  overflow: hidden;\n}\n\n.soi-argv-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-argv-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-argv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-argv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-argv-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-argv-accordion-item[open] .soi-argv-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-argv-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-argv-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-argv-cta-box {\n  background: var(--soi-argv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-argv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-argv-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-argv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-argv-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-argv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-argv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-argv-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-argv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-argv-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-argv-compo-value {\n    text-align: left;\n  }\n\n  .soi-argv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-argv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-argv-fiche {\n    --soi-argv-text-soft: #2C3E50;\n    --soi-argv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603642409290,"sku":"NJ0290","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/argile-verte-en-pot-najel-packshot.webp?v=1779807606"},{"product_id":"savon-dalep-12-hbl-najel","title":"Savon d'Alep 12% HBL - 100g Oliver \u0026 Laurier - Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n  \u003csection class=\"soi-alep-hero\"\u003e\n    \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n      \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-alep-hero-title\"\u003e3 millénaires de tradition, 2 ingrédients naturels\n\n\u003c\/span\u003e\n    \u003cp class=\"soi-alep-hero-subtitle\"\u003eL'alliance millénaire de l'olive et du laurier pour une peau nettoyée en douceur, sans compromis sur la naturalité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n      \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e12 % HUILE DE BAIES DE LAURIER\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003ePEAUX NORMALES À MIXTES\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003ePAIN SOLIDE 100 G\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le savon d'Alep plutôt qu'un savon classique ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement aux savons industriels qui contiennent souvent des agents moussants agressifs, des détergents ou des parfums de synthèse, le savon d'Alep repose sur deux ingrédients naturels seulement. L'huile d'olive saponifiée nettoie en douceur tout en préservant le film hydrolipidique de la peau. L'huile de baies de laurier, riche en acide laurique et en antioxydants, apporte ses propriétés apaisantes, assainissantes et régénératrices. Résultat : une peau propre, souple, sans sensation de tiraillement.\u003c\/p\u003e\n    \u003cp\u003eLes dermatologues s'accordent généralement à reconnaître que le savon d'Alep convient aux peaux sensibles et aux peaux mixtes, notamment grâce à l'absence de perturbateurs endocriniens ou de colorants artificiels. Il ne remplace pas un traitement médical prescrit, mais il constitue un nettoyant quotidien sain et respectueux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComposition du Savon d'Alep 12 % HBL Najel\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-compo\"\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eSodium olivate (huile d'olive saponifiée)\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003e88 % · Base nettoyante et nourrissante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eHuile de baies de laurier (Laurus nobilis)\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003e12 % · Actif apaisant et régénérant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eEau, soude\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eAgents de saponification naturels\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e🍃\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAucun parfum ajouté, aucun conservateur de synthèse, aucun colorant. La teinte brun-vert caractéristique du savon est naturelle et s'intensifie avec le vieillissement du pain.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eLes bienfaits du savon d'Alep selon le taux de laurier\u003c\/h2\u003e\n    \u003cp\u003eLe pourcentage d'huile de baies de laurier détermine l'intensité d'action du savon. À 12 % HBL, ce savon Najel correspond à un usage quotidien polyvalent, idéal si vous avez une peau normale, mixte ou légèrement réactive. Plus le taux est élevé, plus l'action est ciblée sur les peaux à problèmes.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-timeline\"\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eVisage\u003c\/h3\u003e\n          \u003cp\u003eFrottez le pain entre vos mains mouillées pour former une mousse légère, appliquez sur la peau humide en massages circulaires doux, puis rincez à l'eau tiède. Une fois par jour suffit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eCorps\u003c\/h3\u003e\n          \u003cp\u003eUtilisez-le comme n'importe quel savon sous la douche. Sa mousse fine mais enveloppante laisse la peau douce sans résidu gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eCheveux\u003c\/h3\u003e\n          \u003cp\u003eCertains l'utilisent en shampoing solide, notamment pour les cuirs chevelus gras ou sensibles. Un temps d'adaptation de 2 à 3 semaines est à prévoir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eConservation\u003c\/h3\u003e\n          \u003cp\u003eAprès usage, laissez le savon sécher sur un porte-savon aéré. Un pain bien conservé dure plusieurs mois et améliore ses propriétés en vieillissant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eUn savoir-faire artisanal vieux de plusieurs siècles\u003c\/h2\u003e\n    \u003cp\u003eChaque pain de savon d'Alep Najel est fabriqué selon le procédé traditionnel à chaud : les huiles sont chauffées, saponifiées, puis le mélange est coulé en dalles et laissé à sécher en cave pendant au moins 9 mois. Ce temps de maturation développe la douceur du savon et concentre ses actifs. C'est ce qui le distingue radicalement des copies industrielles.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eNajel, Héritage d'Alep\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003e100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eNormale à mixte\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eTaux HBL\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003e12 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eAdultes et enfants\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003ePain solide, zéro déchet\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-alep-cta-box\"\u003e\n      \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eLe savon d'Alep 12 % HBL de Najel : la simplicité élevée au rang de rituel. Authentique, respectueux de votre peau et de la planète, il s'intègre naturellement dans votre routine quotidienne, pour vous comme pour toute la famille.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-alep-marine: #1A2D3D;\n  --soi-alep-marine-dark: #0F1E2B;\n  --soi-alep-marine-light: #2C4458;\n  --soi-alep-pomme: #A1C544;\n  --soi-alep-pomme-dark: #84A636;\n  --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-alep-white: #FFFFFF;\n  --soi-alep-off-white: #F8FAF6;\n  --soi-alep-stone: #F1F3EE;\n  --soi-alep-line: #E5E8E0;\n\n  --soi-alep-primary: #2D6A4F;\n  --soi-alep-primary-soft: #E8F0EC;\n  --soi-alep-accent: #C4A35A;\n\n  --soi-alep-text: #1A2D3D;\n  --soi-alep-text-soft: #4A5B6B;\n  --soi-alep-text-muted: #7B8693;\n\n  --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-alep-radius: 12px;\n  --soi-alep-radius-sm: 8px;\n  --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-alep-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n  position: relative;\n  background: var(--soi-alep-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-alep-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-alep-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n}\n\n.soi-alep-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-alep-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-alep-pomme);\n  border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n  display: block;\n  color: var(--soi-alep-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-alep-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-alep-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-alep-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-alep-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-alep-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n  background: var(--soi-alep-pomme);\n  border-color: var(--soi-alep-pomme);\n  color: var(--soi-alep-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-alep-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-alep-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-alep-pomme);\n  border-radius: 2px;\n}\n\n.soi-alep-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n  background: var(--soi-alep-off-white);\n  border-radius: var(--soi-alep-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-alep-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-alep-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-alep-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-alep-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-alep-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-alep-pomme-light);\n  border-left: 4px solid var(--soi-alep-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-alep-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n  font-size: 14px;\n  color: var(--soi-alep-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-alep-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-alep-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  align-items: flex-start;\n}\n\n.soi-alep-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-alep-marine);\n  color: var(--soi-alep-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-alep-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-alep-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-alep-card-mini {\n  background: var(--soi-alep-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-alep-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-alep-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-alep-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-alep-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-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-alep-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-alep-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-alep-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-alep-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-alep-compo-value {\n    text-align: left;\n  }\n\n  .soi-alep-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-alep-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-alep-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-alep-fiche {\n    --soi-alep-text-soft: #2C3E50;\n    --soi-alep-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603644703050,"sku":"NJ0050","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-12-hbl-najel-packshot_8f2a4def-04a7-4525-b6e4-059a8f997af7.webp?v=1779808848"},{"product_id":"huile-de-graines-de-figue-de-barbarie-najel","title":"Huile de graines de figue de Barbarie – Najel","description":"\n\n\u003cdiv class=\"soi-fdb-fiche\"\u003e\n\n  \u003csection class=\"soi-fdb-hero\"\u003e\n    \u003cdiv class=\"soi-fdb-hero-tag\"\u003e\n      \u003cspan class=\"soi-fdb-tag-dot\"\u003e\u003c\/span\u003e\n      Huile végétale · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-fdb-hero-title\"\u003eUn rituel précieux, soir après soir\u003c\/span\u003e\n    \u003cp class=\"soi-fdb-hero-subtitle\"\u003eL'or liquide du désert : une huile d'exception, 100 % pure, extraite par première pression à froid pour offrir à votre peau nutrition, protection et éclat retrouvé.\u003c\/p\u003e\n    \u003cdiv class=\"soi-fdb-hero-labels\"\u003e\n      \u003cspan class=\"soi-fdb-label soi-fdb-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n      \u003cspan class=\"soi-fdb-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-fdb-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-fdb-label\"\u003eSANS SILICONES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fdb-section\"\u003e\n    \u003ch2\u003eHuile de pépins de figue de Barbarie Najel : l'or liquide du désert pour votre peau\u003c\/h2\u003e\n    \u003cp\u003eParmi les huiles végétales les plus précieuses au monde, \u003cstrong\u003el'huile de pépins de figue de Barbarie\u003c\/strong\u003e occupe une place à part. Il faut environ \u003cstrong\u003eune tonne de fruits\u003c\/strong\u003e pour obtenir seulement un litre d'huile : c'est dire la rareté et la concentration de ses actifs. La marque \u003cstrong\u003eNajel\u003c\/strong\u003e, spécialiste des trésors du désert, vous propose ici une version \u003cstrong\u003e100 % pure, certifiée Cosmos Natural\u003c\/strong\u003e, extraite par première pression à froid pour préserver tous ses bienfaits.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fdb-section\"\u003e\n    \u003ch2\u003ePourquoi cette huile de figue de Barbarie est-elle si efficace ?\u003c\/h2\u003e\n    \u003cp class=\"soi-fdb-section-intro\"\u003eSa composition est tout simplement exceptionnelle. Voici ce qui en fait un soin anti-âge de référence :\u003c\/p\u003e\n    \u003cdiv class=\"soi-fdb-benefits\"\u003e\n      \u003cdiv class=\"soi-fdb-benefit\"\u003e\n        \u003cdiv class=\"soi-fdb-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine E en quantité record\u003c\/h3\u003e\n        \u003cp\u003eJusqu'à 1000 mg\/kg, soit l'une des teneurs les plus élevées parmi les huiles végétales. Elle neutralise les radicaux libres responsables du vieillissement cutané et protège les cellules de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fdb-benefit\"\u003e\n        \u003cdiv class=\"soi-fdb-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAcides gras essentiels\u003c\/h3\u003e\n        \u003cp\u003eLes oméga-6 et oméga-9 renforcent la barrière cutanée, restaurent le film hydrolipidique et améliorent durablement la souplesse et l'élasticité de l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fdb-benefit\"\u003e\n        \u003cdiv class=\"soi-fdb-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eStérols végétaux\u003c\/h3\u003e\n        \u003cp\u003eCes actifs apaisants aident à raffermir les tissus et à atténuer les rides d'expression sur le long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-fdb-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-fdb-tip-icon\"\u003e🌟\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eRésultat\u003c\/strong\u003e\n        \u003cp\u003eUne peau visiblement repulpée, plus lumineuse, mieux hydratée, avec des rides progressivement atténuées après plusieurs semaines d'utilisation régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fdb-section\"\u003e\n    \u003ch2\u003ePour qui est faite cette huile de figue de Barbarie ?\u003c\/h2\u003e\n    \u003cp\u003eElle convient particulièrement aux \u003cstrong\u003epeaux matures, sèches ou déshydratées\u003c\/strong\u003e, mais aussi aux peaux mixtes utilisées en faible quantité. Si votre peau tire, manque d'éclat ou présente des signes de fatigue, cette huile de pépins de figue de Barbarie est une réponse naturelle et concrète.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fdb-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile de figue de Barbarie Najel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fdb-timeline\"\u003e\n      \u003cdiv class=\"soi-fdb-step\"\u003e\n        \u003cdiv class=\"soi-fdb-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-fdb-step-content\"\u003e\n          \u003ch3\u003eVisage et contour des yeux\u003c\/h3\u003e\n          \u003cp\u003eDéposez 2 à 3 gouttes dans le creux de la main, réchauffez légèrement, puis appliquez en massages circulaires doux sur le visage propre, le cou et le décolleté. Idéalement le soir, pour laisser la peau se régénérer pendant la nuit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fdb-step\"\u003e\n        \u003cdiv class=\"soi-fdb-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-fdb-step-content\"\u003e\n          \u003ch3\u003eEn soin ciblé\u003c\/h3\u003e\n          \u003cp\u003eAppliquez directement sur les zones concernées (pattes d'oie, rides du front, lèvres sèches) pour une action localisée et intensive.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fdb-step\"\u003e\n        \u003cdiv class=\"soi-fdb-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-fdb-step-content\"\u003e\n          \u003ch3\u003eEn booster de votre crème\u003c\/h3\u003e\n          \u003cp\u003eMélangez quelques gouttes à votre crème hydratante habituelle pour décupler son efficacité. L'huile de figue de Barbarie s'intègre parfaitement à tout rituel beauté existant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-fdb-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-fdb-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour un résultat visible, comptez \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation régulière. La texture fine et non grasse pénètre rapidement, sans laisser de film poisseux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fdb-section\"\u003e\n    \u003ch2\u003eComposition de l'huile Najel\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fdb-compo\"\u003e\n      \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n        \u003cspan class=\"soi-fdb-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-fdb-compo-value\"\u003e\u003cem\u003eOpuntia Ficus-Indica Seed Oil\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n        \u003cspan class=\"soi-fdb-compo-label\"\u003eExtraction\u003c\/span\u003e\n        \u003cspan class=\"soi-fdb-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n        \u003cspan class=\"soi-fdb-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-fdb-compo-value\"\u003e100 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n        \u003cspan class=\"soi-fdb-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-fdb-compo-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n        \u003cspan class=\"soi-fdb-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-fdb-compo-value\"\u003eConservateurs, parabènes, silicones, colorants\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fdb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fdb-accordion\"\u003e\n      \u003cdetails class=\"soi-fdb-accordion-item\"\u003e\n        \u003csummary class=\"soi-fdb-accordion-header\"\u003e⚠️ Usage et conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-fdb-accordion-content\"\u003e\n          \u003cp\u003eRéservé à un usage cosmétique externe. Ne pas ingérer. Conserver à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-fdb-accordion-item\"\u003e\n        \u003csummary class=\"soi-fdb-accordion-header\"\u003e🩺 Allergies et avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-fdb-accordion-content\"\u003e\n          \u003cp\u003eEn cas d'allergie aux cactacées, consultez un professionnel de santé avant utilisation. Ce produit est un soin cosmétique et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fdb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-fdb-cta-box\"\u003e\n      \u003cp class=\"soi-fdb-cta-tag\" style=\"color: white;\"\u003eUn rituel précieux, soir après soir\u003c\/p\u003e\n      \u003cp class=\"soi-fdb-cta-text\" style=\"color: white;\"\u003eRare, concentrée, d'une pureté irréprochable : quelques gouttes suffisent chaque soir pour offrir à votre peau nutrition, protection et éclat retrouvé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-fdb-marine: #1A2D3D;\n  --soi-fdb-marine-dark: #0F1E2B;\n  --soi-fdb-marine-light: #2C4458;\n  --soi-fdb-pomme: #A1C544;\n  --soi-fdb-pomme-dark: #84A636;\n  --soi-fdb-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-fdb-white: #FFFFFF;\n  --soi-fdb-off-white: #F8FAF6;\n  --soi-fdb-stone: #F1F3EE;\n  --soi-fdb-line: #E5E8E0;\n\n  --soi-fdb-primary: #C9A84C;\n  --soi-fdb-primary-soft: rgba(201,168,76,0.12);\n  --soi-fdb-accent: #8B6914;\n\n  --soi-fdb-text: #1A2D3D;\n  --soi-fdb-text-soft: #4A5B6B;\n  --soi-fdb-text-muted: #7B8693;\n\n  --soi-fdb-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-fdb-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-fdb-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-fdb-radius: 12px;\n  --soi-fdb-radius-sm: 8px;\n  --soi-fdb-radius-pill: 999px;\n}\n\n.soi-fdb-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-fdb-fiche img { max-width: 100%; height: auto; }\n\n.soi-fdb-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-fdb-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-fdb-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-fdb-hero {\n  position: relative;\n  background: var(--soi-fdb-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-fdb-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-fdb-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-fdb-primary);\n}\n\n.soi-fdb-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-fdb-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-fdb-primary);\n  border-radius: 50%;\n}\n\n.soi-fdb-hero-title {\n  display: block;\n  color: var(--soi-fdb-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-fdb-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-fdb-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-fdb-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-fdb-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-fdb-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-fdb-label-accent {\n  background: var(--soi-fdb-primary);\n  border-color: var(--soi-fdb-primary);\n  color: var(--soi-fdb-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-fdb-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-fdb-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-fdb-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-fdb-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-fdb-primary);\n  border-radius: 2px;\n}\n\n.soi-fdb-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-fdb-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-fdb-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-fdb-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-fdb-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-fdb-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-fdb-benefit {\n  background: var(--soi-fdb-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-fdb-radius);\n  border: 1px solid var(--soi-fdb-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-fdb-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-fdb-shadow-md);\n}\n\n.soi-fdb-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-fdb-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-fdb-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-fdb-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-fdb-benefit:hover .soi-fdb-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-fdb-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-fdb-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-fdb-benefit p {\n  font-size: 13px;\n  color: var(--soi-fdb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-fdb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-fdb-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-fdb-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-fdb-radius);\n  border: 1px solid var(--soi-fdb-line);\n  align-items: flex-start;\n}\n\n.soi-fdb-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-fdb-marine);\n  color: var(--soi-fdb-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-fdb-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-fdb-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-fdb-step-content p {\n  font-size: 14px;\n  color: var(--soi-fdb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-fdb-compo {\n  background: var(--soi-fdb-off-white);\n  border-radius: var(--soi-fdb-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-fdb-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-fdb-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-fdb-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-fdb-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-fdb-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-fdb-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-fdb-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-fdb-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-fdb-primary-soft);\n  border-left: 4px solid var(--soi-fdb-primary);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-fdb-radius) var(--soi-fdb-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-fdb-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-fdb-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-fdb-marine);\n  margin-bottom: 4px;\n}\n\n.soi-fdb-tip p {\n  font-size: 14px;\n  color: var(--soi-fdb-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-fdb-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-fdb-accordion-item {\n  background: var(--soi-fdb-off-white);\n  border-radius: var(--soi-fdb-radius-sm);\n  border: 1px solid var(--soi-fdb-line);\n  overflow: hidden;\n}\n\n.soi-fdb-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-fdb-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-fdb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-fdb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-fdb-primary);\n  transition: transform 0.2s ease;\n}\n\n.soi-fdb-accordion-item[open] .soi-fdb-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-fdb-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-fdb-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-fdb-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-fdb-cta-box {\n  background: var(--soi-fdb-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-fdb-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-fdb-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-fdb-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-fdb-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-fdb-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-fdb-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-fdb-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-fdb-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-fdb-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-fdb-compo-value {\n    text-align: left;\n  }\n\n  .soi-fdb-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-fdb-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-fdb-fiche {\n    --soi-fdb-text-soft: #2C3E50;\n    --soi-fdb-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646112074,"sku":"NJ0195","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-graines-de-figue-de-barbarie-najel-packshot.webp?v=1780668299"},{"product_id":"creme-hydratante-certifiee-bio-najel","title":"Crème Hydratante Bio Visage - Olive \u0026 Laurier – Najel","description":"\u003cdiv class=\"soi-crhyd-fiche\"\u003e\n\n\u003csection class=\"soi-crhyd-hero\"\u003e\n  \u003cdiv class=\"soi-crhyd-hero-tag\"\u003e\n    \u003cspan class=\"soi-crhyd-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique visage · Najel\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-crhyd-hero-title\"\u003eCrème hydratante certifiée bio\u003c\/span\u003e\n  \u003cp class=\"soi-crhyd-hero-subtitle\"\u003eUne hydratation prouvée jusqu'à 8 heures, portée par les huiles d'olive et de baies de laurier bio. Un soin visage universel, certifié et fabriqué en France.\u003c\/p\u003e\n  \u003cdiv class=\"soi-crhyd-hero-labels\"\u003e\n    \u003cspan class=\"soi-crhyd-label soi-crhyd-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-crhyd-label\"\u003eECOCERT\u003c\/span\u003e\n    \u003cspan class=\"soi-crhyd-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-crhyd-label\"\u003e100 % NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-crhyd-label\"\u003eTOUS TYPES DE PEAU\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n  \u003ch2\u003eCrème hydratante visage certifiée bio, aux huiles d'olive et de baies de laurier\u003c\/h2\u003e\n  \u003cp\u003eVous cherchez une crème hydratante pour le visage qui soit à la fois efficace, douce et vraiment naturelle ? Cette crème visage hydratante de Najel coche toutes les cases : certifiée Cosmos Organic par Ecocert, fabriquée en France, et formulée avec des actifs biologiques sélectionnés pour leurs bienfaits réels sur tous les types de peau.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n  \u003ch2\u003eCe que cette crème apporte concrètement à votre peau\u003c\/h2\u003e\n  \u003cp class=\"soi-crhyd-section-intro\"\u003eDerrière ce soin se cache une formule pensée pour répondre aux besoins essentiels de l'épiderme, qu'il soit sec, mixte ou gras. Voici ce que vous pouvez attendre d'une utilisation régulière :\u003c\/p\u003e\n  \u003cdiv class=\"soi-crhyd-benefits\"\u003e\n    \u003cdiv class=\"soi-crhyd-benefit\"\u003e\n      \u003cdiv class=\"soi-crhyd-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation prouvée\u003c\/h3\u003e\n      \u003cp\u003eDe 4 à 8 heures d'hydratation après application, validée par étude clinique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-benefit\"\u003e\n      \u003cdiv class=\"soi-crhyd-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePeau nourrie et protégée\u003c\/h3\u003e\n      \u003cp\u003eL'huile et le beurre d'olive bio renforcent la barrière cutanée grâce à leurs vertus émollientes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-benefit\"\u003e\n      \u003cdiv class=\"soi-crhyd-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEffet apaisant\u003c\/h3\u003e\n      \u003cp\u003eL'huile de baies de laurier bio calme les peaux sensibles ou réactives.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-benefit\"\u003e\n      \u003cdiv class=\"soi-crhyd-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eTexture légère, non grasse\u003c\/h3\u003e\n      \u003cp\u003ePénètre rapidement sans laisser de film occlusif. Peau souple et confortable dès les premières applications.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n  \u003ch2\u003eUne composition 100 % naturelle et certifiée bio\u003c\/h2\u003e\n  \u003cp class=\"soi-crhyd-section-intro\"\u003eNajel mise sur des ingrédients d'origine naturelle, sans compromis. Voici les actifs clés de cette crème hydratante visage bio :\u003c\/p\u003e\n  \u003cdiv class=\"soi-crhyd-grid\"\u003e\n    \u003cdiv class=\"soi-crhyd-card\"\u003e\n      \u003ch3\u003e🫒 Hydrolat de feuilles d'olivier bio\u003c\/h3\u003e\n      \u003cp\u003eBase aqueuse naturelle riche en polyphénols, elle hydrate les couches superficielles de la peau en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-card\"\u003e\n      \u003ch3\u003e🌰 Huile d'olive bio\u003c\/h3\u003e\n      \u003cp\u003eÉmolliente et protectrice, elle renforce la barrière cutanée et prévient la perte en eau.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-card\"\u003e\n      \u003ch3\u003e🧈 Beurre d'olive bio\u003c\/h3\u003e\n      \u003cp\u003eTexture fondante, action nourrissante longue durée pour une peau durablement confortable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-card\"\u003e\n      \u003ch3\u003e🌿 Huile de baies de laurier bio\u003c\/h3\u003e\n      \u003cp\u003eApaisante et équilibrante, elle convient aussi bien aux peaux grasses qu'aux peaux sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-crhyd-tip\"\u003e\n    \u003cdiv class=\"soi-crhyd-tip-icon\"\u003e🔬\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eEngagement qualité\u003c\/strong\u003e\n      \u003cp\u003eTous les ingrédients sont 100 % d'origine naturelle, certifiés par Ecocert Cosmos Organic, ce qui garantit une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n  \u003ch2\u003eComment utiliser cette crème hydratante pour le visage ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-crhyd-timeline\"\u003e\n    \u003cdiv class=\"soi-crhyd-step\"\u003e\n      \u003cdiv class=\"soi-crhyd-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-crhyd-step-content\"\u003e\n        \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n        \u003cp\u003eAppliquez une noisette de crème sur le visage et le cou, le matin et\/ou le soir, sur une peau propre et légèrement humide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-step\"\u003e\n      \u003cdiv class=\"soi-crhyd-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-crhyd-step-content\"\u003e\n        \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n        \u003cp\u003eEffectuez des mouvements circulaires jusqu'à absorption complète du soin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-step\"\u003e\n      \u003cdiv class=\"soi-crhyd-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-crhyd-step-content\"\u003e\n        \u003ch3\u003eAdaptez à vos besoins\u003c\/h3\u003e\n        \u003cp\u003eElle peut s'utiliser seule ou en complément d'un sérum selon vos besoins. Convient à tous les types de peau, y compris les peaux mixtes et grasses, grâce à sa texture non comédogène.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n  \u003ch2\u003ePourquoi choisir la crème Najel plutôt qu'une autre ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-crhyd-grid\"\u003e\n    \u003cdiv class=\"soi-crhyd-card\"\u003e\n      \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n      \u003cp\u003eÉlaborée dans le Laboratoire Najjar, avec un contrôle qualité rigoureux à chaque étape.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-card\"\u003e\n      \u003ch3\u003e📊 Efficacité cliniquement testée\u003c\/h3\u003e\n      \u003cp\u003eL'hydratation est mesurée et prouvée, pas seulement affichée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-card\"\u003e\n      \u003ch3\u003e🤝 Formule universelle\u003c\/h3\u003e\n      \u003cp\u003eUne seule crème pour tous les types de peau, ce qui simplifie vraiment votre routine.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-card\"\u003e\n      \u003ch3\u003e🌱 Engagement bio sérieux\u003c\/h3\u003e\n      \u003cp\u003eLa certification Cosmos Organic est l'un des référentiels les plus exigeants du marché cosmétique naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-crhyd-compo\"\u003e\n    \u003cdiv class=\"soi-crhyd-compo-row\"\u003e\n      \u003cspan class=\"soi-crhyd-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-crhyd-compo-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-compo-row\"\u003e\n      \u003cspan class=\"soi-crhyd-compo-label\"\u003eConvient à\u003c\/span\u003e\n      \u003cspan class=\"soi-crhyd-compo-value\"\u003eTous types de peau (sèche, mixte, grasse, sensible)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-compo-row\"\u003e\n      \u003cspan class=\"soi-crhyd-compo-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-crhyd-compo-value\"\u003eFabriquée en France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-compo-row\"\u003e\n      \u003cspan class=\"soi-crhyd-compo-label\"\u003eUsage\u003c\/span\u003e\n      \u003cspan class=\"soi-crhyd-compo-value\"\u003eVisage et cou, matin et\/ou soir\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-crhyd-compo-row\"\u003e\n      \u003cspan class=\"soi-crhyd-compo-label\"\u003eTexture\u003c\/span\u003e\n      \u003cspan class=\"soi-crhyd-compo-value\"\u003eLégère, absorption rapide, fini non gras\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-crhyd-cta-box\"\u003e\n    \u003cp class=\"soi-crhyd-cta-tag\" style=\"color: white;\"\u003eVotre rituel hydratation, simplifié\u003c\/p\u003e\n    \u003cp class=\"soi-crhyd-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau une hydratation profonde, des actifs biologiques sélectionnés avec soin, et la tranquillité d'esprit d'un produit certifié et fabriqué 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-crhyd-marine: #1A2D3D;\n  --soi-crhyd-marine-dark: #0F1E2B;\n  --soi-crhyd-marine-light: #2C4458;\n  --soi-crhyd-pomme: #A1C544;\n  --soi-crhyd-pomme-dark: #84A636;\n  --soi-crhyd-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-crhyd-white: #FFFFFF;\n  --soi-crhyd-off-white: #F8FAF6;\n  --soi-crhyd-stone: #F1F3EE;\n  --soi-crhyd-line: #E5E8E0;\n\n  --soi-crhyd-primary: #C4A882;\n  --soi-crhyd-primary-soft: #E8D9C8;\n  --soi-crhyd-accent: #8B6F52;\n\n  --soi-crhyd-text: #1A2D3D;\n  --soi-crhyd-text-soft: #4A5B6B;\n  --soi-crhyd-text-muted: #7B8693;\n\n  --soi-crhyd-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-crhyd-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-crhyd-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-crhyd-radius: 12px;\n  --soi-crhyd-radius-sm: 8px;\n  --soi-crhyd-radius-pill: 999px;\n}\n\n.soi-crhyd-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-crhyd-fiche img { max-width: 100%; height: auto; }\n\n.soi-crhyd-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-crhyd-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-crhyd-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-crhyd-hero {\n  position: relative;\n  background: var(--soi-crhyd-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-crhyd-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-crhyd-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-crhyd-pomme);\n}\n\n.soi-crhyd-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-crhyd-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-crhyd-pomme);\n  border-radius: 50%;\n}\n\n.soi-crhyd-hero-title {\n  display: block;\n  color: var(--soi-crhyd-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-crhyd-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-crhyd-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-crhyd-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-crhyd-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-crhyd-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-crhyd-label-accent {\n  background: var(--soi-crhyd-pomme);\n  border-color: var(--soi-crhyd-pomme);\n  color: var(--soi-crhyd-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-crhyd-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-crhyd-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-crhyd-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-crhyd-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-crhyd-pomme);\n  border-radius: 2px;\n}\n\n.soi-crhyd-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-crhyd-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-crhyd-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-crhyd-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-crhyd-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-crhyd-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-crhyd-benefit {\n  background: var(--soi-crhyd-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-crhyd-radius);\n  border: 1px solid var(--soi-crhyd-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-crhyd-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-crhyd-shadow-md);\n}\n\n.soi-crhyd-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-crhyd-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-crhyd-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-crhyd-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-crhyd-benefit:hover .soi-crhyd-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-crhyd-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-crhyd-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-crhyd-benefit p {\n  font-size: 13px;\n  color: var(--soi-crhyd-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-crhyd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-crhyd-card {\n  background: var(--soi-crhyd-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-crhyd-radius);\n  border-left: 3px solid var(--soi-crhyd-pomme);\n}\n\n.soi-crhyd-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-crhyd-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-crhyd-card p {\n  font-size: 14px;\n  color: var(--soi-crhyd-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-crhyd-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-crhyd-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-crhyd-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-crhyd-radius);\n  border: 1px solid var(--soi-crhyd-line);\n  align-items: flex-start;\n}\n\n.soi-crhyd-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-crhyd-marine);\n  color: var(--soi-crhyd-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-crhyd-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-crhyd-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-crhyd-step-content p {\n  font-size: 14px;\n  color: var(--soi-crhyd-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-crhyd-compo {\n  background: var(--soi-crhyd-off-white);\n  border-radius: var(--soi-crhyd-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-crhyd-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-crhyd-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-crhyd-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-crhyd-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-crhyd-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-crhyd-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-crhyd-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-crhyd-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-crhyd-pomme-light);\n  border-left: 4px solid var(--soi-crhyd-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-crhyd-radius) var(--soi-crhyd-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-crhyd-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-crhyd-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-crhyd-marine);\n  margin-bottom: 4px;\n}\n\n.soi-crhyd-tip p {\n  font-size: 14px;\n  color: var(--soi-crhyd-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-crhyd-cta-box {\n  background: var(--soi-crhyd-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-crhyd-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-crhyd-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-crhyd-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-crhyd-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-crhyd-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-crhyd-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-crhyd-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-crhyd-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-crhyd-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-crhyd-compo-value {\n    text-align: left;\n  }\n\n  .soi-crhyd-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-crhyd-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-crhyd-fiche {\n    --soi-crhyd-text-soft: #2C3E50;\n    --soi-crhyd-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646374218,"sku":"NJ0300","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-hydratante-certifiee-bio-najel-packshot.webp?v=1779801055"},{"product_id":"creme-visage-matifiante-certifiee-bio-najel","title":"Crème visage matifiante bio – Najel","description":"\n\u003cdiv class=\"soi-najmt-fiche\"\u003e\n\n  \u003csection class=\"soi-najmt-hero\"\u003e\n    \u003cdiv class=\"soi-najmt-hero-tag\"\u003e\n      \u003cspan class=\"soi-najmt-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique visage · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-najmt-hero-title\"\u003eAloe Vera \u0026amp; Rose au service de votre visage\u003c\/span\u003e\n    \u003cp class=\"soi-najmt-hero-subtitle\"\u003eAloe vera et rose myrtle : rééquilibrez, purifiez et hydratez votre peau grasse sans jamais l'assécher.\u003c\/p\u003e\n    \u003cdiv class=\"soi-najmt-hero-labels\"\u003e\n      \u003cspan class=\"soi-najmt-label soi-najmt-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-najmt-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-najmt-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-najmt-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-najmt-section\"\u003e\n    \u003ch2\u003eUne crème visage matifiante bio à l'aloe vera et rose myrtle pour les peaux grasses\u003c\/h2\u003e\n    \u003cp\u003eVous avez la peau grasse, les pores dilatés, et ce fameux effet brillant qui s'installe dès le milieu de matinée ? La crème visage matifiante certifiée bio Najel a été formulée précisément pour vous. Certifiée Cosmos Organic par Ecocert et fabriquée en France, elle associe des actifs naturels soigneusement sélectionnés pour rééquilibrer, purifier et hydrater les peaux à tendance grasse, sans jamais les assécher.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-najmt-section\"\u003e\n    \u003ch2\u003eCe que cette crème matifiante bio fait concrètement pour votre peau\u003c\/h2\u003e\n    \u003cp class=\"soi-najmt-section-intro\"\u003eContrairement à beaucoup de soins matifiants qui se contentent d'absorber le sébum en surface, la crème de jour matifiante bio Najel agit à plusieurs niveaux simultanément.\u003c\/p\u003e\n    \u003cdiv class=\"soi-najmt-benefits\"\u003e\n      \u003cdiv class=\"soi-najmt-benefit\"\u003e\n        \u003cdiv class=\"soi-najmt-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMatification durable\u003c\/h3\u003e\n        \u003cp\u003eL'argile naturelle absorbe l'excès de sébum dès l'application et maintient un teint mat toute la journée, sans effet \"masque\" ni sensation d'inconfort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-benefit\"\u003e\n        \u003cdiv class=\"soi-najmt-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurification en profondeur\u003c\/h3\u003e\n        \u003cp\u003eL'huile de baies de laurier, aux propriétés antiseptiques reconnues, assainit la peau et limite l'apparition des imperfections liées aux bactéries responsables de l'acné.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-benefit\"\u003e\n        \u003cdiv class=\"soi-najmt-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation légère et non comédogène\u003c\/h3\u003e\n        \u003cp\u003eL'aloe vera et l'hydrolat de citron hydratent sans alourdir ni obstruer les pores, ce que les peaux grasses ne tolèrent pas.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-benefit\"\u003e\n        \u003cdiv class=\"soi-najmt-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction sur les rougeurs et inflammations\u003c\/h3\u003e\n        \u003cp\u003eLes extraits de rose myrtle, riches en polyphénols et acides organiques, agissent directement sur \u003cem\u003ePropionibacterium acnes\u003c\/em\u003e, la bactérie impliquée dans l'acné inflammatoire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-benefit\"\u003e\n        \u003cdiv class=\"soi-najmt-benefit-icon\"\u003e\u003cspan\u003e🎯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eResserrement des pores\u003c\/h3\u003e\n        \u003cp\u003eLes hydrolats astringents affinent le grain de peau et unifient le teint pour un rendu naturellement lisse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-najmt-section\"\u003e\n    \u003ch2\u003eComposition : des ingrédients bio à la hauteur de leurs promesses\u003c\/h2\u003e\n    \u003cp class=\"soi-najmt-section-intro\"\u003eLa meilleure crème matifiante bio est avant tout celle dont vous connaissez et comprenez chaque ingrédient. Voici les actifs clés de cette formule.\u003c\/p\u003e\n    \u003cdiv class=\"soi-najmt-grid\"\u003e\n      \u003cdiv class=\"soi-najmt-card\"\u003e\n        \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydratation douce, apaisement, régulation du film hydrolipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-card\"\u003e\n        \u003ch3\u003e🌺 Extrait de rose myrtle\u003c\/h3\u003e\n        \u003cp\u003eAction antibactérienne, séborégulatrice et anti-inflammatoire ciblée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-card\"\u003e\n        \u003ch3\u003e🍃 Huile de baies de laurier\u003c\/h3\u003e\n        \u003cp\u003ePurifiante, antiseptique, idéale pour les peaux impures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-card\"\u003e\n        \u003ch3\u003e🍋 Hydrolat de citron\u003c\/h3\u003e\n        \u003cp\u003eTonifiant, astringent, unificateur de teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-card\"\u003e\n        \u003ch3\u003e🪨 Argile naturelle\u003c\/h3\u003e\n        \u003cp\u003eMatification immédiate, absorption de l'excès de sébum.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-najmt-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-najmt-tip-icon\"\u003e🤍\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormule respectueuse\u003c\/strong\u003e\n        \u003cp\u003eSans parfum ajouté, cette crème respecte les peaux sensibles à tendance acnéique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-najmt-section\"\u003e\n    \u003ch2\u003eComment utiliser votre crème hydratante matifiante visage Najel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-najmt-timeline\"\u003e\n      \u003cdiv class=\"soi-najmt-step\"\u003e\n        \u003cdiv class=\"soi-najmt-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-najmt-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eAppliquez chaque matin sur le visage propre et sec, en évitant le contour des yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-step\"\u003e\n        \u003cdiv class=\"soi-najmt-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-najmt-step-content\"\u003e\n          \u003ch3\u003eAppliquez la crème\u003c\/h3\u003e\n          \u003cp\u003ePrenez une noisette de crème, faites-la fondre entre vos doigts, puis massez en mouvements circulaires ascendants jusqu'à absorption complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-step\"\u003e\n        \u003cdiv class=\"soi-najmt-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-najmt-step-content\"\u003e\n          \u003ch3\u003eAdaptez votre routine\u003c\/h3\u003e\n          \u003cp\u003eElle peut être utilisée seule le matin ou en complément d'un soin de nuit plus riche si votre peau en a besoin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-najmt-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-najmt-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSi vous souhaitez une protection solaire en plus, appliquez par-dessus une crème solaire visage matifiante adaptée aux peaux grasses. La crème Najel constitue alors une excellente base de soin avant votre protection UV.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-najmt-section\"\u003e\n    \u003ch2\u003ePour qui est faite cette crème matifiante visage ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-najmt-grid\"\u003e\n      \u003cdiv class=\"soi-najmt-card\"\u003e\n        \u003ch3\u003e🌟 Peaux grasses ou mixtes\u003c\/h3\u003e\n        \u003cp\u003ePeaux à tendance grasse ou mixte avec brillances excessives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-card\"\u003e\n        \u003ch3\u003e🔬 Peaux sujettes aux imperfections\u003c\/h3\u003e\n        \u003cp\u003ePeaux présentant des imperfections, points noirs et petits boutons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-card\"\u003e\n        \u003ch3\u003e🌱 Adeptes du bio\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant un soin certifié bio, sans ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-card\"\u003e\n        \u003ch3\u003e🪶 Amateurs de texture légère\u003c\/h3\u003e\n        \u003cp\u003eCelles et ceux qui recherchent une texture légère, non grasse, absorbée rapidement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-najmt-section\"\u003e\n    \u003ch2\u003eCertification et engagement qualité\u003c\/h2\u003e\n    \u003cp\u003eLa crème visage matifiante Najel est certifiée Cosmos Organic par Ecocert, ce qui garantit la traçabilité des ingrédients biologiques, l'absence de substances pétrochimiques et une fabrication respectueuse de l'environnement. Fabriquée en France, elle répond à des exigences strictes que peu de soins matifiants du marché peuvent afficher.\u003c\/p\u003e\n    \u003cdiv class=\"soi-najmt-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-najmt-card-mini\"\u003e\n        \u003cspan class=\"soi-najmt-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-najmt-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-najmt-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-card-mini\"\u003e\n        \u003cspan class=\"soi-najmt-card-mini-icon\"\u003e🔍\u003c\/span\u003e\n        \u003cspan class=\"soi-najmt-card-mini-label\"\u003eOrganisme\u003c\/span\u003e\n        \u003cspan class=\"soi-najmt-card-mini-value\"\u003eEcocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-najmt-card-mini\"\u003e\n        \u003cspan class=\"soi-najmt-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-najmt-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-najmt-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-najmt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-najmt-cta-box\"\u003e\n      \u003cp class=\"soi-najmt-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi, naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-najmt-cta-text\" style=\"color: white;\"\u003eMatifier sans dessécher, purifier sans agresser : offrez à votre peau grasse la légèreté et le respect qu'elle mérite avec un soin certifié bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-najmt-marine: #1A2D3D;\n  --soi-najmt-marine-dark: #0F1E2B;\n  --soi-najmt-marine-light: #2C4458;\n  --soi-najmt-pomme: #A1C544;\n  --soi-najmt-pomme-dark: #84A636;\n  --soi-najmt-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-najmt-white: #FFFFFF;\n  --soi-najmt-off-white: #F8FAF6;\n  --soi-najmt-stone: #F1F3EE;\n  --soi-najmt-line: #E5E8E0;\n\n  --soi-najmt-primary: #D4A8A4;\n  --soi-najmt-primary-soft: #F0DDD9;\n  --soi-najmt-accent: #8B6B5E;\n\n  --soi-najmt-text: #1A2D3D;\n  --soi-najmt-text-soft: #4A5B6B;\n  --soi-najmt-text-muted: #7B8693;\n\n  --soi-najmt-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-najmt-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-najmt-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-najmt-radius: 12px;\n  --soi-najmt-radius-sm: 8px;\n  --soi-najmt-radius-pill: 999px;\n}\n\n.soi-najmt-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-najmt-fiche img { max-width: 100%; height: auto; }\n\n.soi-najmt-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-najmt-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-najmt-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-najmt-hero {\n  position: relative;\n  background: var(--soi-najmt-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-najmt-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-najmt-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-najmt-pomme);\n}\n\n.soi-najmt-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-najmt-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-najmt-pomme);\n  border-radius: 50%;\n}\n\n.soi-najmt-hero-title {\n  display: block;\n  color: var(--soi-najmt-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-najmt-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-najmt-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-najmt-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-najmt-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-najmt-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-najmt-label-accent {\n  background: var(--soi-najmt-pomme);\n  border-color: var(--soi-najmt-pomme);\n  color: var(--soi-najmt-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-najmt-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-najmt-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-najmt-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-najmt-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-najmt-pomme);\n  border-radius: 2px;\n}\n\n.soi-najmt-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-najmt-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-najmt-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-najmt-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-najmt-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-najmt-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-najmt-benefit {\n  background: var(--soi-najmt-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-najmt-radius);\n  border: 1px solid var(--soi-najmt-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-najmt-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-najmt-shadow-md);\n}\n\n.soi-najmt-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-najmt-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-najmt-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-najmt-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-najmt-benefit:hover .soi-najmt-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-najmt-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-najmt-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-najmt-benefit p {\n  font-size: 13px;\n  color: var(--soi-najmt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-najmt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-najmt-card {\n  background: var(--soi-najmt-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-najmt-radius);\n  border-left: 3px solid var(--soi-najmt-pomme);\n}\n\n.soi-najmt-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-najmt-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-najmt-card p {\n  font-size: 14px;\n  color: var(--soi-najmt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-najmt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-najmt-card-mini {\n  background: var(--soi-najmt-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-najmt-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-najmt-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-najmt-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-najmt-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-najmt-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-najmt-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-najmt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-najmt-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-najmt-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-najmt-radius);\n  border: 1px solid var(--soi-najmt-line);\n  align-items: flex-start;\n}\n\n.soi-najmt-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-najmt-marine);\n  color: var(--soi-najmt-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-najmt-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-najmt-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-najmt-step-content p {\n  font-size: 14px;\n  color: var(--soi-najmt-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-najmt-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-najmt-pomme-light);\n  border-left: 4px solid var(--soi-najmt-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-najmt-radius) var(--soi-najmt-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-najmt-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-najmt-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-najmt-marine);\n  margin-bottom: 4px;\n}\n\n.soi-najmt-tip p {\n  font-size: 14px;\n  color: var(--soi-najmt-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-najmt-cta-box {\n  background: var(--soi-najmt-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-najmt-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-najmt-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-najmt-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-najmt-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-najmt-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-najmt-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-najmt-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-najmt-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-najmt-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-najmt-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-najmt-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-najmt-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-najmt-fiche {\n    --soi-najmt-text-soft: #2C3E50;\n    --soi-najmt-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646603594,"sku":"NJ0310","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-visage-matifiante-bio-najel-packshot_11zon.jpg?v=1779804262"},{"product_id":"huile-d-amande-douce-certifiee-bio-najel","title":"Huile d’amande douce certifiée bio – Najel","description":"\u003cdiv class=\"soi-amnd-fiche\"\u003e\n\n\u003csection class=\"soi-amnd-hero\"\u003e\n  \u003cdiv class=\"soi-amnd-hero-tag\"\u003e\n    \u003cspan class=\"soi-amnd-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques et soins beauté · Najel\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-amnd-hero-title\"\u003eHuile d'amande douce certifiée bio\u003c\/span\u003e\n  \u003cp class=\"soi-amnd-hero-subtitle\"\u003eUne huile végétale pure, extraite à froid, qui prend soin de votre peau, de vos cheveux et de vos ongles avec une douceur incomparable.\u003c\/p\u003e\n  \u003cdiv class=\"soi-amnd-hero-labels\"\u003e\n    \u003cspan class=\"soi-amnd-label soi-amnd-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-amnd-label\"\u003eCERTIFIÉE BIO\u003c\/span\u003e\n    \u003cspan class=\"soi-amnd-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-amnd-label\"\u003ePREMIÈRE PRESSION À FROID\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eQu'est-ce que l'huile d'amande douce Najel ?\u003c\/h2\u003e\n  \u003cp\u003eL'huile d'amande douce bio Najel est une huile végétale pure, extraite par première pression à froid à partir d'amandiers cultivés en Espagne selon les normes de l'Agriculture Biologique. Certifiée Cosmos Organic par Ecocert, elle est 100 % naturelle, sans additif ni parfum ajouté.\u003c\/p\u003e\n  \u003cp\u003eConditionnée dans un flacon ambré avec pompe doseuse, elle se conserve parfaitement et s'utilise sans gaspillage au quotidien.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-amnd-grid-compact\"\u003e\n    \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n      \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n      \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🇪🇸\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-value\"\u003eEspagne\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n      \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-label\"\u003eExtraction\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-value\"\u003ePremière pression à froid\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n      \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-value\"\u003e100 % naturelle, sans additif\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eLes bienfaits de l'huile d'amande douce : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n  \u003cp class=\"soi-amnd-section-intro\"\u003eSi l'huile d'amande douce est utilisée depuis des siècles, c'est pour une raison simple : elle fonctionne. Voici ce qu'elle vous apporte concrètement.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-amnd-benefits\"\u003e\n    \u003cdiv class=\"soi-amnd-benefit\"\u003e\n      \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n      \u003cp\u003eRiche en acides gras oméga 6 et 9, elle nourrit et assouplit les peaux sèches ou déshydratées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-benefit\"\u003e\n      \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAction apaisante\u003c\/h3\u003e\n      \u003cp\u003eIdéale pour les peaux sensibles, irritées ou sujettes aux rougeurs, y compris les peaux de bébé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-benefit\"\u003e\n      \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEffet antioxydant\u003c\/h3\u003e\n      \u003cp\u003eGrâce aux vitamines A et E, elle aide à prévenir le vieillissement cutané prématuré.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-benefit\"\u003e\n      \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eProtection naturelle\u003c\/h3\u003e\n      \u003cp\u003eElle renforce le film lipidique de la peau face au froid, à la pollution et aux agressions quotidiennes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile d'amande douce Najel ?\u003c\/h2\u003e\n  \u003cp class=\"soi-amnd-section-intro\"\u003eSa polyvalence en fait un soin incontournable, du visage aux pieds. Voici comment l'intégrer simplement à votre routine.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-amnd-grid\"\u003e\n    \u003cdiv class=\"soi-amnd-card\"\u003e\n      \u003ch3\u003e🌿 Visage\u003c\/h3\u003e\n      \u003cp\u003eAppliquez quelques gouttes le soir en massage léger. Convient aux peaux mixtes, sèches et sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card\"\u003e\n      \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n      \u003cp\u003eAprès la douche, massez les zones sèches (coudes, talons, genoux) pour une peau douce et nourrie.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card\"\u003e\n      \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n      \u003cp\u003eEn masque avant-shampoing ou en soin des pointes : l'huile d'amande douce redonne brillance et souplesse aux longueurs abîmées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card\"\u003e\n      \u003ch3\u003e✋ Ongles et cuticules\u003c\/h3\u003e\n      \u003cp\u003eMassez les cuticules chaque soir pour des ongles renforcés et des mains visiblement plus douces.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eConvient-elle aux bébés et aux peaux très sensibles ?\u003c\/h2\u003e\n  \u003cp\u003eOui. L'huile d'amande douce pour bébé est l'une des utilisations les plus répandues, et pour cause : sa texture légère, son profil hypoallergénique et son absence de parfum en font un soin idéal pour les peaux les plus délicates.\u003c\/p\u003e\n  \u003cp\u003eElle peut être utilisée après le bain pour hydrater et apaiser la peau de votre enfant, sous réserve d'absence d'allergie aux fruits à coque.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-amnd-tip\"\u003e\n    \u003cdiv class=\"soi-amnd-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eUn test dans le pli du coude est recommandé avant toute première utilisation, en particulier chez les tout-petits.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eY a-t-il des inconvénients à connaître ?\u003c\/h2\u003e\n  \u003cp\u003eL'huile d'amande douce est généralement très bien tolérée. Cependant, quelques points méritent votre attention.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-amnd-accordion\"\u003e\n    \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n      \u003csummary class=\"soi-amnd-accordion-header\"\u003e⚠️ Allergie aux fruits à coque\u003c\/summary\u003e\n      \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n        \u003cp\u003eDéconseillée en cas d'allergie connue aux amandes. Faites toujours un test préalable dans le pli du coude.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n      \u003csummary class=\"soi-amnd-accordion-header\"\u003e🧪 Peaux très grasses\u003c\/summary\u003e\n      \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n        \u003cp\u003eSa texture, bien qu'absorbante, peut ne pas convenir à toutes les peaux acnéiques en usage quotidien sur le visage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n      \u003csummary class=\"soi-amnd-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n        \u003cp\u003eÀ conserver à l'abri de la lumière et de la chaleur. Le flacon ambré de Najel protège efficacement l'huile de l'oxydation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eComposition de l'huile d'amande douce Najel\u003c\/h2\u003e\n  \u003cdiv class=\"soi-amnd-compo\"\u003e\n    \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n      \u003cspan class=\"soi-amnd-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-compo-value\"\u003ePrunus Amygdalus Dulcis Oil (huile d'amande douce)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n      \u003cspan class=\"soi-amnd-compo-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-compo-value\"\u003ePure, sans ajout, sans conservateur\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n      \u003cspan class=\"soi-amnd-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n      \u003cspan class=\"soi-amnd-compo-label\"\u003eExtraction\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-compo-value\"\u003eÀ froid, pour préserver l'intégralité des actifs naturels\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-amnd-cta-box\"\u003e\n    \u003cp class=\"soi-amnd-cta-tag\" style=\"color: white;\"\u003eUn flacon, mille usages, une seule promesse\u003c\/p\u003e\n    \u003cp class=\"soi-amnd-cta-text\" style=\"color: white;\"\u003eLa douceur au naturel pour toute la famille. Hydratez votre peau, sublimez vos cheveux et prenez soin de vos ongles, en toute confiance, dès le premier jour.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-amnd-marine: #1A2D3D;\n  --soi-amnd-marine-dark: #0F1E2B;\n  --soi-amnd-marine-light: #2C4458;\n  --soi-amnd-pomme: #A1C544;\n  --soi-amnd-pomme-dark: #84A636;\n  --soi-amnd-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-amnd-white: #FFFFFF;\n  --soi-amnd-off-white: #F8FAF6;\n  --soi-amnd-stone: #F1F3EE;\n  --soi-amnd-line: #E5E8E0;\n\n  --soi-amnd-primary: #D4A8A4;\n  --soi-amnd-primary-soft: #F0DDD9;\n  --soi-amnd-accent: #C49A7A;\n\n  --soi-amnd-text: #1A2D3D;\n  --soi-amnd-text-soft: #4A5B6B;\n  --soi-amnd-text-muted: #7B8693;\n\n  --soi-amnd-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-amnd-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-amnd-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-amnd-radius: 12px;\n  --soi-amnd-radius-sm: 8px;\n  --soi-amnd-radius-pill: 999px;\n}\n\n.soi-amnd-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-amnd-fiche img { max-width: 100%; height: auto; }\n\n.soi-amnd-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-amnd-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-amnd-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-amnd-hero {\n  position: relative;\n  background: var(--soi-amnd-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-amnd-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-amnd-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-amnd-pomme);\n}\n\n.soi-amnd-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-amnd-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-amnd-pomme);\n  border-radius: 50%;\n}\n\n.soi-amnd-hero-title {\n  display: block;\n  color: var(--soi-amnd-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-amnd-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-amnd-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-amnd-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-amnd-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-amnd-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-amnd-label-accent {\n  background: var(--soi-amnd-pomme);\n  border-color: var(--soi-amnd-pomme);\n  color: var(--soi-amnd-marine);\n  font-weight: 600;\n}\n\n.soi-amnd-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-amnd-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-amnd-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-amnd-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-amnd-pomme);\n  border-radius: 2px;\n}\n\n.soi-amnd-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-amnd-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-amnd-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-amnd-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-amnd-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-amnd-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-amnd-benefit {\n  background: var(--soi-amnd-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-amnd-radius);\n  border: 1px solid var(--soi-amnd-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-amnd-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-amnd-shadow-md);\n}\n\n.soi-amnd-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-amnd-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-amnd-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-amnd-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-amnd-benefit:hover .soi-amnd-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-amnd-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-amnd-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-amnd-benefit p {\n  font-size: 13px;\n  color: var(--soi-amnd-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-amnd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-amnd-card {\n  background: var(--soi-amnd-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-amnd-radius);\n  border-left: 3px solid var(--soi-amnd-pomme);\n}\n\n.soi-amnd-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-amnd-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-amnd-card p {\n  font-size: 14px;\n  color: var(--soi-amnd-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-amnd-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-amnd-card-mini {\n  background: var(--soi-amnd-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-amnd-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-amnd-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-amnd-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-amnd-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-amnd-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-amnd-marine);\n}\n\n.soi-amnd-compo {\n  background: var(--soi-amnd-off-white);\n  border-radius: var(--soi-amnd-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-amnd-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-amnd-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-amnd-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-amnd-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-amnd-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-amnd-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-amnd-marine);\n  text-align: right;\n}\n\n.soi-amnd-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-amnd-pomme-light);\n  border-left: 4px solid var(--soi-amnd-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-amnd-radius) var(--soi-amnd-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-amnd-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-amnd-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-amnd-marine);\n  margin-bottom: 4px;\n}\n\n.soi-amnd-tip p {\n  font-size: 14px;\n  color: var(--soi-amnd-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-amnd-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-amnd-accordion-item {\n  background: var(--soi-amnd-off-white);\n  border-radius: var(--soi-amnd-radius-sm);\n  border: 1px solid var(--soi-amnd-line);\n  overflow: hidden;\n}\n\n.soi-amnd-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-amnd-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-amnd-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-amnd-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-amnd-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-amnd-accordion-item[open] .soi-amnd-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-amnd-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-amnd-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-amnd-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-amnd-cta-box {\n  background: var(--soi-amnd-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-amnd-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-amnd-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-amnd-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-amnd-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-amnd-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-amnd-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-amnd-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-amnd-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-amnd-compo-value {\n    text-align: left;\n  }\n\n  .soi-amnd-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-amnd-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-amnd-fiche {\n    --soi-amnd-text-soft: #2C3E50;\n    --soi-amnd-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646669130,"sku":"NJ0200","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-damande-douce-certifiee-bio-najel-packshot.webp?v=1779792802"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/soin_visage.webp?v=1780407478","url":"https:\/\/www.soinature.com\/collections\/soins-visage.oembed","provider":"Soinature","version":"1.0","type":"link"}