{"product_id":"lotion-perfectrice-de-peau-certifiee-bio-centifolia","title":"Lotion Perfectrice de peau certifiée bio - Centifolia","description":"\u003cdiv class=\"soi-lotp-fiche\"\u003e\n\n  \u003csection class=\"soi-lotp-hero\"\u003e\n    \u003cdiv class=\"soi-lotp-hero-tag\"\u003e\n      \u003cspan class=\"soi-lotp-tag-dot\"\u003e\u003c\/span\u003e\n      Lotion tonique visage bio · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-lotp-hero-title\"\u003eLa fraîcheur du thé vert pour un teint net\u003c\/span\u003e\n    \u003cp class=\"soi-lotp-hero-subtitle\"\u003eVotre peau brille dès la fin de matinée et vos pores vous semblent plus visibles en fin de journée ? Cette lotion « Fraîcheur de Thé » vous aide à matifier, à resserrer visuellement le grain de peau et à retrouver un teint plus net, sans agresser.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lotp-hero-labels\"\u003e\n      \u003cspan class=\"soi-lotp-label soi-lotp-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-lotp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-lotp-label\"\u003e99 % D'ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-lotp-label\"\u003eTESTÉE SOUS CONTRÔLE DERMATOLOGIQUE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eUne lotion visage bio pour les peaux mixtes à grasses\u003c\/h2\u003e\n    \u003cp class=\"soi-lotp-section-intro\"\u003eCe flacon s'adresse en priorité aux peaux mixtes à grasses, sujettes aux brillances et aux pores dilatés. Sa texture fluide, fraîche et non collante se glisse facilement dans votre routine, le matin comme le soir. Elle convient aussi si vous cherchez une lotion visage bio légère, sans sensation de film gras.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lotp-grid-compact\"\u003e\n      \u003cdiv class=\"soi-lotp-card-mini\"\u003e\n        \u003cspan class=\"soi-lotp-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-card-mini-value\"\u003e150 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card-mini\"\u003e\n        \u003cspan class=\"soi-lotp-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-card-mini-value\"\u003eMixte à grasse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card-mini\"\u003e\n        \u003cspan class=\"soi-lotp-card-mini-label\"\u003eTexture\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-card-mini-value\"\u003eFluide et non collante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card-mini\"\u003e\n        \u003cspan class=\"soi-lotp-card-mini-label\"\u003eRoutine\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-card-mini-value\"\u003eMatin et soir\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eLes actifs : thé vert, zinc PCA et hamamélis\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lotp-benefits\"\u003e\n      \u003cdiv class=\"soi-lotp-benefit\"\u003e\n        \u003cdiv class=\"soi-lotp-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydrolat de thé vert bio\u003c\/h3\u003e\n        \u003cp\u003eIssu de Camellia Sinensis Leaf Extract, il est riche en polyphénols et flavonoïdes. Il apporte une sensation de fraîcheur et participe à l'éclat du teint grâce à ses propriétés antioxydantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-benefit\"\u003e\n        \u003cdiv class=\"soi-lotp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eZinc PCA\u003c\/h3\u003e\n        \u003cp\u003eSel de zinc de l'acide pyrrolidone carboxylique, il est reconnu en cosmétique pour son action sébo-régulatrice. C'est lui qui contribue à limiter les brillances.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-benefit\"\u003e\n        \u003cdiv class=\"soi-lotp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydrolat d'hamamélis bio\u003c\/h3\u003e\n        \u003cp\u003eAstringent naturel, il tonifie la peau et aide à resserrer visuellement les pores, tout en apaisant les inconforts liés aux petites irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-lotp-note\"\u003eLa formule contient \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e. La liste INCI complète figure sur le flacon : vous pouvez donc la vérifier avant votre achat ou à réception.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eCe que cette lotion fait (et ce qu'elle ne fait pas)\u003c\/h2\u003e\n    \u003cp class=\"soi-lotp-section-intro\"\u003ePour bien choisir, mieux vaut savoir précisément à quoi sert chaque type de lotion.\u003c\/p\u003e\n    \u003cdiv class=\"soi-lotp-grid\"\u003e\n      \u003cdiv class=\"soi-lotp-card soi-lotp-card-yes\"\u003e\n        \u003cspan class=\"soi-lotp-status soi-lotp-status-yes\"\u003eSa vocation\u003c\/span\u003e\n        \u003ch3\u003eLotion tonique et matifiante\u003c\/h3\u003e\n        \u003cp\u003eElle affine le grain de peau, réduit l'aspect brillant et prépare l'épiderme à recevoir votre soin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card soi-lotp-card-yes\"\u003e\n        \u003cspan class=\"soi-lotp-status soi-lotp-status-yes\"\u003eEn complément\u003c\/span\u003e\n        \u003ch3\u003eLotion nettoyante visage bio\u003c\/h3\u003e\n        \u003cp\u003eElle complète votre nettoyage en éliminant les dernières traces d'impuretés, mais ne remplace ni un démaquillant ni un gel nettoyant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card soi-lotp-card-no\"\u003e\n        \u003cspan class=\"soi-lotp-status soi-lotp-status-no\"\u003eCe n'est pas\u003c\/span\u003e\n        \u003ch3\u003eLotion hydratante visage bio\u003c\/h3\u003e\n        \u003cp\u003eElle n'est pas conçue comme un soin hydratant. Appliquez-la avant votre crème ou votre fluide, qui assurera le confort de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-card soi-lotp-card-no\"\u003e\n        \u003cspan class=\"soi-lotp-status soi-lotp-status-no\"\u003eCe n'est pas\u003c\/span\u003e\n        \u003ch3\u003eLotion exfoliante visage bio\u003c\/h3\u003e\n        \u003cp\u003eElle ne contient pas d'acides de gommage. Vous pouvez donc l'utiliser quotidiennement et la combiner avec votre exfoliation hebdomadaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eComment utiliser votre lotion tonique bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lotp-timeline\"\u003e\n      \u003cdiv class=\"soi-lotp-step\"\u003e\n        \u003cdiv class=\"soi-lotp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-lotp-step-content\"\u003e\n          \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n          \u003cp\u003eUtilisez votre produit habituel, puis séchez délicatement votre peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-step\"\u003e\n        \u003cdiv class=\"soi-lotp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-lotp-step-content\"\u003e\n          \u003ch3\u003ePrélevez la lotion\u003c\/h3\u003e\n          \u003cp\u003eImbibez un disque de coton de lotion, ou versez-en quelques gouttes au creux de la main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-step\"\u003e\n        \u003cdiv class=\"soi-lotp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-lotp-step-content\"\u003e\n          \u003ch3\u003eAppliquez sur le visage et le cou\u003c\/h3\u003e\n          \u003cp\u003eInsistez sur la zone T (front, nez, menton), là où la peau brille le plus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-step\"\u003e\n        \u003cdiv class=\"soi-lotp-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-lotp-step-content\"\u003e\n          \u003ch3\u003eLaissez sécher, puis poursuivez votre routine\u003c\/h3\u003e\n          \u003cp\u003ePatientez quelques secondes, puis appliquez votre sérum ou votre crème.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-lotp-note\"\u003e\u003cstrong\u003eFréquence conseillée :\u003c\/strong\u003e matin et soir. Si votre peau est sensible, commencez par une application par jour pour observer sa réaction.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eUne formule exigeante, fabriquée en France\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lotp-compo\"\u003e\n      \u003cdiv class=\"soi-lotp-compo-row\"\u003e\n        \u003cspan class=\"soi-lotp-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-compo-row\"\u003e\n        \u003cspan class=\"soi-lotp-compo-label\"\u003eTolérance\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-compo-value\"\u003eTestée sous contrôle dermatologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-compo-row\"\u003e\n        \u003cspan class=\"soi-lotp-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-compo-value\"\u003eConçue et fabriquée en France par Centifolia\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-compo-row\"\u003e\n        \u003cspan class=\"soi-lotp-compo-label\"\u003eFlacon\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-compo-value\"\u003eRecyclable, composé à 50 % de matériaux recyclés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-lotp-compo-row\"\u003e\n        \u003cspan class=\"soi-lotp-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-lotp-compo-value\"\u003ePhtalate ni bisphénol A\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-lotp-note\"\u003eLe label Cosmos Organic encadre l'origine des ingrédients et les procédés de fabrication. Centifolia est une marque de cosméto-botanique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\"\u003e\n    \u003ch2\u003eNos conseils pour de meilleurs résultats\u003c\/h2\u003e\n    \u003cdiv class=\"soi-lotp-tip\"\u003e\n      \u003cdiv class=\"soi-lotp-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAssociez cette lotion à une crème légère adaptée aux peaux mixtes, afin d'éviter que votre peau ne compense en produisant davantage de sébum. En journée, pensez à la protection solaire : elle reste indispensable, même avec une peau grasse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-lotp-accordion\"\u003e\n      \u003cdetails class=\"soi-lotp-accordion-item\"\u003e\n        \u003csummary class=\"soi-lotp-accordion-header\"\u003eConservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lotp-accordion-content\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-lotp-accordion-item\"\u003e\n        \u003csummary class=\"soi-lotp-accordion-header\"\u003ePrécautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-lotp-accordion-content\"\u003e\n          \u003cp\u003eÉvitez le contour des yeux et ne l'appliquez pas sur une peau lésée. Faites un test dans le pli du coude en cas de peau réactive. Ce produit cosmétique ne remplace pas un traitement médical : en cas d'acné marquée ou de problème cutané persistant, demandez conseil à un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-lotp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-lotp-cta-box\"\u003e\n      \u003cp class=\"soi-lotp-cta-tag\" style=\"color: white;\"\u003eUn geste frais, matin et soir\u003c\/p\u003e\n      \u003cp class=\"soi-lotp-cta-text\" style=\"color: white;\"\u003eThé vert, zinc et hamamélis s'unissent pour matifier, affiner le grain de peau et révéler un teint net. Une lotion bio, française et délicate, pour un petit moment de fraîcheur au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-lotp-marine: #1A2D3D;\n  --soi-lotp-marine-dark: #0F1E2B;\n  --soi-lotp-marine-light: #2C4458;\n  --soi-lotp-pomme: #A1C544;\n  --soi-lotp-pomme-dark: #84A636;\n  --soi-lotp-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-lotp-white: #FFFFFF;\n  --soi-lotp-off-white: #F8FAF6;\n  --soi-lotp-stone: #F1F3EE;\n  --soi-lotp-line: #E5E8E0;\n\n  --soi-lotp-primary: #4AA46C;\n  --soi-lotp-primary-soft: rgba(74,164,108,0.10);\n  --soi-lotp-accent: #B9C0C6;\n\n  --soi-lotp-text: #1A2D3D;\n  --soi-lotp-text-soft: #4A5B6B;\n  --soi-lotp-text-muted: #7B8693;\n\n  --soi-lotp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-lotp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-lotp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-lotp-radius: 12px;\n  --soi-lotp-radius-sm: 8px;\n  --soi-lotp-radius-pill: 999px;\n}\n\n.soi-lotp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-lotp-fiche img { max-width: 100%; height: auto; }\n\n.soi-lotp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-lotp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-lotp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-lotp-hero {\n  position: relative;\n  background: var(--soi-lotp-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-lotp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n.soi-lotp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--soi-lotp-pomme) 0%, var(--soi-lotp-primary) 100%);\n}\n.soi-lotp-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: clamp(10px, 1.5vw, 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.soi-lotp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-lotp-pomme);\n  border-radius: 50%;\n}\n.soi-lotp-hero-title {\n  display: block;\n  color: var(--soi-lotp-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(24px, 5vw, 35px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n.soi-lotp-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.soi-lotp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n.soi-lotp-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-lotp-white);\n  font-size: clamp(10px, 1.5vw, 11px);\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-lotp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n.soi-lotp-label-accent {\n  background: var(--soi-lotp-pomme);\n  border-color: var(--soi-lotp-pomme);\n  color: var(--soi-lotp-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-lotp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n.soi-lotp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-lotp-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.soi-lotp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-lotp-pomme);\n  border-radius: 2px;\n}\n.soi-lotp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-lotp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n.soi-lotp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lotp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n.soi-lotp-section p:last-child {\n  margin-bottom: 0;\n}\n.soi-lotp-section .soi-lotp-section-intro {\n  color: var(--soi-lotp-text-soft);\n  margin-bottom: 1.5rem;\n}\n.soi-lotp-note {\n  margin-top: 1.25rem;\n  padding-left: 1rem;\n  border-left: 2px solid var(--soi-lotp-primary);\n}\n.soi-lotp-note strong {\n  color: var(--soi-lotp-marine);\n  font-weight: 600;\n}\n\n\/* BENEFITS *\/\n.soi-lotp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n.soi-lotp-benefit {\n  background: var(--soi-lotp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-lotp-radius);\n  border: 1px solid var(--soi-lotp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.soi-lotp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-lotp-shadow-md);\n}\n.soi-lotp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-lotp-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.soi-lotp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-lotp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.soi-lotp-benefit:hover .soi-lotp-benefit-icon::after {\n  opacity: 1;\n}\n.soi-lotp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-lotp-marine);\n  margin-bottom: 0.5rem;\n}\n.soi-lotp-section .soi-lotp-benefit p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lotp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-lotp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n.soi-lotp-card {\n  background: var(--soi-lotp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lotp-radius);\n  border-left: 3px solid var(--soi-lotp-pomme);\n}\n.soi-lotp-card-no {\n  border-left-color: var(--soi-lotp-accent);\n  background: var(--soi-lotp-stone);\n}\n.soi-lotp-status {\n  display: inline-block;\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  padding: 3px 10px;\n  border-radius: var(--soi-lotp-radius-pill);\n  margin-bottom: 0.6rem;\n}\n.soi-lotp-status-yes {\n  background: var(--soi-lotp-pomme-light);\n  color: var(--soi-lotp-pomme-dark);\n}\n.soi-lotp-status-no {\n  background: var(--soi-lotp-white);\n  color: var(--soi-lotp-text-muted);\n  border: 1px solid var(--soi-lotp-line);\n}\n.soi-lotp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-lotp-marine);\n  margin-bottom: 0.5rem;\n}\n.soi-lotp-section .soi-lotp-card p {\n  font-size: 14px;\n  color: var(--soi-lotp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-lotp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n.soi-lotp-card-mini {\n  background: var(--soi-lotp-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-lotp-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  border-top: 3px solid var(--soi-lotp-primary);\n}\n.soi-lotp-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-lotp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n.soi-lotp-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(14px, 2vw, 15px);\n  font-weight: 600;\n  color: var(--soi-lotp-marine);\n}\n\n\/* TIMELINE *\/\n.soi-lotp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.soi-lotp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-lotp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-lotp-radius);\n  border: 1px solid var(--soi-lotp-line);\n  align-items: flex-start;\n}\n.soi-lotp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-lotp-marine);\n  color: var(--soi-lotp-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.soi-lotp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(15px, 2vw, 16px);\n  font-weight: 600;\n  color: var(--soi-lotp-marine);\n  margin-bottom: 0.3rem;\n}\n.soi-lotp-section .soi-lotp-step-content p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lotp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-lotp-compo {\n  background: var(--soi-lotp-off-white);\n  border-radius: var(--soi-lotp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n.soi-lotp-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-lotp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.soi-lotp-compo-row:last-child {\n  border-bottom: none;\n}\n.soi-lotp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-lotp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n.soi-lotp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-lotp-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-lotp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-lotp-pomme-light);\n  border-left: 4px solid var(--soi-lotp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-lotp-radius) var(--soi-lotp-radius) 0;\n  align-items: flex-start;\n  margin-bottom: 1.25rem;\n}\n.soi-lotp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n.soi-lotp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-lotp-marine);\n  margin-bottom: 4px;\n}\n.soi-lotp-section .soi-lotp-tip p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-lotp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-lotp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.soi-lotp-accordion-item {\n  background: var(--soi-lotp-off-white);\n  border-radius: var(--soi-lotp-radius-sm);\n  border: 1px solid var(--soi-lotp-line);\n  overflow: hidden;\n}\n.soi-lotp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-lotp-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.soi-lotp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n.soi-lotp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-lotp-pomme);\n  transition: transform 0.2s ease;\n}\n.soi-lotp-accordion-item[open] .soi-lotp-accordion-header::after {\n  transform: rotate(45deg);\n}\n.soi-lotp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n.soi-lotp-section .soi-lotp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-lotp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-lotp-cta-box {\n  background: var(--soi-lotp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-lotp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.soi-lotp-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-lotp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n.soi-lotp-section .soi-lotp-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-lotp-pomme);\n  margin-bottom: 0.75rem;\n}\n.soi-lotp-section .soi-lotp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-lotp-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-lotp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-lotp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .soi-lotp-compo-value {\n    text-align: left;\n  }\n  .soi-lotp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-lotp-fiche * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n@media (prefers-contrast: more) {\n  .soi-lotp-fiche {\n    --soi-lotp-text-soft: #2C3E50;\n    --soi-lotp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603289923914,"sku":"CE0427","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lotion-perfectrice-de-peau-certifiee-bio-centifolia-packshot.webp?v=1793788663","url":"https:\/\/firmtoaromatherapy.com\/products\/lotion-perfectrice-de-peau-certifiee-bio-centifolia","provider":"Soinature","version":"1.0","type":"link"}