{"product_id":"shampooing-aloe-vera-certifie-bio-coslys","title":"Shampooing Aloe vera certifié bio – Coslys","description":"\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-aloe-hero\"\u003e\n    \u003cdiv class=\"soi-aloe-hero-tag\"\u003e\n      \u003cspan class=\"soi-aloe-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène capillaire · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-aloe-hero-title\"\u003eShampooing Aloe Vera certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-aloe-hero-subtitle\"\u003eUn shampooing doux et hydratant pour toute la famille, formulé à 97,5 % d'ingrédients d'origine naturelle, sans silicone ni sulfates agressifs.\u003c\/p\u003e\n    \u003cdiv class=\"soi-aloe-hero-labels\"\u003e\n      \u003cspan class=\"soi-aloe-label soi-aloe-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003e0 % SILICONE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Le shampooing bio à l'aloe vera pour toute la famille --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eLe shampooing bio à l'aloe vera pour toute la famille\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un \u003cstrong\u003eshampooing bio doux, efficace et adapté à tous les types de cheveux\u003c\/strong\u003e ? Le Shampooing Aloe Vera certifié bio de Coslys est fait pour vous. Formulé avec de l'aloe vera biologique certifié Cosmos Organic, il nettoie en douceur, hydrate en profondeur et respecte l'équilibre naturel du cuir chevelu, pour les enfants comme pour les adultes.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir ce shampooing naturel bio ? --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampooing naturel bio ?\u003c\/h2\u003e\n    \u003cp class=\"soi-aloe-section-intro\"\u003eContrairement à de nombreux shampooings naturels bio du marché, celui-ci ne fait aucune concession entre efficacité et douceur. Sa formule à \u003cstrong\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, sans silicone, sans sulfates agressifs, convient aussi bien aux cheveux secs, gras, normaux que mixtes. Un seul flacon pour toute la famille, c'est aussi un geste concret pour simplifier votre routine et réduire votre impact environnemental.\u003c\/p\u003e\n    \u003cdiv class=\"soi-aloe-grid\"\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eGage de qualité biologique reconnu à l'échelle internationale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eSelon des normes strictes de formulation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e🐰 Vegan et cruelty-free\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient animal, aucun test sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e♻️ Emballage 100 % recyclé et recyclable\u003c\/h3\u003e\n        \u003cp\u003eRechargeable pour limiter les déchets plastiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e✨ 0 % silicone\u003c\/h3\u003e\n        \u003cp\u003eLes cheveux respirent et retrouvent leur légèreté naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les bienfaits de l'aloe vera bio sur vos cheveux --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'aloe vera bio sur vos cheveux\u003c\/h2\u003e\n    \u003cp class=\"soi-aloe-section-intro\"\u003eL'aloe vera est l'un des actifs capillaires les plus complets qui existe. Riche en vitamines, minéraux et acides aminés, il agit simultanément sur plusieurs niveaux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-aloe-benefits\"\u003e\n      \u003cdiv class=\"soi-aloe-benefit\"\u003e\n        \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation intense\u003c\/h3\u003e\n        \u003cp\u003eIl pénètre la fibre capillaire pour nourrir durablement sans alourdir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-benefit\"\u003e\n        \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement du cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eIl calme les irritations, les démangeaisons et la sensation de tiraillement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-benefit\"\u003e\n        \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉquilibre du sébum\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les cheveux gras, il régule la production de sébum sans dessécher.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-benefit\"\u003e\n        \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBrillance et légèreté\u003c\/h3\u003e\n        \u003cp\u003eAprès chaque lavage, les cheveux sont visiblement plus doux, brillants et pleins de vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser ce shampooing bio ? --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampooing bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-aloe-timeline\"\u003e\n      \u003cdiv class=\"soi-aloe-step\"\u003e\n        \u003cdiv class=\"soi-aloe-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-aloe-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-step\"\u003e\n        \u003cdiv class=\"soi-aloe-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-aloe-step-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement le cuir chevelu pour faire mousser.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-step\"\u003e\n        \u003cdiv class=\"soi-aloe-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-aloe-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède. Renouvelez si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-aloe-tip\"\u003e\n      \u003cdiv class=\"soi-aloe-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSa formule douce convient à une utilisation quotidienne, même pour les peaux et cuirs chevelus les plus sensibles. Elle ne pique pas les yeux, ce qui la rend parfaitement adaptée aux enfants. Pour un résultat optimal, vous pouvez compléter ce shampooing avec un après-shampooing bio pour démêler et sublimer encore davantage vos cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition du Shampooing Aloe Vera Bio Coslys --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eComposition du Shampooing Aloe Vera Bio Coslys\u003c\/h2\u003e\n    \u003cp class=\"soi-aloe-section-intro\"\u003eFormule à \u003cstrong\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont de l'aloe vera biologique certifié en ingrédient vedette.\u003c\/p\u003e\n    \u003cdiv class=\"soi-aloe-compo\"\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eAloe Barbadensis Leaf Juice* (aloe vera bio) : hydratant, apaisant et régénérant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eAgents lavants\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eD'origine végétale, nettoyage doux sans agresser la fibre capillaire\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eD'origine naturelle, note fraîche et légère\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003e97,5 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique. Liste complète des ingrédients disponible sur l'emballage produit.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Ce shampooing est-il fait pour vous ? --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eCe shampooing est-il fait pour vous ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-aloe-grid\"\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e🔄 Transition vers le bio\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez passer à un shampooing bio sans compromis sur la mousse ni l'efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e🌱 Cuir chevelu sensible\u003c\/h3\u003e\n        \u003cp\u003eVous avez un cuir chevelu sensible, irrité ou des cheveux gras qui nécessitent douceur et équilibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez un produit adapté à toute la famille, des enfants aux adultes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e🌍 Consommation responsable\u003c\/h3\u003e\n        \u003cp\u003eVous êtes engagé dans une consommation responsable et souhaitez réduire votre empreinte écologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-aloe-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-aloe-cta-box\"\u003e\n      \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003ePrenez soin de vos cheveux et de votre famille avec un shampooing bio qui tient vraiment ses promesses. L'aloe vera certifié de Coslys apaise, hydrate et équilibre, lavage après lavage, sans jamais agresser.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-aloe-marine: #1A2D3D;\n  --soi-aloe-marine-dark: #0F1E2B;\n  --soi-aloe-marine-light: #2C4458;\n  --soi-aloe-pomme: #A1C544;\n  --soi-aloe-pomme-dark: #84A636;\n  --soi-aloe-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-aloe-white: #FFFFFF;\n  --soi-aloe-off-white: #F8FAF6;\n  --soi-aloe-stone: #F1F3EE;\n  --soi-aloe-line: #E5E8E0;\n\n  --soi-aloe-primary: #6BAF3D;\n  --soi-aloe-primary-soft: #E8F5D6;\n  --soi-aloe-accent: #C9437A;\n\n  --soi-aloe-text: #1A2D3D;\n  --soi-aloe-text-soft: #4A5B6B;\n  --soi-aloe-text-muted: #7B8693;\n\n  --soi-aloe-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-aloe-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-aloe-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-aloe-radius: 12px;\n  --soi-aloe-radius-sm: 8px;\n  --soi-aloe-radius-pill: 999px;\n}\n\n.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n.soi-aloe-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-aloe-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-aloe-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-aloe-hero {\n  position: relative;\n  background: var(--soi-aloe-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-aloe-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-aloe-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-aloe-pomme);\n}\n\n.soi-aloe-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-aloe-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-aloe-pomme);\n  border-radius: 50%;\n}\n\n.soi-aloe-hero-title {\n  display: block;\n  color: var(--soi-aloe-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-aloe-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-aloe-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-aloe-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-aloe-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-aloe-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-aloe-label-accent {\n  background: var(--soi-aloe-pomme);\n  border-color: var(--soi-aloe-pomme);\n  color: var(--soi-aloe-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-aloe-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-aloe-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-aloe-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-aloe-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-aloe-pomme);\n  border-radius: 2px;\n}\n\n.soi-aloe-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-aloe-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-aloe-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-aloe-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-aloe-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-aloe-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-aloe-benefit {\n  background: var(--soi-aloe-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-aloe-radius);\n  border: 1px solid var(--soi-aloe-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-aloe-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-aloe-shadow-md);\n}\n\n.soi-aloe-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-aloe-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-aloe-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-aloe-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-aloe-benefit:hover .soi-aloe-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-aloe-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-aloe-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-aloe-benefit p {\n  font-size: 13px;\n  color: var(--soi-aloe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-aloe-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-aloe-card {\n  background: var(--soi-aloe-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-aloe-radius);\n  border-left: 3px solid var(--soi-aloe-pomme);\n}\n\n.soi-aloe-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-aloe-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-aloe-card p {\n  font-size: 14px;\n  color: var(--soi-aloe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-aloe-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-aloe-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-aloe-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-aloe-radius);\n  border: 1px solid var(--soi-aloe-line);\n  align-items: flex-start;\n}\n\n.soi-aloe-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-aloe-marine);\n  color: var(--soi-aloe-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-aloe-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-aloe-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-aloe-step-content p {\n  font-size: 14px;\n  color: var(--soi-aloe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-aloe-compo {\n  background: var(--soi-aloe-off-white);\n  border-radius: var(--soi-aloe-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-aloe-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-aloe-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-aloe-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-aloe-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-aloe-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-aloe-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-aloe-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-aloe-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-aloe-pomme-light);\n  border-left: 4px solid var(--soi-aloe-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-aloe-radius) var(--soi-aloe-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-aloe-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-aloe-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-aloe-marine);\n  margin-bottom: 4px;\n}\n\n.soi-aloe-tip p {\n  font-size: 14px;\n  color: var(--soi-aloe-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-aloe-cta-box {\n  background: var(--soi-aloe-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-aloe-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-aloe-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-aloe-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-aloe-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-aloe-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-aloe-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-aloe-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-aloe-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-aloe-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-aloe-compo-value {\n    text-align: left;\n  }\n\n  .soi-aloe-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-aloe-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-aloe-fiche {\n    --soi-aloe-text-soft: #2C3E50;\n    --soi-aloe-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61612339822922,"sku":"CS0170","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0170-shampooing-famille_2743fafa-7a42-4218-8e0c-d662f8153e87.jpg?v=1778842734","url":"https:\/\/www.soinature.com\/products\/shampooing-aloe-vera-certifie-bio-coslys","provider":"Soinature","version":"1.0","type":"link"}