{"product_id":"savon-actif-propolis-miel-et-karite-propolia","title":"Savon actif Propolis, Miel et Karité - Propolia","description":"\u003cdiv class=\"soi-spro-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-spro-hero\"\u003e\n    \u003cdiv class=\"soi-spro-hero-tag\"\u003e\n      \u003cspan class=\"soi-spro-tag-dot\"\u003e\u003c\/span\u003e\n      Apithérapie · Propolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-spro-hero-title\"\u003e1 savon, 3 ingrédients\u003c\/span\u003e\n    \u003cp class=\"soi-spro-hero-subtitle\"\u003ePurifier, réparer et nourrir votre peau au quotidien grâce à trois actifs naturels d'exception issus de la ruche et du karité, certifiés bio.\u003c\/p\u003e\n    \u003cdiv class=\"soi-spro-hero-labels\"\u003e\n      \u003cspan class=\"soi-spro-label soi-spro-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-spro-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-spro-label\"\u003eSANS PARABÈNE\u003c\/span\u003e\n      \u003cspan class=\"soi-spro-label\"\u003eSANS SULFATE\u003c\/span\u003e\n      \u003cspan class=\"soi-spro-label\"\u003e97 % NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Purifier, réparer et nourrir au naturel --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003eSavon actif Propolis, Miel et Karité : purifier, réparer et nourrir au naturel\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un savon capable de nettoyer vraiment en profondeur, sans agresser votre peau ni la dessécher ? Le savon actif propolis miel et karité Propolia est fait pour vous. Certifié COSMOS Organic et fabriqué en France (Occitanie), il combine trois actifs naturels d'exception pour un soin complet, visage et corps, adapté à toute la famille dès 3 ans.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Pourquoi ce savon fait la différence --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003ePourquoi ce savon miel et propolis fait la différence\u003c\/h2\u003e\n    \u003cp class=\"soi-spro-section-intro\"\u003eContrairement à un savon classique, ce soin actif ne se contente pas de nettoyer la surface. Chaque ingrédient a un rôle précis :\u003c\/p\u003e\n    \u003cdiv class=\"soi-spro-benefits\"\u003e\n      \u003cdiv class=\"soi-spro-benefit\"\u003e\n        \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n        \u003cp\u003eRésine naturelle produite par les abeilles, reconnue pour ses propriétés purifiantes et protectrices. Elle aide à assainir les peaux à tendance acnéique et à limiter les imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-benefit\"\u003e\n        \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMiel bio\u003c\/h3\u003e\n        \u003cp\u003eDoux, apaisant et réparateur, il hydrate la peau tout en la protégeant des agressions extérieures. Idéal pour les peaux sensibles ou réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-benefit\"\u003e\n        \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras essentiels, il nourrit et adoucit la peau durablement, sans laisser de sensation grasse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-benefit\"\u003e\n        \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e💐\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuiles essentielles\u003c\/h3\u003e\n        \u003cp\u003eLa lavande et le romarin apportent une odeur fraîche et naturelle, tout en renforçant l'action purifiante du savon.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-spro-tip\"\u003e\n      \u003cdiv class=\"soi-spro-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n        \u003cp\u003eUne peau propre, équilibrée, douce au toucher, sans tiraillement après le rinçage.\u003c\/p\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-spro-section\"\u003e\n    \u003ch2\u003ePour qui est ce savon miel propolis bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-spro-grid\"\u003e\n      \u003cdiv class=\"soi-spro-card\"\u003e\n        \u003ch3\u003e🎯 Peaux à imperfections ou acnéiques\u003c\/h3\u003e\n        \u003cp\u003eLa propolis aide à assainir sans irriter, ce qui en fait une alternative naturelle sérieuse aux savons chimiques anti-acné.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-card\"\u003e\n        \u003ch3\u003e🤍 Peaux sensibles ou sèches\u003c\/h3\u003e\n        \u003cp\u003eLe karité et le miel compensent l'effet nettoyant pour éviter toute sensation d'inconfort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eFormulé pour les adultes comme pour les enfants dès 3 ans, il s'utilise au quotidien sur le visage et le corps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Composition --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003eComposition du savon actif Propolia (INCI)\u003c\/h2\u003e\n    \u003cp class=\"soi-spro-section-intro\"\u003eCe savon contient 97 % d'ingrédients d'origine naturelle, dont une part certifiée biologique. Principaux actifs :\u003c\/p\u003e\n    \u003cdiv class=\"soi-spro-compo\"\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003ePropolis bio (extrait)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003eMiel bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003eBeurre de karité bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003eLavande vraie, Romarin\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003ePoids net\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003e100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-compo-row\"\u003e\n        \u003cspan class=\"soi-spro-compo-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-compo-value\"\u003eSans parabène, sans sulfate, sans colorant artificiel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-spro-tip\"\u003e\n      \u003cdiv class=\"soi-spro-tip-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e\n        \u003cp\u003eCe savon n'est pas un complément alimentaire : il est exclusivement réservé à un usage cutané externe.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon propolis miel et karité ?\u003c\/h2\u003e\n    \u003cp class=\"soi-spro-section-intro\"\u003eSon utilisation est simple et adaptée à votre routine quotidienne :\u003c\/p\u003e\n    \u003cdiv class=\"soi-spro-timeline\"\u003e\n      \u003cdiv class=\"soi-spro-step\"\u003e\n        \u003cdiv class=\"soi-spro-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-spro-step-content\"\u003e\n          \u003ch3\u003eMouillez\u003c\/h3\u003e\n          \u003cp\u003eMouillez votre visage ou votre corps à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-step\"\u003e\n        \u003cdiv class=\"soi-spro-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-spro-step-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-step\"\u003e\n        \u003cdiv class=\"soi-spro-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-spro-step-content\"\u003e\n          \u003ch3\u003eMassez et rincez\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement en mouvements circulaires, puis rincez abondamment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-step\"\u003e\n        \u003cdiv class=\"soi-spro-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-spro-step-content\"\u003e\n          \u003ch3\u003eFréquence\u003c\/h3\u003e\n          \u003cp\u003eUtilisez matin et\/ou soir selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-spro-tip\"\u003e\n      \u003cdiv class=\"soi-spro-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour prolonger la durée de vie du pain de savon, conservez-le sur un porte-savon aéré entre deux utilisations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Garanties qualité --\u003e\n  \u003csection class=\"soi-spro-section\"\u003e\n    \u003ch2\u003eLes garanties qualité Propolia\u003c\/h2\u003e\n    \u003cdiv class=\"soi-spro-grid-compact\"\u003e\n      \u003cdiv class=\"soi-spro-card-mini\"\u003e\n        \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-card-mini\"\u003e\n        \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-card-mini\"\u003e\n        \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-value\"\u003e+ de 30 ans d'apiculture\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-spro-card-mini\"\u003e\n        \u003cspan class=\"soi-spro-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-spro-card-mini-value\"\u003e100 g, compact\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-spro-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-spro-cta-box\"\u003e\n      \u003cp class=\"soi-spro-cta-tag\" style=\"color: white;\"\u003eUn soin d'hygiène purifiant, certifié bio\u003c\/p\u003e\n      \u003cp class=\"soi-spro-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur de la ruche et du karité. Le savon actif Propolia, c'est la réponse naturelle pour une peau visiblement plus nette et plus douce, 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-spro-marine: #1A2D3D;\n  --soi-spro-marine-dark: #0F1E2B;\n  --soi-spro-marine-light: #2C4458;\n  --soi-spro-pomme: #A1C544;\n  --soi-spro-pomme-dark: #84A636;\n  --soi-spro-pomme-light: rgba(161,197,68,0.10);\n  --soi-spro-white: #FFFFFF;\n  --soi-spro-off-white: #F8FAF6;\n  --soi-spro-stone: #F1F3EE;\n  --soi-spro-line: #E5E8E0;\n  --soi-spro-primary: #D4A82A;\n  --soi-spro-primary-soft: #F5E6B8;\n  --soi-spro-accent: #8A5082;\n  --soi-spro-text: #1A2D3D;\n  --soi-spro-text-soft: #4A5B6B;\n  --soi-spro-text-muted: #7B8693;\n  --soi-spro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-spro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-spro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-spro-radius: 12px;\n  --soi-spro-radius-sm: 8px;\n  --soi-spro-radius-pill: 999px;\n}\n\n.soi-spro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-spro-fiche img { max-width: 100%; height: auto; }\n\n.soi-spro-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-spro-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-spro-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-spro-hero {\n  position: relative;\n  background: var(--soi-spro-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-spro-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-spro-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-spro-pomme);\n}\n\n.soi-spro-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-spro-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-spro-pomme);\n  border-radius: 50%;\n}\n\n.soi-spro-hero-title {\n  display: block;\n  color: var(--soi-spro-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-spro-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-spro-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-spro-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-spro-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-spro-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-spro-label-accent {\n  background: var(--soi-spro-pomme);\n  border-color: var(--soi-spro-pomme);\n  color: var(--soi-spro-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-spro-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-spro-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-spro-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-spro-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-spro-pomme);\n  border-radius: 2px;\n}\n\n.soi-spro-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-spro-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-spro-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-spro-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-spro-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-spro-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-spro-benefit {\n  background: var(--soi-spro-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-spro-radius);\n  border: 1px solid var(--soi-spro-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-spro-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-spro-shadow-md);\n}\n\n.soi-spro-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-spro-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-spro-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-spro-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-spro-benefit:hover .soi-spro-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-spro-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-spro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-spro-benefit p {\n  font-size: 13px;\n  color: var(--soi-spro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-spro-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-spro-card {\n  background: var(--soi-spro-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-spro-radius);\n  border-left: 3px solid var(--soi-spro-pomme);\n}\n\n.soi-spro-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-spro-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-spro-card p {\n  font-size: 14px;\n  color: var(--soi-spro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-spro-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-spro-card-mini {\n  background: var(--soi-spro-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-spro-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-spro-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-spro-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-spro-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-spro-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-spro-marine);\n}\n\n\/* TIMELINE *\/\n.soi-spro-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-spro-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-spro-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-spro-radius);\n  border: 1px solid var(--soi-spro-line);\n  align-items: flex-start;\n}\n\n.soi-spro-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-spro-marine);\n  color: var(--soi-spro-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-spro-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-spro-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-spro-step-content p {\n  font-size: 14px;\n  color: var(--soi-spro-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-spro-compo {\n  background: var(--soi-spro-off-white);\n  border-radius: var(--soi-spro-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.soi-spro-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-spro-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-spro-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-spro-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-spro-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-spro-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-spro-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-spro-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-spro-pomme-light);\n  border-left: 4px solid var(--soi-spro-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-spro-radius) var(--soi-spro-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-spro-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-spro-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-spro-marine);\n  margin-bottom: 4px;\n}\n\n.soi-spro-tip p {\n  font-size: 14px;\n  color: var(--soi-spro-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-spro-cta-box {\n  background: var(--soi-spro-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-spro-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-spro-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-spro-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-spro-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-spro-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-spro-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-spro-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-spro-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-spro-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-spro-compo-value {\n    text-align: left;\n  }\n\n  .soi-spro-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-spro-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-spro-fiche {\n    --soi-spro-text-soft: #2C3E50;\n    --soi-spro-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603407397194,"sku":"AP0041","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-actif-propolis-miel-et-karite-propolia-packshot.webp?v=1779803435","url":"https:\/\/www.soinature.com\/products\/savon-actif-propolis-miel-et-karite-propolia","provider":"Soinature","version":"1.0","type":"link"}