{"product_id":"creme-visage-purimmortelle-jour-certifiee-bio-proposnature","title":"Crème Jour Visage Bio Pur'Immortelle – Propos'Nature","description":"\u003cdiv class=\"soi-immo-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-immo-hero\"\u003e\n    \u003cdiv class=\"soi-immo-hero-tag\"\u003e\n      \u003cspan class=\"soi-immo-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique visage · Propos'Nature\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-immo-hero-title\"\u003eCrème de Jour visage Pur'Immortelle bio\u003c\/span\u003e\n    \u003cp class=\"soi-immo-hero-subtitle\"\u003eUne cure végétale de jouvence formulée à 99,24 % d'ingrédients d'origine naturelle, pour hydrater, raffermir et redonner de l'éclat à votre visage dès les premières applications.\u003c\/p\u003e\n    \u003cdiv class=\"soi-immo-hero-labels\"\u003e\n      \u003cspan class=\"soi-immo-label soi-immo-label-accent\"\u003eBIO CERTIFIÉE\u003c\/span\u003e\n      \u003cspan class=\"soi-immo-label\"\u003e99,24 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-immo-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-immo-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-immo-label\"\u003eTESTÉE DERMATOLOGIQUEMENT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Intro --\u003e\n  \u003csection class=\"soi-immo-section\"\u003e\n    \u003ch2\u003eLa crème de jour visage bio qui redonne jeunesse et éclat au quotidien\u003c\/h2\u003e\n    \u003cp\u003eChaque matin, votre peau mérite un soin à la hauteur de ses besoins. La Crème visage Pur'Immortelle Jour certifiée bio de Propos'Nature est bien plus qu'une simple crème hydratante visage bio : c'est une véritable cure végétale de jouvence, formulée à 99,24 % d'ingrédients d'origine naturelle, pensée pour les peaux matures, fatiguées ou aux premiers signes du temps.\u003c\/p\u003e\n    \u003cp\u003eSa force repose sur une synergie d'actifs nobles soigneusement sélectionnés : huile essentielle d'immortelle bio, double acide hyaluronique, huiles végétales bio d'argan et d'onagre. Ensemble, ils agissent pour hydrater, raffermir et redonner de l'éclat à votre visage, dès les premières applications.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-immo-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette crème bio pour le visage ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-immo-benefits\"\u003e\n      \u003cdiv class=\"soi-immo-benefit\"\u003e\n        \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eImmortelle bio, l'or végétal anti-âge\u003c\/h3\u003e\n        \u003cp\u003eL'huile essentielle d'immortelle (Helichrysum italicum) est réputée pour ses vertus régénérantes et réparatrices exceptionnelles. Elle aide à atténuer les rides et à raviver l'éclat naturel du teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-benefit\"\u003e\n        \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDouble acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eDeux fractions d'acide hyaluronique agissent en complémentarité : l'une en surface pour lisser les traits, l'autre en profondeur pour repulper durablement et restaurer la fermeté cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-benefit\"\u003e\n        \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eArgan et onagre bio\u003c\/h3\u003e\n        \u003cp\u003eL'huile d'argan, riche en vitamine E et stérols végétaux, nourrit et protège. L'huile d'onagre, source d'acide gamma-linolénique (GLA), favorise le renouvellement cellulaire et assouplit les peaux sèches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-benefit\"\u003e\n        \u003cdiv class=\"soi-immo-benefit-icon\"\u003e\u003cspan\u003e✅\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFormule clean, certifiée et testée\u003c\/h3\u003e\n        \u003cp\u003eCertifiée bio, fabriquée en France, sans parabènes, sans phénoxyéthanol, sans colorants, sans pétrochimie. Testée dermatologiquement pour une tolérance optimale, même sur les peaux sensibles.\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-immo-section\"\u003e\n    \u003ch2\u003ePour qui est faite cette crème de jour visage bio ?\u003c\/h2\u003e\n    \u003cp class=\"soi-immo-section-intro\"\u003eCette crème hydratante bio visage est particulièrement adaptée aux profils suivants :\u003c\/p\u003e\n    \u003cdiv class=\"soi-immo-grid\"\u003e\n      \u003cdiv class=\"soi-immo-card\"\u003e\n        \u003ch3\u003e🌸 Peaux matures ou à partir de 40 ans\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à atténuer les rides et la perte de fermeté ? Cette formule concentrée en actifs régénérants répond à ces besoins spécifiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-card\"\u003e\n        \u003ch3\u003e✨ Peaux ternes ou fatiguées\u003c\/h3\u003e\n        \u003cp\u003eEn manque d'éclat et de vitalité, votre peau retrouve sa luminosité naturelle grâce à l'immortelle et au double acide hyaluronique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-card\"\u003e\n        \u003ch3\u003e🤍 Peaux sèches à normales\u003c\/h3\u003e\n        \u003cp\u003eLes huiles d'argan et d'onagre apportent nutrition et confort durable aux peaux qui réclament un soin riche sans film gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-card\"\u003e\n        \u003ch3\u003e🌱 Exigence de qualité bio\u003c\/h3\u003e\n        \u003cp\u003ePour toute personne souhaitant une crème visage bio efficace, sans compromis sur la qualité des ingrédients.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Mode d'emploi --\u003e\n  \u003csection class=\"soi-immo-section\"\u003e\n    \u003ch2\u003eComment utiliser la Crème Pur'Immortelle Jour ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-immo-timeline\"\u003e\n      \u003cdiv class=\"soi-immo-step\"\u003e\n        \u003cdiv class=\"soi-immo-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-immo-step-content\"\u003e\n          \u003ch3\u003eNettoyez votre visage et votre cou\u003c\/h3\u003e\n          \u003cp\u003eUtilisez un soin doux adapté à votre type de peau pour préparer l'épiderme à recevoir les actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-step\"\u003e\n        \u003cdiv class=\"soi-immo-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-immo-step-content\"\u003e\n          \u003ch3\u003eAppliquez une noisette de crème\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une noisette de crème et appliquez-la en massages circulaires doux sur le visage et le cou.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-step\"\u003e\n        \u003cdiv class=\"soi-immo-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-immo-step-content\"\u003e\n          \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n          \u003cp\u003eLa texture légère ne laisse aucun film gras. Vous pouvez appliquer votre maquillage par-dessus si besoin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-immo-tip\"\u003e\n      \u003cdiv class=\"soi-immo-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eÀ utiliser chaque matin pour des résultats visibles après 4 à 6 semaines d'utilisation régulière. Ce soin cosmétique ne se substitue pas à un suivi médical dermatologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Composition --\u003e\n  \u003csection class=\"soi-immo-section\"\u003e\n    \u003ch2\u003eComposition de la Crème Pur'Immortelle Jour (INCI)\u003c\/h2\u003e\n    \u003cp class=\"soi-immo-section-intro\"\u003ePrincipaux ingrédients actifs de cette formule à 99,24 % d'origine naturelle :\u003c\/p\u003e\n    \u003cdiv class=\"soi-immo-compo\"\u003e\n      \u003cdiv class=\"soi-immo-compo-row\"\u003e\n        \u003cspan class=\"soi-immo-compo-label\"\u003eHelichrysum Italicum Flower Oil\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-compo-value\"\u003eHE d'immortelle bio : régénération, anti-âge\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-compo-row\"\u003e\n        \u003cspan class=\"soi-immo-compo-label\"\u003eArgania Spinosa Kernel Oil\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-compo-value\"\u003eHuile d'argan bio : nutrition, protection, anti-oxydant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-compo-row\"\u003e\n        \u003cspan class=\"soi-immo-compo-label\"\u003eOenothera Biennis Oil\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-compo-value\"\u003eHuile d'onagre bio : acide GLA, renouvellement cellulaire\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-compo-row\"\u003e\n        \u003cspan class=\"soi-immo-compo-label\"\u003eSodium Hyaluronate\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-compo-value\"\u003eAcide hyaluronique double poids moléculaire : hydratation profonde et surface, repulpant\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-immo-grid-compact\"\u003e\n      \u003cdiv class=\"soi-immo-card-mini\"\u003e\n        \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-card-mini-value\"\u003e99,24 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-card-mini\"\u003e\n        \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-card-mini\"\u003e\n        \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-card-mini-label\"\u003eType de soin\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-card-mini-value\"\u003eCrème jour visage\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-immo-card-mini\"\u003e\n        \u003cspan class=\"soi-immo-card-mini-icon\"\u003e🔬\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-card-mini-label\"\u003eTest\u003c\/span\u003e\n        \u003cspan class=\"soi-immo-card-mini-value\"\u003eDermatologiquement testé\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-immo-accordion\"\u003e\n      \u003cdetails class=\"soi-immo-accordion-item\"\u003e\n        \u003csummary class=\"soi-immo-accordion-header\"\u003e🚫 Formule sans\u003c\/summary\u003e\n        \u003cdiv class=\"soi-immo-accordion-content\"\u003e\n          \u003cp\u003eSans parabènes, sans phénoxyéthanol, sans colorants, sans ingrédients pétrochimiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-immo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-immo-cta-box\"\u003e\n      \u003cp class=\"soi-immo-cta-tag\" style=\"color: white;\"\u003eVotre cure végétale de jouvence, chaque matin\u003c\/p\u003e\n      \u003cp class=\"soi-immo-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau le meilleur de la nature avec la Crème Pur'Immortelle Jour de Propos'Nature. Une formule certifiée bio, propre et sensoriellement agréable, pour retrouver un visage visiblement plus lumineux et confortable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-immo-marine: #1A2D3D;\n  --soi-immo-marine-dark: #0F1E2B;\n  --soi-immo-marine-light: #2C4458;\n  --soi-immo-pomme: #A1C544;\n  --soi-immo-pomme-dark: #84A636;\n  --soi-immo-pomme-light: rgba(161,197,68,0.10);\n  --soi-immo-white: #FFFFFF;\n  --soi-immo-off-white: #F8FAF6;\n  --soi-immo-stone: #F1F3EE;\n  --soi-immo-line: #E5E8E0;\n  --soi-immo-primary: #C9A84C;\n  --soi-immo-primary-soft: #F5EDD4;\n  --soi-immo-accent: #D4A82A;\n  --soi-immo-text: #1A2D3D;\n  --soi-immo-text-soft: #4A5B6B;\n  --soi-immo-text-muted: #7B8693;\n  --soi-immo-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-immo-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-immo-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-immo-radius: 12px;\n  --soi-immo-radius-sm: 8px;\n  --soi-immo-radius-pill: 999px;\n}\n\n.soi-immo-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-immo-fiche img { max-width: 100%; height: auto; }\n\n.soi-immo-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-immo-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-immo-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-immo-hero {\n  position: relative;\n  background: var(--soi-immo-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-immo-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-immo-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-immo-primary);\n}\n\n.soi-immo-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-immo-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-immo-primary);\n  border-radius: 50%;\n}\n\n.soi-immo-hero-title {\n  display: block;\n  color: var(--soi-immo-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-immo-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-immo-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-immo-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-immo-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-immo-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-immo-label-accent {\n  background: var(--soi-immo-primary);\n  border-color: var(--soi-immo-primary);\n  color: var(--soi-immo-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-immo-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-immo-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-immo-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-immo-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-immo-primary);\n  border-radius: 2px;\n}\n\n.soi-immo-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-immo-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-immo-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-immo-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-immo-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-immo-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-immo-benefit {\n  background: var(--soi-immo-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-immo-radius);\n  border: 1px solid var(--soi-immo-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-immo-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-immo-shadow-md);\n}\n\n.soi-immo-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-immo-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-immo-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-immo-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-immo-benefit:hover .soi-immo-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-immo-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-immo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-immo-benefit p {\n  font-size: 13px;\n  color: var(--soi-immo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-immo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-immo-card {\n  background: var(--soi-immo-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-immo-radius);\n  border-left: 3px solid var(--soi-immo-primary);\n}\n\n.soi-immo-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-immo-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-immo-card p {\n  font-size: 14px;\n  color: var(--soi-immo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-immo-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-immo-card-mini {\n  background: var(--soi-immo-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-immo-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-immo-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-immo-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-immo-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-immo-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-immo-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-immo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-immo-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-immo-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-immo-radius);\n  border: 1px solid var(--soi-immo-line);\n  align-items: flex-start;\n}\n\n.soi-immo-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-immo-primary);\n  color: var(--soi-immo-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-immo-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-immo-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-immo-step-content p {\n  font-size: 14px;\n  color: var(--soi-immo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-immo-compo {\n  background: var(--soi-immo-off-white);\n  border-radius: var(--soi-immo-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-immo-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-immo-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-immo-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-immo-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-immo-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-immo-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-immo-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-immo-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-immo-primary-soft);\n  border-left: 4px solid var(--soi-immo-primary);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-immo-radius) var(--soi-immo-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-immo-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-immo-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-immo-marine);\n  margin-bottom: 4px;\n}\n\n.soi-immo-tip p {\n  font-size: 14px;\n  color: var(--soi-immo-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-immo-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-immo-accordion-item {\n  background: var(--soi-immo-off-white);\n  border-radius: var(--soi-immo-radius-sm);\n  border: 1px solid var(--soi-immo-line);\n  overflow: hidden;\n}\n\n.soi-immo-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-immo-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-immo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-immo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-immo-primary);\n  transition: transform 0.2s ease;\n}\n\n.soi-immo-accordion-item[open] .soi-immo-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-immo-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-immo-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-immo-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-immo-cta-box {\n  background: var(--soi-immo-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-immo-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-immo-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-immo-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-immo-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-immo-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-immo-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-immo-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-immo-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-immo-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-immo-compo-value {\n    text-align: left;\n  }\n\n  .soi-immo-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-immo-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-immo-fiche {\n    --soi-immo-text-soft: #2C3E50;\n    --soi-immo-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Propos'Nature","offers":[{"title":"Default Title","offer_id":61603749396810,"sku":"PO0050","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-visage-purimmortelle-jour-certifiee-bio-proposnature-lifestyle_963fd4c8-0a26-4a3e-b5a1-69f223f6feca.webp?v=1779714713","url":"https:\/\/www.soinature.com\/products\/creme-visage-purimmortelle-jour-certifiee-bio-proposnature","provider":"Soinature","version":"1.0","type":"link"}