{"product_id":"huile-nettoyante-visage-certifiee-bio-florame","title":"Huile Nettoyante Visage certifiée bio – Florame","description":"\u003cdiv class=\"soi-hnv-fiche\"\u003e\n\n\u003csection class=\"soi-hnv-hero\"\u003e\n  \u003cdiv class=\"soi-hnv-hero-tag\"\u003e\n    \u003cspan class=\"soi-hnv-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétique visage · Florame\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-hnv-hero-title\"\u003eLe démaquillage transformé en rituel soin\u003c\/span\u003e\n  \u003cp class=\"soi-hnv-hero-subtitle\"\u003eUne huile nettoyante visage certifiée bio, formulée aux eaux florales et à la camomille biologiques, qui nettoie en douceur tous les types de peau sans jamais les agresser.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hnv-hero-labels\"\u003e\n    \u003cspan class=\"soi-hnv-label soi-hnv-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-hnv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-hnv-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hnv-section\"\u003e\n  \u003ch2\u003eL'huile nettoyante visage bio qui transforme votre démaquillage en rituel soin\u003c\/h2\u003e\n  \u003cp\u003eVous cherchez une \u003cstrong\u003ehuile nettoyante pour le visage\u003c\/strong\u003e qui nettoie vraiment, sans agresser, sans laisser de film gras, et sans compromis sur la naturalité ? L'\u003cstrong\u003eHuile Nettoyante Visage Florame\u003c\/strong\u003e est formulée pour ça. Certifiée \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e, fabriquée en France à Saint-Rémy-de-Provence, elle s'adresse à tous les types de peau, même les plus réactives.\u003c\/p\u003e\n  \u003cp\u003eLe principe de l'\u003cstrong\u003ehuile démaquillante bio\u003c\/strong\u003e repose sur une logique simple : le gras dissout le gras. Résidus de maquillage, excès de sébum, impuretés de la journée… tout ce que l'eau seule ne peut pas éliminer, une huile nettoyante le capte et l'emporte au rinçage. Résultat : une peau propre, douce, jamais tiraillée.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hnv-section\"\u003e\n  \u003ch2\u003eCe qui rend cette huile nettoyante visage vraiment différente\u003c\/h2\u003e\n  \u003cp\u003eLà où beaucoup d'huiles nettoyantes laissent la peau inconfortable ou nécessitent un second nettoyant, celle de Florame se distingue par sa \u003cstrong\u003etexture bi-phasique légère\u003c\/strong\u003e qui émulsionne au contact de l'eau. Elle se rince facilement et ne réclame ni coton, ni frottement inutile sur la peau.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hnv-benefits\"\u003e\n    \u003cdiv class=\"soi-hnv-benefit\"\u003e\n      \u003cdiv class=\"soi-hnv-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEaux florales biologiques\u003c\/h3\u003e\n      \u003cp\u003eApaisantes et tonifiantes, elles complètent le soin à chaque application.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-benefit\"\u003e\n      \u003cdiv class=\"soi-hnv-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eExtrait de camomille bio\u003c\/h3\u003e\n      \u003cp\u003eReconnue pour ses propriétés calmantes, elle convient parfaitement aux peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-benefit\"\u003e\n      \u003cdiv class=\"soi-hnv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eGel d'aloé véra bio\u003c\/h3\u003e\n      \u003cp\u003eHydrate et apaise après le rinçage, sans effet desséchant.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-benefit\"\u003e\n      \u003cdiv class=\"soi-hnv-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eGlycérine végétale bio\u003c\/h3\u003e\n      \u003cp\u003ePréserve le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-benefit\"\u003e\n      \u003cdiv class=\"soi-hnv-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eExtrait de romarin\u003c\/h3\u003e\n      \u003cp\u003ePurifiant et dynamisant, il aide à retrouver un teint frais et uniforme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hnv-section\"\u003e\n  \u003ch2\u003ePour qui est cette huile démaquillante ? Tous les types de peaux, sans exception\u003c\/h2\u003e\n  \u003cdiv class=\"soi-hnv-grid\"\u003e\n    \u003cdiv class=\"soi-hnv-card\"\u003e\n      \u003ch3\u003e🧴 Peaux sèches et sensibles\u003c\/h3\u003e\n      \u003cp\u003eSa formule douce et équilibrante respecte les peaux les plus réactives. La camomille bio et l'aloé véra apaisent sans jamais irriter.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-card\"\u003e\n      \u003ch3\u003e✨ Peaux mixtes et grasses\u003c\/h3\u003e\n      \u003cp\u003eSi vous avez jusqu'ici évité les huiles par peur d'aggraver les brillances, cette texture légère vous convaincra du contraire. Elle rééquilibre sans surcharger.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-card\"\u003e\n      \u003ch3\u003e💄 Maquillage quotidien\u003c\/h3\u003e\n      \u003cp\u003eElle nettoie efficacement le fond de teint, le mascara waterproof léger et la crème solaire, sans nécessiter de double application.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hnv-section\"\u003e\n  \u003ch2\u003eComment utiliser cette huile nettoyante visage : le bon geste, étape par étape\u003c\/h2\u003e\n  \u003cdiv class=\"soi-hnv-timeline\"\u003e\n    \u003cdiv class=\"soi-hnv-step\"\u003e\n      \u003cdiv class=\"soi-hnv-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-hnv-step-content\"\u003e\n        \u003ch3\u003eAppliquez quelques gouttes\u003c\/h3\u003e\n        \u003cp\u003eDéposez l'huile sur un visage sec ou légèrement humide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-step\"\u003e\n      \u003cdiv class=\"soi-hnv-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-hnv-step-content\"\u003e\n        \u003ch3\u003eMassez en mouvements circulaires doux\u003c\/h3\u003e\n        \u003cp\u003eFaites fondre le maquillage et les impuretés accumulées au fil de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-step\"\u003e\n      \u003cdiv class=\"soi-hnv-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-hnv-step-content\"\u003e\n        \u003ch3\u003eAjoutez un peu d'eau pour émulsionner\u003c\/h3\u003e\n        \u003cp\u003eL'huile devient laiteuse et se rince en quelques secondes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-step\"\u003e\n      \u003cdiv class=\"soi-hnv-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-hnv-step-content\"\u003e\n        \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n        \u003cp\u003eAucun coton nécessaire. Votre peau est propre, douce, immédiatement confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-hnv-tip\"\u003e\n    \u003cdiv class=\"soi-hnv-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eElle s'utilise matin et soir, en première étape de votre routine, ou en nettoyage unique si votre maquillage est léger.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hnv-section\"\u003e\n  \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n  \u003cp\u003eCette huile nettoyante certifiée bio contient notamment : \u003cstrong\u003ehuiles végétales biologiques\u003c\/strong\u003e (dont tournesol), \u003cstrong\u003eeaux florales biologiques\u003c\/strong\u003e, \u003cstrong\u003eextrait de camomille bio\u003c\/strong\u003e, \u003cstrong\u003egel d'aloé véra bio\u003c\/strong\u003e, \u003cstrong\u003eglycérine végétale bio\u003c\/strong\u003e, \u003cstrong\u003eextrait de romarin\u003c\/strong\u003e. Formule sans parabènes, sans silicones, sans colorants synthétiques, sans parfum de synthèse.\u003c\/p\u003e\n  \u003cdiv class=\"soi-hnv-compo\"\u003e\n    \u003cdiv class=\"soi-hnv-compo-row\"\u003e\n      \u003cspan class=\"soi-hnv-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-hnv-compo-value\"\u003eCOSMOS ORGANIC par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-compo-row\"\u003e\n      \u003cspan class=\"soi-hnv-compo-label\"\u003eTest dermatologique\u003c\/span\u003e\n      \u003cspan class=\"soi-hnv-compo-value\"\u003eTestée dermatologiquement\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-compo-row\"\u003e\n      \u003cspan class=\"soi-hnv-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-hnv-compo-value\"\u003eFrance (Saint-Rémy-de-Provence)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hnv-compo-row\"\u003e\n      \u003cspan class=\"soi-hnv-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-hnv-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003csection class=\"soi-hnv-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-hnv-cta-box\"\u003e\n    \u003cp class=\"soi-hnv-cta-tag\" style=\"color: white;\"\u003eUn geste simple, bio et fabriqué en France\u003c\/p\u003e\n    \u003cp class=\"soi-hnv-cta-text\" style=\"color: white;\"\u003eParce que prendre soin de votre peau chaque soir devrait être un plaisir, pas une contrainte. L'Huile Nettoyante Visage Florame vous offre une peau propre, apaisée et lumineuse dès les premières utilisations.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-hnv-marine: #1A2D3D;\n  --soi-hnv-marine-dark: #0F1E2B;\n  --soi-hnv-marine-light: #2C4458;\n  --soi-hnv-pomme: #A1C544;\n  --soi-hnv-pomme-dark: #84A636;\n  --soi-hnv-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-hnv-white: #FFFFFF;\n  --soi-hnv-off-white: #F8FAF6;\n  --soi-hnv-stone: #F1F3EE;\n  --soi-hnv-line: #E5E8E0;\n\n  --soi-hnv-primary: #C9956A;\n  --soi-hnv-primary-soft: #E8D5C0;\n  --soi-hnv-accent: #6E9ABF;\n\n  --soi-hnv-text: #1A2D3D;\n  --soi-hnv-text-soft: #4A5B6B;\n  --soi-hnv-text-muted: #7B8693;\n\n  --soi-hnv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-hnv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-hnv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-hnv-radius: 12px;\n  --soi-hnv-radius-sm: 8px;\n  --soi-hnv-radius-pill: 999px;\n}\n\n.soi-hnv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hnv-fiche img { max-width: 100%; height: auto; }\n\n.soi-hnv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-hnv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-hnv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hnv-hero {\n  position: relative;\n  background: var(--soi-hnv-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-hnv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-hnv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-hnv-pomme);\n}\n\n.soi-hnv-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-hnv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-hnv-pomme);\n  border-radius: 50%;\n}\n\n.soi-hnv-hero-title {\n  display: block;\n  color: var(--soi-hnv-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-hnv-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-hnv-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-hnv-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-hnv-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-hnv-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-hnv-label-accent {\n  background: var(--soi-hnv-pomme);\n  border-color: var(--soi-hnv-pomme);\n  color: var(--soi-hnv-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hnv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hnv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-hnv-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-hnv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-hnv-pomme);\n  border-radius: 2px;\n}\n\n.soi-hnv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-hnv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-hnv-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hnv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.soi-hnv-benefit {\n  background: var(--soi-hnv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-hnv-radius);\n  border: 1px solid var(--soi-hnv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hnv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-hnv-shadow-md);\n}\n\n.soi-hnv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-hnv-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-hnv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-hnv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-hnv-benefit:hover .soi-hnv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-hnv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hnv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hnv-benefit p {\n  font-size: 13px;\n  color: var(--soi-hnv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hnv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-hnv-card {\n  background: var(--soi-hnv-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hnv-radius);\n  border-left: 3px solid var(--soi-hnv-pomme);\n}\n\n.soi-hnv-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hnv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hnv-card p {\n  font-size: 14px;\n  color: var(--soi-hnv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hnv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-hnv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-hnv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hnv-radius);\n  border: 1px solid var(--soi-hnv-line);\n  align-items: flex-start;\n}\n\n.soi-hnv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-hnv-marine);\n  color: var(--soi-hnv-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-hnv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-hnv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-hnv-step-content p {\n  font-size: 14px;\n  color: var(--soi-hnv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hnv-compo {\n  background: var(--soi-hnv-off-white);\n  border-radius: var(--soi-hnv-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.soi-hnv-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-hnv-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-hnv-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-hnv-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-hnv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-hnv-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-hnv-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hnv-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-hnv-pomme-light);\n  border-left: 4px solid var(--soi-hnv-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-hnv-radius) var(--soi-hnv-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-hnv-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-hnv-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-hnv-marine);\n  margin-bottom: 4px;\n}\n\n.soi-hnv-tip p {\n  font-size: 14px;\n  color: var(--soi-hnv-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hnv-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-hnv-accordion-item {\n  background: var(--soi-hnv-off-white);\n  border-radius: var(--soi-hnv-radius-sm);\n  border: 1px solid var(--soi-hnv-line);\n  overflow: hidden;\n}\n\n.soi-hnv-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-hnv-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-hnv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-hnv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-hnv-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-hnv-accordion-item[open] .soi-hnv-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-hnv-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-hnv-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-hnv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hnv-cta-box {\n  background: var(--soi-hnv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-hnv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-hnv-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-hnv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-hnv-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-hnv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-hnv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-hnv-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-hnv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-hnv-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-hnv-compo-value {\n    text-align: left;\n  }\n\n  .soi-hnv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-hnv-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-hnv-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-hnv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-hnv-fiche {\n    --soi-hnv-text-soft: #2C3E50;\n    --soi-hnv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603868672330,"sku":"FM0380","price":17.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-nettoyante-visage-certifiee-bio-florame-packshot.webp?v=1785765013","url":"https:\/\/firmtoaromatherapy.com\/products\/huile-nettoyante-visage-certifiee-bio-florame","provider":"Soinature","version":"1.0","type":"link"}