{"product_id":"serum-booster-hydratation-centifolia","title":"Sérum Booster d'Hydratation bio - Éclat de Rose - Centifolia","description":"\n\n\u003cdiv class=\"soi-rose-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-rose-hero\"\u003e\n    \u003cdiv class=\"soi-rose-hero-tag\"\u003e\n      \u003cspan class=\"soi-rose-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique visage · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-rose-hero-title\"\u003eSérum Booster d'Hydratation Éclat de Rose®\u003c\/span\u003e\n    \u003cp class=\"soi-rose-hero-subtitle\"\u003eTrois actifs précieux réunis dans une texture fluide et légère pour repulper, illuminer et apaiser votre peau au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-rose-hero-labels\"\u003e\n      \u003cspan class=\"soi-rose-label soi-rose-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-rose-label\"\u003e30 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi ce sérum se démarque --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003ePourquoi ce sérum booster d'hydratation se démarque\u003c\/h2\u003e\n    \u003cp\u003eLà où de nombreux sérums hydratants se contentent d'une action de surface, le sérum Centifolia combine trois actifs à fort potentiel dans une texture fluide ultra-légère qui pénètre instantanément sans laisser de résidu gras. Résultat : une peau visiblement repulpée, plus lisse et lumineuse, sans effet collant ni surcharge.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Les 3 actifs clés --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eLes 3 actifs clés du sérum Éclat de Rose®\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-timeline\"\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eRose Centifolia biologique\u003c\/h3\u003e\n          \u003cp\u003eCueillie à la main à maturité optimale, cette \"rose aux cent feuilles\" est riche en actifs antioxydants et apaisants. Elle unifie le teint, calme les rougeurs et apporte une hydratation durable à la peau fragilisée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eAcide hyaluronique d'origine naturelle\u003c\/h3\u003e\n          \u003cp\u003eCapable de retenir jusqu'à 1 000 fois son poids en eau, il comble les espaces entre les fibres de collagène pour une hydratation en profondeur et un effet repulpant visible. Votre peau retrouve sa souplesse et son rebond.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eVitamine C\u003c\/h3\u003e\n          \u003cp\u003ePuissant antioxydant, elle neutralise les radicaux libres liés à la pollution et au stress oxydatif. Elle agit aussi sur les taches et l'homogénéité du teint pour un éclat naturel et durable.\u003c\/p\u003e\n        \u003c\/div\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-rose-section\"\u003e\n    \u003ch2\u003ePour qui est ce sérum hydratant bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-grid\"\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e💧 Peaux déshydratées ou tiraillées\u003c\/h3\u003e\n        \u003cp\u003eQuelle que soit leur nature (sèche, mixte, normale), ce sérum apporte l'hydratation dont elles ont besoin pour retrouver confort et souplesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles ou réactives\u003c\/h3\u003e\n        \u003cp\u003eSa formule douce convient aux peaux qui supportent mal les formules chargées, sans parfum agressif ni ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e🏙️ Peaux exposées au stress environnemental\u003c\/h3\u003e\n        \u003cp\u003eClimatisation, pollution, changements de saison : ce sérum protège et préserve l'éclat de votre peau face aux agressions du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-card\"\u003e\n        \u003ch3\u003e✨ Envie de renforcer votre routine\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez à décupler l'efficacité de votre crème hydratante existante ? Ce sérum s'utilise en complément pour en amplifier les bienfaits.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eComment utiliser le sérum booster Centifolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-timeline\"\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eSur un visage propre et légèrement humide, appliquez 2 à 3 pressions de sérum, matin et\/ou soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eTapotez délicatement\u003c\/h3\u003e\n          \u003cp\u003eDu bout des doigts, tapotez le sérum sans frotter pour favoriser l'absorption. Laissez poser quelques secondes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-step\"\u003e\n        \u003cdiv class=\"soi-rose-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-rose-step-content\"\u003e\n          \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n          \u003cp\u003eAppliquez ensuite votre crème hydratante. Utilisé en synergie avec le Fluide Léger ou la Crème Riche Éclat de Rose® de Centifolia, il en décuple les effets illuminateurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Nos engagements qualité --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eLes engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-benefits\"\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifié Cosmos Organic Ecocert\u003c\/h3\u003e\n        \u003cp\u003eGarantie d'une formule respectueuse de votre peau et de l'environnement, sans ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré selon des normes rigoureuses de cosmétique botanique, dans le respect du savoir-faire français.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEmballage éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eFlacon recyclable, sans phtalates ni Bisphénol A. Un geste pour votre peau et pour la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-benefit\"\u003e\n        \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eConvient aux peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eFormulé sans parfum agressif, il respecte les peaux les plus délicates tout en restant efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Composition (INCI) --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-rose-accordion\"\u003e\n      \u003cdetails class=\"soi-rose-accordion-item\" open\u003e\n        \u003csummary class=\"soi-rose-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-rose-accordion-content\"\u003e\n          \u003cp\u003eAqua, Rosa Centifolia Flower Water*, Glycerin, Sodium Hyaluronate, Ascorbyl Glucoside (Vitamine C), Xanthan Gum, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique. Certifié Cosmos Organic par Ecocert.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-rose-compo\" style=\"margin-top: 1rem;\"\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eActif principal\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eRose Centifolia biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eAcide hyaluronique d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eActif éclat\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eVitamine C (Ascorbyl Glucoside)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003e30 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-rose-compo-row\"\u003e\n        \u003cspan class=\"soi-rose-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-rose-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- TIP --\u003e\n  \u003csection class=\"soi-rose-section\"\u003e\n    \u003cdiv class=\"soi-rose-tip\"\u003e\n      \u003cdiv class=\"soi-rose-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour décupler les bienfaits de ce sérum, associez-le au Fluide Léger ou à la Crème Riche Éclat de Rose® de Centifolia. Appliqué sur peau légèrement humide, il favorise une absorption optimale de ses actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-rose-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-rose-cta-box\"\u003e\n      \u003cp class=\"soi-rose-cta-tag\" style=\"color: white;\"\u003eVotre rituel d'hydratation certifié bio\u003c\/p\u003e\n      \u003cp class=\"soi-rose-cta-text\" style=\"color: white;\"\u003eOffrez à votre visage l'éclat qu'il mérite avec la douceur de la Rose Centifolia, la puissance de l'acide hyaluronique et l'énergie de la Vitamine C.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-rose-marine: #1A2D3D;\n  --soi-rose-marine-dark: #0F1E2B;\n  --soi-rose-marine-light: #2C4458;\n  --soi-rose-pomme: #A1C544;\n  --soi-rose-pomme-dark: #84A636;\n  --soi-rose-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-rose-white: #FFFFFF;\n  --soi-rose-off-white: #F8FAF6;\n  --soi-rose-stone: #F1F3EE;\n  --soi-rose-line: #E5E8E0;\n\n  --soi-rose-primary: #D4A8A4;\n  --soi-rose-primary-soft: #F0D5D1;\n  --soi-rose-accent: #E8B5A0;\n\n  --soi-rose-text: #1A2D3D;\n  --soi-rose-text-soft: #4A5B6B;\n  --soi-rose-text-muted: #7B8693;\n\n  --soi-rose-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-rose-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-rose-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-rose-radius: 12px;\n  --soi-rose-radius-sm: 8px;\n  --soi-rose-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-rose-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rose-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-rose-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-rose-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-rose-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-rose-hero {\n  position: relative;\n  background: var(--soi-rose-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-rose-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-rose-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-rose-pomme);\n}\n\n.soi-rose-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-rose-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-rose-pomme);\n  border-radius: 50%;\n}\n\n.soi-rose-hero-title {\n  display: block;\n  color: var(--soi-rose-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-rose-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-rose-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-rose-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-rose-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-rose-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-rose-label-accent {\n  background: var(--soi-rose-pomme);\n  border-color: var(--soi-rose-pomme);\n  color: var(--soi-rose-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-rose-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rose-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-rose-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-rose-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-rose-pomme);\n  border-radius: 2px;\n}\n\n.soi-rose-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-rose-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-rose-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS (cercles marine) === *\/\n.soi-rose-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-rose-benefit {\n  background: var(--soi-rose-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-rose-radius);\n  border: 1px solid var(--soi-rose-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rose-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-rose-shadow-md);\n}\n\n.soi-rose-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-rose-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-rose-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-rose-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-rose-benefit:hover .soi-rose-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-rose-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rose-benefit p {\n  font-size: 13px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-rose-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-rose-card {\n  background: var(--soi-rose-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rose-radius);\n  border-left: 3px solid var(--soi-rose-pomme);\n}\n\n.soi-rose-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-rose-card p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-rose-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-rose-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-rose-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-rose-radius);\n  border: 1px solid var(--soi-rose-line);\n  align-items: flex-start;\n}\n\n.soi-rose-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-rose-marine);\n  color: var(--soi-rose-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-rose-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-rose-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-rose-step-content p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-rose-compo {\n  background: var(--soi-rose-off-white);\n  border-radius: var(--soi-rose-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-rose-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-rose-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-rose-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-rose-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-rose-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-rose-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-rose-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-rose-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-rose-pomme-light);\n  border-left: 4px solid var(--soi-rose-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-rose-radius) var(--soi-rose-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-rose-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-rose-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-rose-marine);\n  margin-bottom: 4px;\n}\n\n.soi-rose-tip p {\n  font-size: 14px;\n  color: var(--soi-rose-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-rose-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-rose-accordion-item {\n  background: var(--soi-rose-off-white);\n  border-radius: var(--soi-rose-radius-sm);\n  border: 1px solid var(--soi-rose-line);\n  overflow: hidden;\n}\n\n.soi-rose-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-rose-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-rose-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-rose-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-rose-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-rose-accordion-item[open] .soi-rose-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-rose-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-rose-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-rose-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-rose-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-rose-cta-box {\n  background: var(--soi-rose-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-rose-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-rose-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-rose-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-rose-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-rose-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-rose-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-rose-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-rose-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-rose-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-rose-compo-value {\n    text-align: left;\n  }\n\n  .soi-rose-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-rose-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-rose-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-rose-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-rose-fiche {\n    --soi-rose-text-soft: #2C3E50;\n    --soi-rose-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603262300490,"sku":"CE0408","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/serum-booster-dhydratation-certifie-bio-centifolia-packshot.webp?v=1779454708","url":"https:\/\/www.soinature.com\/products\/serum-booster-hydratation-centifolia","provider":"Soinature","version":"1.0","type":"link"}