{"product_id":"huile-vegetale-de-noisette-certifiee-bio-florame","title":"Huile Végétale de Noisette certifiée bio – Florame","description":"\n\u003cdiv class=\"soi-nois-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-nois-hero\"\u003e\n    \u003cdiv class=\"soi-nois-hero-tag\"\u003e\n      \u003cspan class=\"soi-nois-tag-dot\"\u003e\u003c\/span\u003e\n      Huile végétale bio · Florame\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-nois-hero-title\"\u003eLa douceur soyeuse de la noisette pour votre peau\u003c\/span\u003e\n    \u003cp class=\"soi-nois-hero-subtitle\"\u003eLégère, non comédogène et absorbée en quelques secondes, cette huile vierge bio première pression à froid nourrit sans alourdir, même les peaux les plus exigeantes.\u003c\/p\u003e\n    \u003cdiv class=\"soi-nois-hero-labels\"\u003e\n      \u003cspan class=\"soi-nois-label soi-nois-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-nois-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-nois-label\"\u003eFAIR FOR LIFE\u003c\/span\u003e\n      \u003cspan class=\"soi-nois-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Pourquoi l'huile de noisette bio séduit autant les peaux difficiles ? --\u003e\n  \u003csection class=\"soi-nois-section\"\u003e\n    \u003ch2\u003ePourquoi l'huile de noisette bio séduit autant les peaux difficiles ?\u003c\/h2\u003e\n    \u003cp\u003eL'huile végétale de noisette bio Florame est obtenue par première pression à froid de noisettes biologiques. Ce procédé doux préserve l'intégralité des nutriments actifs sans aucun solvant ni traitement thermique. Vous obtenez ainsi une huile vivante, dense en bienfaits, fidèle à ce que la nature a concentré dans la noisette.\u003c\/p\u003e\n    \u003cp\u003eSa composition naturelle en fait une alliée précieuse pour les peaux mixtes, grasses ou sensibles :\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-nois-benefits\"\u003e\n      \u003cdiv class=\"soi-nois-benefit\"\u003e\n        \u003cdiv class=\"soi-nois-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eOméga 9 (environ 75 à 80 %)\u003c\/h3\u003e\n        \u003cp\u003eLes acides gras oléiques nourrissent en profondeur sans alourdir la peau et renforcent le film hydrolipidique naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-benefit\"\u003e\n        \u003cdiv class=\"soi-nois-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eOméga 6\u003c\/h3\u003e\n        \u003cp\u003eLes acides linoléiques participent à la régénération cellulaire et apaisent les irritations cutanées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-benefit\"\u003e\n        \u003cdiv class=\"soi-nois-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine E (tocophérol)\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant naturel, elle contribue à protéger la peau du vieillissement prématuré causé par les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-benefit\"\u003e\n        \u003cdiv class=\"soi-nois-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVitamine A (bêta-carotène)\u003c\/h3\u003e\n        \u003cp\u003eSoutient le renouvellement cutané et contribue à l'éclat du teint au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-nois-tip\"\u003e\n      \u003cdiv class=\"soi-nois-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSon indice comédogène très bas est un atout majeur : contrairement à de nombreuses huiles végétales, l'huile de noisette bio ne bouche pas les pores. Elle contribue au contraire à réguler la sécrétion de sébum, ce qui en fait une option rare et précieuse pour les peaux qui brillent ou qui développent des points noirs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Les bienfaits de l'huile végétale de noisette selon votre type de peau --\u003e\n  \u003csection class=\"soi-nois-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile végétale de noisette selon votre type de peau\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nois-grid\"\u003e\n      \u003cdiv class=\"soi-nois-card\"\u003e\n        \u003ch3\u003e💧 Peau mixte à grasse\u003c\/h3\u003e\n        \u003cp\u003eRégule le sébum, resserre les pores visibles et réduit les brillances sans assécher votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-card\"\u003e\n        \u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n        \u003cp\u003eApaise les rougeurs et les tiraillements grâce à ses acides gras aux propriétés anti-inflammatoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-card\"\u003e\n        \u003ch3\u003e🤍 Peau normale à sèche\u003c\/h3\u003e\n        \u003cp\u003eNourrit en douceur et contribue au maintien de l'hydratation tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-card\"\u003e\n        \u003ch3\u003e🕰️ Peau mature\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine E limite l'oxydation cellulaire, pour un teint plus lumineux et une peau plus souple.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Comment utiliser l'huile végétale de noisette Florame ? --\u003e\n  \u003csection class=\"soi-nois-section\"\u003e\n    \u003ch2\u003eComment bien utiliser l'huile de noisette ?\u003c\/h2\u003e\n    \u003cp class=\"soi-nois-section-intro\"\u003eLa praticité du flacon pompe de 50 ml est un vrai plus au quotidien : pas de gaspillage, pas de contact avec les doigts, une dose précise à chaque utilisation.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-nois-timeline\"\u003e\n      \u003cdiv class=\"soi-nois-step\"\u003e\n        \u003cdiv class=\"soi-nois-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-nois-step-content\"\u003e\n          \u003ch3\u003eSoin visage\u003c\/h3\u003e\n          \u003cp\u003eAppliquez 2 à 3 pressions sur une peau propre et légèrement humide, matin ou soir. Massez doucement en mouvements circulaires jusqu'à absorption complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-step\"\u003e\n        \u003cdiv class=\"soi-nois-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-nois-step-content\"\u003e\n          \u003ch3\u003eDémaquillant naturel\u003c\/h3\u003e\n          \u003cp\u003eQuelques gouttes sur un coton suffisent à dissoudre maquillage et impuretés, même tenaces.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-step\"\u003e\n        \u003cdiv class=\"soi-nois-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-nois-step-content\"\u003e\n          \u003ch3\u003eHuile de massage\u003c\/h3\u003e\n          \u003cp\u003eUtilisée pure ou en base pour diluer vos huiles essentielles, elle glisse parfaitement sur la peau et laisse une sensation veloutée agréable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-step\"\u003e\n        \u003cdiv class=\"soi-nois-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-nois-step-content\"\u003e\n          \u003ch3\u003eSoin corps\u003c\/h3\u003e\n          \u003cp\u003eIdéale après la douche pour nourrir les zones sèches comme les coudes, les genoux ou les talons.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-step\"\u003e\n        \u003cdiv class=\"soi-nois-step-num\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"soi-nois-step-content\"\u003e\n          \u003ch3\u003eHuile capillaire\u003c\/h3\u003e\n          \u003cp\u003eEn sérum de pointes ou en masque avant shampoing pour dompter les frisottis et redonner brillance aux longueurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Composition de l'huile végétale vierge bio de noisette Florame --\u003e\n  \u003csection class=\"soi-nois-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nois-compo\"\u003e\n      \u003cdiv class=\"soi-nois-compo-row\"\u003e\n        \u003cspan class=\"soi-nois-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-compo-value\"\u003e\u003cem\u003eCorylus Avellana (Hazel) Seed Oil*\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-compo-row\"\u003e\n        \u003cspan class=\"soi-nois-compo-label\"\u003eOrigine des ingrédients\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-compo-value\"\u003e* Issu de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-compo-row\"\u003e\n        \u003cspan class=\"soi-nois-compo-label\"\u003eProcédé d'extraction\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-compo-row\"\u003e\n        \u003cspan class=\"soi-nois-compo-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-compo-value\"\u003e100 % naturelle, sans additif, sans conservateur, sans parfum artificiel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-compo-row\"\u003e\n        \u003cspan class=\"soi-nois-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-compo-value\"\u003eFlacon pompe 50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Certifications et engagements Florame --\u003e\n  \u003csection class=\"soi-nois-section\"\u003e\n    \u003ch2\u003eCertifications et engagements Florame\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nois-grid-compact\"\u003e\n      \u003cdiv class=\"soi-nois-card-mini\"\u003e\n        \u003cspan class=\"soi-nois-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-card-mini\"\u003e\n        \u003cspan class=\"soi-nois-card-mini-icon\"\u003e🤝\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-card-mini-label\"\u003eCommerce équitable\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-card-mini-value\"\u003eFair For Life\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-card-mini\"\u003e\n        \u003cspan class=\"soi-nois-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-card-mini-value\"\u003eSaint-Rémy-de-Provence\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nois-card-mini\"\u003e\n        \u003cspan class=\"soi-nois-card-mini-icon\"\u003e🏛️\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-card-mini-label\"\u003eMaison française\u003c\/span\u003e\n        \u003cspan class=\"soi-nois-card-mini-value\"\u003eDepuis 1992\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eCosmos Organic est une certification européenne garantissant l'origine biologique des ingrédients et le respect des procédés de fabrication naturels. Fair For Life assure des conditions de travail justes et une rémunération équitable pour les producteurs de noisettes. Formulée et conditionnée à Saint-Rémy-de-Provence, au cœur de la Provence, par une maison française fondée sur des valeurs de cosmétique responsable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Précautions d'utilisation --\u003e\n  \u003csection class=\"soi-nois-section\"\u003e\n    \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nois-accordion\"\u003e\n      \u003cdetails class=\"soi-nois-accordion-item\"\u003e\n        \u003csummary class=\"soi-nois-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"soi-nois-accordion-content\"\u003e\n          \u003cp\u003eRéservé à un usage externe. Évitez le contact avec les yeux. En cas d'allergie connue aux fruits à coque, consultez un professionnel de santé avant utilisation. Ce produit est un cosmétique et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-nois-accordion-item\"\u003e\n        \u003csummary class=\"soi-nois-accordion-header\"\u003e🏠 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-nois-accordion-content\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de la lumière pour préserver ses qualités nutritives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA BOX --\u003e\n  \u003csection class=\"soi-nois-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-nois-cta-box\"\u003e\n      \u003cp class=\"soi-nois-cta-tag\" style=\"color: white;\"\u003eSoin naturel, pur et équitable\u003c\/p\u003e\n      \u003cp class=\"soi-nois-cta-text\" style=\"color: white;\"\u003eDouce comme une évidence, l'huile végétale de noisette bio Florame s'adapte à toutes les peaux, même les plus capricieuses. Pure, certifiée, équitable : le soin que votre peau attendait vraiment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-nois-marine: #1A2D3D;\n  --soi-nois-marine-dark: #0F1E2B;\n  --soi-nois-marine-light: #2C4458;\n  --soi-nois-pomme: #A1C544;\n  --soi-nois-pomme-dark: #84A636;\n  --soi-nois-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-nois-white: #FFFFFF;\n  --soi-nois-off-white: #F8FAF6;\n  --soi-nois-stone: #F1F3EE;\n  --soi-nois-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging doré\/ambré noisette) === *\/\n  --soi-nois-primary: #C8983A;\n  --soi-nois-primary-soft: rgba(200,152,58,0.10);\n  --soi-nois-accent: #D4A52A;\n\n  \/* === Textes === *\/\n  --soi-nois-text: #1A2D3D;\n  --soi-nois-text-soft: #4A5B6B;\n  --soi-nois-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-nois-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-nois-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-nois-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-nois-radius: 12px;\n  --soi-nois-radius-sm: 8px;\n  --soi-nois-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-nois-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nois-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-nois-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-nois-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-nois-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-nois-hero {\n  position: relative;\n  background: var(--soi-nois-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-nois-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-nois-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-nois-pomme);\n}\n\n.soi-nois-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-nois-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-nois-pomme);\n  border-radius: 50%;\n}\n\n.soi-nois-hero-title {\n  display: block;\n  color: var(--soi-nois-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-nois-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-nois-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-nois-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-nois-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-nois-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-nois-label-accent {\n  background: var(--soi-nois-pomme);\n  border-color: var(--soi-nois-pomme);\n  color: var(--soi-nois-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-nois-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nois-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-nois-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-nois-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-nois-pomme);\n  border-radius: 2px;\n}\n\n.soi-nois-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-nois-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-nois-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-nois-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-nois-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-nois-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-nois-benefit {\n  background: var(--soi-nois-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-nois-radius);\n  border: 1px solid var(--soi-nois-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nois-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-nois-shadow-md);\n}\n\n.soi-nois-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-nois-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-nois-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-nois-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-nois-benefit:hover .soi-nois-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-nois-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nois-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nois-benefit p {\n  font-size: 13px;\n  color: var(--soi-nois-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-nois-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-nois-card {\n  background: var(--soi-nois-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nois-radius);\n  border-left: 3px solid var(--soi-nois-pomme);\n}\n\n.soi-nois-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nois-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nois-card p {\n  font-size: 14px;\n  color: var(--soi-nois-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-nois-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.5rem;\n}\n\n.soi-nois-card-mini {\n  background: var(--soi-nois-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-nois-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-nois-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-nois-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-nois-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-nois-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-nois-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-nois-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-nois-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-nois-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nois-radius);\n  border: 1px solid var(--soi-nois-line);\n  align-items: flex-start;\n}\n\n.soi-nois-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-nois-marine);\n  color: var(--soi-nois-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-nois-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-nois-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-nois-step-content p {\n  font-size: 14px;\n  color: var(--soi-nois-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-nois-compo {\n  background: var(--soi-nois-off-white);\n  border-radius: var(--soi-nois-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-nois-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-nois-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-nois-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-nois-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-nois-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-nois-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-nois-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-nois-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-nois-pomme-light);\n  border-left: 4px solid var(--soi-nois-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-nois-radius) var(--soi-nois-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-nois-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-nois-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-nois-marine);\n  margin-bottom: 4px;\n}\n\n.soi-nois-tip p {\n  font-size: 14px;\n  color: var(--soi-nois-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-nois-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-nois-accordion-item {\n  background: var(--soi-nois-off-white);\n  border-radius: var(--soi-nois-radius-sm);\n  border: 1px solid var(--soi-nois-line);\n  overflow: hidden;\n}\n\n.soi-nois-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-nois-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-nois-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-nois-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-nois-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-nois-accordion-item[open] .soi-nois-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-nois-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-nois-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-nois-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-nois-cta-box {\n  background: var(--soi-nois-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-nois-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-nois-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-nois-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-nois-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-nois-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-nois-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-nois-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-nois-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-nois-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-nois-compo-value {\n    text-align: left;\n  }\n\n  .soi-nois-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-nois-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-nois-fiche {\n    --soi-nois-text-soft: #2C3E50;\n    --soi-nois-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603856023882,"sku":"FM0280","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-vegetale-de-noisette-certifiee-bio-florame-packshot.webp?v=1785765707","url":"https:\/\/firmtoaromatherapy.com\/products\/huile-vegetale-de-noisette-certifiee-bio-florame","provider":"Soinature","version":"1.0","type":"link"}