{"product_id":"savon-saponifie-a-froid-certifie-bio-20-aloe-vera","title":"Savon saponifié à froid certifié Bio 20% Aloe Vera","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 naturelle · Pur'Aloé\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-aloe-hero-title\"\u003eSavon saponifié à froid certifié Bio 20% Aloe Vera\u003c\/span\u003e\n    \u003cp class=\"soi-aloe-hero-subtitle\"\u003eUn savon surgras artisanal fabriqué en Provence, enrichi en aloe vera natif bio et équitable pour nettoyer votre peau en douceur sans jamais l'agresser.\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\"\u003eBIO \u0026amp; ÉQUITABLE\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003cp class=\"soi-aloe-section-intro\"\u003eVous cherchez un savon qui nettoie vraiment sans agresser votre peau ? Le savon saponifié à froid certifié Bio 20% Aloe Vera de Pur'Aloé est exactement ce qu'il vous faut. Formulé en Provence avec de l'aloe vera natif issu de pulpe fraîche non chauffée, ce savon surgras préserve tous les actifs de la plante pour une efficacité maximale sur les peaux sèches, sensibles et délicates.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir un savon saponifié à froid surgras ? --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un savon saponifié à froid surgras ?\u003c\/h2\u003e\n    \u003cp\u003eLa saponification à froid est une méthode artisanale traditionnelle qui change tout. En évitant toute chauffe, elle conserve intacte la glycérine naturelle produite lors de la fabrication, ainsi que tous les bienfaits des huiles végétales. Résultat : un savon bien plus doux, nourrissant et respectueux de la peau que les savons industriels.\u003c\/p\u003e\n    \u003cp\u003eAjoutez à cela la mention « surgras », qui signifie qu'une partie des huiles n'est pas saponifiée et reste libre pour nourrir directement la peau, et vous obtenez un soin lavant d'exception.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Ce que l'Aloe Vera natif apporte à votre peau --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eCe que l'Aloe Vera natif apporte à votre peau\u003c\/h2\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 en profondeur\u003c\/h3\u003e\n        \u003cp\u003eL'aloe vera, composé à 99% d'eau et de polysaccharides, retient l'humidité dans les couches superficielles de la peau pour un confort durable.\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\u003eEffet apaisant immédiat\u003c\/h3\u003e\n        \u003cp\u003eIdéal après le rasage, en cas de tiraillements ou de rougeurs légères, ce savon calme instantanément les sensations d'inconfort.\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\u003eNettoyage doux et efficace\u003c\/h3\u003e\n        \u003cp\u003eÉlimine impuretés et sébum sans perturber le film hydrolipidique naturel de votre peau.\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\u003ePeau revitalisée\u003c\/h3\u003e\n        \u003cp\u003eLes vitamines A, C, E et acides aminés de la plante soutiennent le renouvellement cutané au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition et ingrédients du savon bio Pur'Aloé --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eComposition et ingrédients du savon bio Pur'Aloé\u003c\/h2\u003e\n    \u003cp\u003eFormulé avec 99,9% d'ingrédients d'origine naturelle et 75% issus de l'agriculture biologique, ce savon aloe vera tient toutes ses promesses de transparence.\u003c\/p\u003e\n    \u003cdiv class=\"soi-aloe-grid-compact\"\u003e\n      \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n        \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🌵\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-card-mini-label\"\u003eAloe Vera natif\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-card-mini-value\"\u003e20%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n        \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-card-mini-value\"\u003e99,9%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n        \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🌾\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-card-mini-label\"\u003eAgriculture bio\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-card-mini-value\"\u003e75%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n        \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-card-mini-label\"\u003ePoids net\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-card-mini-value\"\u003e90 g\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\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\"\u003e20% Aloe Vera natif bio et équitable (pulpe fraîche, non chauffée)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eBeurre de karité certifié bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eBase aqueuse\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eSans eau ajoutée (l'aloe vera remplace intégralement l'eau)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eHuile de palme, paraben, silicone\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      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eProvence, France\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser ce savon aloe vera au quotidien ? --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eComment utiliser ce savon aloe vera au quotidien ?\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\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFrottez le savon entre vos mains humides jusqu'à obtenir une mousse crémeuse et onctueuse.\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\u003eAppliquez et nettoyez\u003c\/h3\u003e\n          \u003cp\u003eAppliquez la mousse sur le visage ou le corps, puis rincez à l'eau tiède. Convient matin et soir, en remplacement de votre gel douche ou savon habituel.\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\u003eConservez au sec\u003c\/h3\u003e\n          \u003cp\u003ePour préserver sa durée de vie, posez votre savon sur un porte-savon aéré entre chaque utilisation : bien séché, il dure bien plus longtemps.\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\u003eCe savon convient à toute la famille, y compris aux peaux les plus sensibles. Utilisez-le au quotidien pour simplifier votre routine avec un produit unique, sain et efficace, du visage au corps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Un choix engagé pour vous et la planète --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eUn choix engagé pour vous et la planète\u003c\/h2\u003e\n    \u003cdiv class=\"soi-aloe-grid\"\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication responsable\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France dans un bâtiment écologique labellisé, sans émissions de fumée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e📦 Emballage écoconçu\u003c\/h3\u003e\n        \u003cp\u003eEmballage en carton recyclé, sans plastique, pour réduire votre impact environnemental.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n        \u003cp\u003eAloe vera issu du commerce équitable, pour une filière juste et solidaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-card\"\u003e\n        \u003ch3\u003e🌍 Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eLa certification Cosmos Organic garantit des méthodes de production responsables et respectueuses de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pour qui est ce savon surgras saponifié à froid ? --\u003e\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003ePour qui est ce savon surgras saponifié à froid ?\u003c\/h2\u003e\n    \u003cp\u003eCe savon est particulièrement recommandé pour les peaux sèches, sensibles ou réactives, mais il convient à tous les types de peau. Il est aussi apprécié des personnes qui souhaitent simplifier leur routine beauté avec un produit unique, sain et efficace, du visage au corps.\u003c\/p\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-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n      \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un soin lavant d'exception : douceur, nutrition et engagement écoresponsable dans un seul geste, fabriqué artisanalement en Provence.\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: #6B8E4E;\n  --soi-aloe-primary-soft: #E8DFC8;\n  --soi-aloe-accent: #8FA87A;\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\/* === RESET === *\/\n.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\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  line-height: 1.7;\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\/* === GRID COMPACT === *\/\n.soi-aloe-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.5rem;\n}\n\n.soi-aloe-card-mini {\n  background: var(--soi-aloe-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-aloe-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-aloe-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-aloe-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-aloe-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-aloe-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-aloe-marine);\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}\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}\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  .soi-aloe-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-aloe-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-aloe-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\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":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603430564170,"sku":"PU0095","price":8.06,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-saponifie-a-froid-certifie-bio-20-aloe-vera-packshot_0d997563-e54b-4484-ad5c-d80ca35b8c66.webp?v=1782112220","url":"https:\/\/www.soinature.com\/products\/savon-saponifie-a-froid-certifie-bio-20-aloe-vera","provider":"Soinature","version":"1.0","type":"link"}