{"product_id":"savon-du-baroudeur-5-en-1-certifie-bio-florame","title":"Savon du Baroudeur 5 en 1 certifié bio – Florame","description":"\u003cdiv class=\"soi-baro-fiche\"\u003e\n\n  \u003csection class=\"soi-baro-hero\"\u003e\n    \u003cdiv class=\"soi-baro-hero-tag\"\u003e\n      \u003cspan class=\"soi-baro-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Florame\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-baro-hero-title\"\u003eSavon du Baroudeur 5 en 1 certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-baro-hero-subtitle\"\u003eUn seul savon solide pour vos cheveux, votre visage, votre barbe, votre corps et votre rasage. Formulé aux huiles essentielles bio et à l'huile d'argan bio, fabriqué en Provence.\u003c\/p\u003e\n    \u003cdiv class=\"soi-baro-hero-labels\"\u003e\n      \u003cspan class=\"soi-baro-label soi-baro-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-baro-label\"\u003eBIO CERTIFIÉ\u003c\/span\u003e\n      \u003cspan class=\"soi-baro-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-baro-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-baro-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-baro-section\"\u003e\n    \u003ch2\u003eUn seul savon pour tout faire, partout\u003c\/h2\u003e\n    \u003cp\u003eVous partez en voyage avec un sac déjà bien chargé ? Vous cherchez à simplifier votre salle de bain sans sacrifier la qualité de vos soins ? Le \u003cstrong\u003eSavon du Baroudeur 5 en 1 certifié bio de Florame\u003c\/strong\u003e est fait pour vous. Fabriqué à Saint-Rémy-de-Provence et certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce savon solide polyvalent remplace d'un seul bloc votre shampooing, votre gel douche, votre savon visage, votre soin barbe et votre mousse à raser. Moins d'emballages, moins d'encombrement, plus de liberté.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-baro-section\"\u003e\n    \u003ch2\u003e5 usages, une seule barre de savon bio\u003c\/h2\u003e\n    \u003cp class=\"soi-baro-section-intro\"\u003eCe qui distingue ce savon 5 en 1, c'est sa formule spécifiquement pensée pour la peau et les besoins masculins. Voici ce qu'il fait concrètement :\u003c\/p\u003e\n    \u003cdiv class=\"soi-baro-grid soi-baro-grid-5\"\u003e\n      \u003cdiv class=\"soi-baro-card\"\u003e\n        \u003ch3\u003e🧴 Cheveux\u003c\/h3\u003e\n        \u003cp\u003eNettoie le cuir chevelu en douceur sans altérer les fibres capillaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-card\"\u003e\n        \u003ch3\u003e🧼 Visage\u003c\/h3\u003e\n        \u003cp\u003eÉlimine impuretés et excès de sébum sans dessécher la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-card\"\u003e\n        \u003ch3\u003e🪒 Barbe et rasage\u003c\/h3\u003e\n        \u003cp\u003eAssouplit le poil et crée une mousse légère pour un rasage confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-card\"\u003e\n        \u003ch3\u003e🚿 Corps\u003c\/h3\u003e\n        \u003cp\u003ePurifie la peau de la tête aux pieds après le sport ou une journée chargée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-card\"\u003e\n        \u003ch3\u003e✈️ Voyage\u003c\/h3\u003e\n        \u003cp\u003eFormat solide de 100 g, accepté en cabine avion, zéro liquide, zéro stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-baro-section\"\u003e\n    \u003ch2\u003eUne formule bio qui prend soin de votre peau\u003c\/h2\u003e\n    \u003cp class=\"soi-baro-section-intro\"\u003eLà où certains savons multi-usages misent tout sur la praticité au détriment de la peau, Florame a choisi une formule enrichie en actifs naturels de qualité :\u003c\/p\u003e\n    \u003cdiv class=\"soi-baro-benefits\"\u003e\n      \u003cdiv class=\"soi-baro-benefit\"\u003e\n        \u003cdiv class=\"soi-baro-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile d'Argan bio\u003c\/h3\u003e\n        \u003cp\u003eIssue du Maroc, elle nourrit en profondeur, assouplit la peau, adoucit la barbe et apporte du brillant aux cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-benefit\"\u003e\n        \u003cdiv class=\"soi-baro-benefit-icon\"\u003e\u003cspan\u003e🌲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile essentielle de Cèdre Atlas bio\u003c\/h3\u003e\n        \u003cp\u003eNote boisée et masculine, elle tonifie les sens et aide à réguler le cuir chevelu gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-benefit\"\u003e\n        \u003cdiv class=\"soi-baro-benefit-icon\"\u003e\u003cspan\u003e🧪\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormule d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eTestée sous contrôle dermatologique, sans parabènes, sans sulfates agressifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-baro-tip\"\u003e\n      \u003cdiv class=\"soi-baro-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eRésultat\u003c\/strong\u003e\n        \u003cp\u003eAprès chaque utilisation, la peau est propre et confortable, la barbe est disciplinée, et les cheveux retrouvent de la vitalité sans effet carton.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-baro-section\"\u003e\n    \u003ch2\u003eComposition complète du Savon du Baroudeur Florame\u003c\/h2\u003e\n    \u003cdiv class=\"soi-baro-compo\"\u003e\n      \u003cdiv class=\"soi-baro-compo-row\"\u003e\n        \u003cspan class=\"soi-baro-compo-label\"\u003ePoids net\u003c\/span\u003e\n        \u003cspan class=\"soi-baro-compo-value\"\u003e100 g (3.5 oz)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-compo-row\"\u003e\n        \u003cspan class=\"soi-baro-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-baro-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-compo-row\"\u003e\n        \u003cspan class=\"soi-baro-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-baro-compo-value\"\u003eFrance (Provence)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-compo-row\"\u003e\n        \u003cspan class=\"soi-baro-compo-label\"\u003eForme\u003c\/span\u003e\n        \u003cspan class=\"soi-baro-compo-value\"\u003eSavon solide\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-baro-accordion\"\u003e\n      \u003cdetails class=\"soi-baro-accordion-item\"\u003e\n        \u003csummary class=\"soi-baro-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-baro-accordion-content\"\u003e\n          \u003cp\u003eSodium Palmate, Sodium Palm Kernelate, Aqua, Parfum, Argania Spinosa Kernel Oil*, Cedrus Atlantica Bark Oil*, Sodium Chloride, Tetrasodium Glutamate Diacetate, Citric Acid, Limonene, Linalool.\u003c\/p\u003e\n          \u003cp\u003e(*Ingrédients issus de l'agriculture biologique)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-baro-section\"\u003e\n    \u003ch2\u003eComment utiliser votre savon 5 en 1 au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-baro-timeline\"\u003e\n      \u003cdiv class=\"soi-baro-step\"\u003e\n        \u003cdiv class=\"soi-baro-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-baro-step-content\"\u003e\n          \u003ch3\u003eCheveux\u003c\/h3\u003e\n          \u003cp\u003eFrottez le savon entre vos mains mouillées pour créer une mousse, appliquez sur le cuir chevelu et rincez abondamment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-step\"\u003e\n        \u003cdiv class=\"soi-baro-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-baro-step-content\"\u003e\n          \u003ch3\u003eVisage et corps\u003c\/h3\u003e\n          \u003cp\u003eTravaillez directement le savon sur la peau humide en mouvements circulaires, puis rincez à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-step\"\u003e\n        \u003cdiv class=\"soi-baro-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-baro-step-content\"\u003e\n          \u003ch3\u003eBarbe et rasage\u003c\/h3\u003e\n          \u003cp\u003eÉmulsionnez le savon sur la barbe humide pour créer une mousse protectrice avant de passer le rasoir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-step\"\u003e\n        \u003cdiv class=\"soi-baro-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-baro-step-content\"\u003e\n          \u003ch3\u003eConservation\u003c\/h3\u003e\n          \u003cp\u003eLaissez sécher le savon entre chaque usage sur un porte-savon aéré 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  \u003csection class=\"soi-baro-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Florame plutôt qu'un savon outdoor classique ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-baro-grid\"\u003e\n      \u003cdiv class=\"soi-baro-card\"\u003e\n        \u003ch3\u003e🏅 Certification reconnue\u003c\/h3\u003e\n        \u003cp\u003eCosmos Organic, une certification reconnue internationalement, bien au-delà d'un simple label marketing.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-card\"\u003e\n        \u003ch3\u003e🇫🇷 Savoir-faire provençal\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en Provence, en France, dans le respect des traditions savonnières.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-card\"\u003e\n        \u003ch3\u003e👨 Formulé pour les hommes\u003c\/h3\u003e\n        \u003cp\u003eFormule spécifiquement adaptée à la peau masculine, contrairement aux savons multi-usages génériques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-card\"\u003e\n        \u003ch3\u003e🎒 Compact et pratique\u003c\/h3\u003e\n        \u003cp\u003eFormat solide et compact, idéal pour le sport, le camping, les voyages longue durée ou le quotidien minimaliste.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-baro-card\"\u003e\n        \u003ch3\u003e🔬 Testé dermatologiquement\u003c\/h3\u003e\n        \u003cp\u003eTesté sous contrôle dermatologique pour une utilisation quotidienne en toute confiance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-baro-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-baro-cta-box\"\u003e\n      \u003cp class=\"soi-baro-cta-tag\" style=\"color: white;\"\u003ePartez léger \u0026amp; prenez soin de vous naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-baro-cta-text\" style=\"color: white;\"\u003eUn bloc de savon bio certifié, fabriqué en Provence, qui prend soin de vos cheveux, de votre visage, de votre barbe et de votre corps avec une seule et même formule naturelle. Parce que l'essentiel, ça tient parfois dans 100 grammes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-baro-marine: #1A2D3D;\n  --soi-baro-marine-dark: #0F1E2B;\n  --soi-baro-marine-light: #2C4458;\n  --soi-baro-pomme: #A1C544;\n  --soi-baro-pomme-dark: #84A636;\n  --soi-baro-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-baro-white: #FFFFFF;\n  --soi-baro-off-white: #F8FAF6;\n  --soi-baro-stone: #F1F3EE;\n  --soi-baro-line: #E5E8E0;\n\n  --soi-baro-primary: #C4A35A;\n  --soi-baro-primary-soft: rgba(196,163,90,0.12);\n  --soi-baro-accent: #3D3D3D;\n\n  --soi-baro-text: #1A2D3D;\n  --soi-baro-text-soft: #4A5B6B;\n  --soi-baro-text-muted: #7B8693;\n\n  --soi-baro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-baro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-baro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-baro-radius: 12px;\n  --soi-baro-radius-sm: 8px;\n  --soi-baro-radius-pill: 999px;\n}\n\n.soi-baro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-baro-fiche img { max-width: 100%; height: auto; }\n\n.soi-baro-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-baro-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-baro-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-baro-hero {\n  position: relative;\n  background: var(--soi-baro-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-baro-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-baro-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-baro-primary);\n}\n\n.soi-baro-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-baro-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-baro-primary);\n  border-radius: 50%;\n}\n\n.soi-baro-hero-title {\n  display: block;\n  color: var(--soi-baro-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-baro-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-baro-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-baro-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-baro-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-baro-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-baro-label-accent {\n  background: var(--soi-baro-primary);\n  border-color: var(--soi-baro-primary);\n  color: var(--soi-baro-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-baro-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-baro-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-baro-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-baro-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-baro-pomme);\n  border-radius: 2px;\n}\n\n.soi-baro-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-baro-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-baro-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-baro-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-baro-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-baro-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-baro-benefit {\n  background: var(--soi-baro-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-baro-radius);\n  border: 1px solid var(--soi-baro-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-baro-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-baro-shadow-md);\n}\n\n.soi-baro-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-baro-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-baro-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-baro-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-baro-benefit:hover .soi-baro-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-baro-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-baro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-baro-benefit p {\n  font-size: 13px;\n  color: var(--soi-baro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-baro-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-baro-grid-5 {\n  grid-template-columns: repeat(3, 1fr);\n}\n\n.soi-baro-card {\n  background: var(--soi-baro-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-baro-radius);\n  border-left: 3px solid var(--soi-baro-primary);\n}\n\n.soi-baro-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-baro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-baro-card p {\n  font-size: 14px;\n  color: var(--soi-baro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-baro-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-baro-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-baro-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-baro-radius);\n  border: 1px solid var(--soi-baro-line);\n  align-items: flex-start;\n}\n\n.soi-baro-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-baro-marine);\n  color: var(--soi-baro-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-baro-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-baro-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-baro-step-content p {\n  font-size: 14px;\n  color: var(--soi-baro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-baro-compo {\n  background: var(--soi-baro-off-white);\n  border-radius: var(--soi-baro-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-baro-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-baro-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-baro-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-baro-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-baro-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-baro-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-baro-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-baro-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-baro-primary-soft);\n  border-left: 4px solid var(--soi-baro-primary);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-baro-radius) var(--soi-baro-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-baro-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-baro-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-baro-marine);\n  margin-bottom: 4px;\n}\n\n.soi-baro-tip p {\n  font-size: 14px;\n  color: var(--soi-baro-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-baro-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-baro-accordion-item {\n  background: var(--soi-baro-off-white);\n  border-radius: var(--soi-baro-radius-sm);\n  border: 1px solid var(--soi-baro-line);\n  overflow: hidden;\n}\n\n.soi-baro-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-baro-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-baro-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-baro-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-baro-primary);\n  transition: transform 0.2s ease;\n}\n\n.soi-baro-accordion-item[open] .soi-baro-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-baro-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-baro-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-baro-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-baro-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-baro-cta-box {\n  background: var(--soi-baro-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-baro-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-baro-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-baro-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-baro-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-baro-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-baro-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-baro-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-baro-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-baro-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-baro-compo-value {\n    text-align: left;\n  }\n\n  .soi-baro-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-baro-grid-5 {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-baro-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-baro-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (min-width: 641px) and (max-width: 900px) {\n  .soi-baro-grid-5 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-baro-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-baro-fiche {\n    --soi-baro-text-soft: #2C3E50;\n    --soi-baro-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603892658506,"sku":"FM0545","price":6.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/florame_fm0545_savon_baroudeur_1c1369e6-545c-488f-a5a4-e8ba8e9ae322.jpg?v=1778843450","url":"https:\/\/www.soinature.com\/products\/savon-du-baroudeur-5-en-1-certifie-bio-florame","provider":"Soinature","version":"1.0","type":"link"}