{"product_id":"fantomette-demaquillant-douces-angevines","title":"Fantômette - Huile démaquillante et nettoyante bio","description":"\n\u003cdiv class=\"soi-fant-fiche\"\u003e\n\n  \u003csection class=\"soi-fant-hero\"\u003e\n    \u003cdiv class=\"soi-fant-hero-tag\"\u003e\n      \u003cspan class=\"soi-fant-tag-dot\"\u003e\u003c\/span\u003e\n      Soin visage · Douces Angevines\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-fant-hero-title\"\u003eLe démaquillage réinventé par les plantes\u003c\/span\u003e\n    \u003cp class=\"soi-fant-hero-subtitle\"\u003eUne huile démaquillante végétal et certifié bio, formulé artisanalement en Anjou pour respecter vos yeux sensibles et sublimer votre peau chaque jour.\u003c\/p\u003e\n    \u003cdiv class=\"soi-fant-hero-labels\"\u003e\n      \u003cspan class=\"soi-fant-label soi-fant-label-accent\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-fant-label\"\u003e100 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-fant-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-fant-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n      \u003cspan class=\"soi-fant-label\"\u003eSANS ADDITIF SYNTHÉTIQUE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fant-section\"\u003e\n    \u003ch2\u003eUn démaquillant pour peaux sensibles 100 % végétal et certifié bio\u003c\/h2\u003e\n    \u003cp\u003eFantômette est un fluide démaquillant certifié bio, formulé sans additif synthétique, à partir d'ingrédients 100 % naturels et biologiques. Conçu pour le visage et le contour des yeux, il élimine maquillage et impuretés en respectant le film hydrolipidique naturel de la peau. Résultat : une peau nette, souple et lumineuse, sans effet gras ni sensation d'inconfort, même pour les yeux les plus réactifs.\u003c\/p\u003e\n    \u003cp\u003eSa texture fine et soyeuse s'émulsionne au contact de l'eau, ce qui en fait un démaquillant pour yeux sensibles particulièrement adapté aux porteurs de lentilles et aux peaux sujettes aux rougeurs.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fant-section\"\u003e\n    \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fant-benefits\"\u003e\n      \u003cdiv class=\"soi-fant-benefit\"\u003e\n        \u003cdiv class=\"soi-fant-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMacération de Millepertuis sauvage\u003c\/h3\u003e\n        \u003cp\u003ePlante emblématique des herboristes, elle apaise les irritations, calme les sensibilités et aide à désincruster les pores en douceur, sans altérer le confort cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-benefit\"\u003e\n        \u003cdiv class=\"soi-fant-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile de Ricin\u003c\/h3\u003e\n        \u003cp\u003eFortifiante et protectrice, elle prend soin des cils et des sourcils à chaque geste de démaquillage, les rendant plus résistants et mieux nourris au fil du temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-benefit\"\u003e\n        \u003cdiv class=\"soi-fant-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile d'Olive\u003c\/h3\u003e\n        \u003cp\u003eÉmolliente et nourrissante, elle laisse le visage doux et confortable après le rinçage, sans alourdir la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-benefit\"\u003e\n        \u003cdiv class=\"soi-fant-benefit-icon\"\u003e\u003cspan\u003e💜\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eLavandin\u003c\/h3\u003e\n        \u003cp\u003ePurifiant et légèrement antiseptique, il clarifie le teint et apporte une fraîcheur sensorielle immédiate qui transforme le rituel du soir en vrai moment de détente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fant-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fant-compo\"\u003e\n      \u003cdiv class=\"soi-fant-compo-row\"\u003e\n        \u003cspan class=\"soi-fant-compo-label\"\u003eBase\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-compo-value\"\u003eHuile d'Olive (Olea Europaea)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-compo-row\"\u003e\n        \u003cspan class=\"soi-fant-compo-label\"\u003eMacération\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-compo-value\"\u003eMillepertuis (Hypericum Perforatum) en huile d'olive bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-compo-row\"\u003e\n        \u003cspan class=\"soi-fant-compo-label\"\u003eHuile végétale\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-compo-value\"\u003eHuile de Ricin (Ricinus Communis)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-compo-row\"\u003e\n        \u003cspan class=\"soi-fant-compo-label\"\u003eHuile essentielle\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-compo-value\"\u003eLavandin (Lavandula Hybrida)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-compo-row\"\u003e\n        \u003cspan class=\"soi-fant-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-compo-value\"\u003eArtisanale, Anjou (France)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-compo-row\"\u003e\n        \u003cspan class=\"soi-fant-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-compo-value\"\u003eConservateur synthétique, colorant, silicone\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fant-section\"\u003e\n    \u003ch2\u003eComment utiliser Fantômette : le rituel étape par étape\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fant-timeline\"\u003e\n      \u003cdiv class=\"soi-fant-step\"\u003e\n        \u003cdiv class=\"soi-fant-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-fant-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eVersez quelques gouttes de Fantômette sur un coton légèrement humide ou directement dans le creux de la main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-step\"\u003e\n        \u003cdiv class=\"soi-fant-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-fant-step-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur peau légèrement humide et massez en mouvements circulaires, en insistant sur les yeux, les lèvres et les ailes du nez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-step\"\u003e\n        \u003cdiv class=\"soi-fant-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-fant-step-content\"\u003e\n          \u003ch3\u003eRincez et admirez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède. La peau est nette, apaisée et prête pour la suite de votre routine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-fant-tip\"\u003e\n      \u003cdiv class=\"soi-fant-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eÀ utiliser matin et soir. Fantômette convient à tous les types de peau, y compris les peaux sensibles, mixtes et délicates autour des yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fant-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Fantômette plutôt qu'un démaquillant classique ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fant-grid\"\u003e\n      \u003cdiv class=\"soi-fant-card\"\u003e\n        \u003ch3\u003e🚫 Zéro ingrédient controversé\u003c\/h3\u003e\n        \u003cp\u003ePas de PEG, pas de phénoxyéthanol, pas de parfum synthétique. Une formule courte, lisible et transparente.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-card\"\u003e\n        \u003ch3\u003e✨ Double action nettoyante et nourrissante\u003c\/h3\u003e\n        \u003cp\u003eIl démaquille et prend soin des cils en même temps, grâce à l'huile de Ricin fortifiante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France, à la main\u003c\/h3\u003e\n        \u003cp\u003eChaque flacon est produit artisanalement en Anjou, dans le respect de la plante et de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fant-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-fant-grid-compact\"\u003e\n      \u003cdiv class=\"soi-fant-card-mini\"\u003e\n        \u003cspan class=\"soi-fant-card-mini-icon\"\u003e📏\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-card-mini\"\u003e\n        \u003cspan class=\"soi-fant-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-card-mini-value\"\u003eBio, naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-card-mini\"\u003e\n        \u003cspan class=\"soi-fant-card-mini-icon\"\u003e👁️\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-card-mini-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-card-mini-value\"\u003eYeux et visage\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-fant-card-mini\"\u003e\n        \u003cspan class=\"soi-fant-card-mini-icon\"\u003e🤍\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-fant-card-mini-value\"\u003eTous types de peau\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-fant-accordion\"\u003e\n      \u003cdetails class=\"soi-fant-accordion-item\"\u003e\n        \u003csummary class=\"soi-fant-accordion-header\"\u003e🛡️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-fant-accordion-content\"\u003e\n          \u003cp\u003eTenir à 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-fant-accordion-item\"\u003e\n        \u003csummary class=\"soi-fant-accordion-header\"\u003e👥 Pour qui ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-fant-accordion-content\"\u003e\n          \u003cp\u003eFantômette convient à tous les types de peau : peaux sensibles, mixtes et délicates autour des yeux, y compris les porteurs de lentilles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-fant-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-fant-cta-box\"\u003e\n      \u003cp class=\"soi-fant-cta-tag\" style=\"color: white;\"\u003eVotre rituel végétal du soir\u003c\/p\u003e\n      \u003cp class=\"soi-fant-cta-text\" style=\"color: white;\"\u003eOffrez à vos yeux sensibles la douceur d'un démaquillage 100 % naturel, pensé par des femmes herboristes passionnées.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-fant-marine: #1A2D3D;\n  --soi-fant-marine-dark: #0F1E2B;\n  --soi-fant-marine-light: #2C4458;\n  --soi-fant-pomme: #A1C544;\n  --soi-fant-pomme-dark: #84A636;\n  --soi-fant-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-fant-white: #FFFFFF;\n  --soi-fant-off-white: #F8FAF6;\n  --soi-fant-stone: #F1F3EE;\n  --soi-fant-line: #E5E8E0;\n\n  --soi-fant-primary: #D4A42A;\n  --soi-fant-primary-soft: #F5EDD4;\n  --soi-fant-accent: #C85A8A;\n\n  --soi-fant-text: #1A2D3D;\n  --soi-fant-text-soft: #4A5B6B;\n  --soi-fant-text-muted: #7B8693;\n\n  --soi-fant-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-fant-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-fant-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-fant-radius: 12px;\n  --soi-fant-radius-sm: 8px;\n  --soi-fant-radius-pill: 999px;\n}\n\n.soi-fant-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-fant-fiche img { max-width: 100%; height: auto; }\n\n.soi-fant-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-fant-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-fant-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-fant-hero {\n  position: relative;\n  background: var(--soi-fant-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-fant-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-fant-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-fant-pomme);\n}\n\n.soi-fant-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-fant-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-fant-pomme);\n  border-radius: 50%;\n}\n\n.soi-fant-hero-title {\n  display: block;\n  color: var(--soi-fant-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-fant-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-fant-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-fant-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-fant-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-fant-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-fant-label-accent {\n  background: var(--soi-fant-pomme);\n  border-color: var(--soi-fant-pomme);\n  color: var(--soi-fant-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-fant-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-fant-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-fant-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-fant-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-fant-pomme);\n  border-radius: 2px;\n}\n\n.soi-fant-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-fant-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-fant-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-fant-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-fant-benefit {\n  background: var(--soi-fant-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-fant-radius);\n  border: 1px solid var(--soi-fant-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-fant-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-fant-shadow-md);\n}\n\n.soi-fant-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-fant-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-fant-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-fant-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-fant-benefit:hover .soi-fant-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-fant-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-fant-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-fant-benefit p {\n  font-size: 13px;\n  color: var(--soi-fant-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-fant-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-fant-card {\n  background: var(--soi-fant-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-fant-radius);\n  border-left: 3px solid var(--soi-fant-pomme);\n}\n\n.soi-fant-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-fant-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-fant-card p {\n  font-size: 14px;\n  color: var(--soi-fant-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-fant-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-fant-card-mini {\n  background: var(--soi-fant-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-fant-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-fant-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-fant-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-fant-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-fant-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-fant-marine);\n}\n\n\/* === COMPOSITION === *\/\n.soi-fant-compo {\n  background: var(--soi-fant-off-white);\n  border-radius: var(--soi-fant-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-fant-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-fant-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-fant-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-fant-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-fant-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-fant-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-fant-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-fant-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-fant-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-fant-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-fant-radius);\n  border: 1px solid var(--soi-fant-line);\n  align-items: flex-start;\n}\n\n.soi-fant-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-fant-marine);\n  color: var(--soi-fant-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-fant-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-fant-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-fant-step-content p {\n  font-size: 14px;\n  color: var(--soi-fant-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-fant-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-fant-pomme-light);\n  border-left: 4px solid var(--soi-fant-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-fant-radius) var(--soi-fant-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-fant-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-fant-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-fant-marine);\n  margin-bottom: 4px;\n}\n\n.soi-fant-tip p {\n  font-size: 14px;\n  color: var(--soi-fant-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-fant-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-fant-accordion-item {\n  background: var(--soi-fant-off-white);\n  border-radius: var(--soi-fant-radius-sm);\n  border: 1px solid var(--soi-fant-line);\n  overflow: hidden;\n}\n\n.soi-fant-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-fant-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-fant-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-fant-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-fant-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-fant-accordion-item[open] .soi-fant-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-fant-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-fant-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-fant-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-fant-cta-box {\n  background: var(--soi-fant-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-fant-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-fant-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-fant-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-fant-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-fant-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-fant-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-fant-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-fant-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-fant-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-fant-compo-value {\n    text-align: left;\n  }\n\n  .soi-fant-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-fant-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-fant-fiche {\n    --soi-fant-text-soft: #2C3E50;\n    --soi-fant-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Douces Angevines","offers":[{"title":"Default Title","offer_id":61603804479818,"sku":"DA0005","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/fantomette-huile-demaquillante-et-nettoyante-bio-packshot.webp?v=1785921454","url":"https:\/\/firmtoaromatherapy.com\/products\/fantomette-demaquillant-douces-angevines","provider":"Soinature","version":"1.0","type":"link"}